【わかりやすく解説】UXデザインの基本と主要概念 デザイン会社 ビートラックス: ブログ
そもそもUXとは？なぜUXデザインが必要なのか？UXとUIの関係性UXデザインが目指すべきところUXが重要であることは、近年の議論からすでに認識されている方も多いことだろう。 しかし、UXデザインの定義や位置付けはとても曖昧で、人によって捉え方は様々なのではないだろうか。 筆者自身、これまでのプロジェクトを通して様々なバックグラウンドを持った人がUXという言葉を使っているのを目の当たりにし、その度に認識のズレを感じている。 結論から話すと、UXデザインについて定義することよりも、この言葉が世間でどのような使われ方をしているのかを知ることのほうが重要である。 今回は弊社の提供するイノベーションプログラムやデザインプロジェクトを通して蓄積した経験から「UXとは何か」といった捉え方や基本的な概念部分、そして「なぜUXを考える必要があるのか？」にフォーカスし、いくつかの観点をまとめて紹介する。 一
JavaScript なスライダーライブラリのまとめ
自分用の備忘録としてですが JavaScript なスライダーライブラリのまとめです。 音量の設定とか RGB での色設定とか感覚的な数値を入力させるためのＵＩとしてぴったりなアレです。今流行のページスライダーではありません。一昔前は Flash で作られたライブラリが多かった記憶がありますが、最近では JavaScript でもできちゃいますって感じで様々なライブラリが公開されています。 Javascriptでできているスライダーありませんかね？ の人力検索はてなの情報を大いに参考にさせて頂きました。 基本的な考え方として、見た目は各種パーツの画像を作り込むことでどうにでも変更できます。機能的には有名どころの JavaScript ライブラリを用いていればそれほど不満が出ることも無いかと思うので、現状お使いのライブラリの系列のものを使うとムダにメモリ使用量とかライブラリ同士での汚染とか考
第23回 JavaScriptによるUIの実装：スライダー | gihyo.jp
こんにちは、前回、前々回に引き続き、JavaScriptでUIを実装する方法を紹介していきます。今回は前回のドラッグと関連の深いスライダーを実装してみます。 基本のスライダー スライダーは簡単にいえば動きの制限されたドラッグです。 今回も、最初はなるべくシンプルに実装してみます。まず、基本となるHTMLは次の通りです。 スライダーの基本HTML <form class="js-slider-form" onsubmit="return false;"> <input type="text" name="slider" id="slider1o" value="0"> <div id="slider1" class="js-slider"> <div></div> <input type="button" value=""> </div> </form> 今回は少々手抜きで、input ty
TwitterやFacebookのように一番下までスクロールしたら自動的にコンテンツを表示する「jQuery.Bottomプラグイン」
TwitterのタイムラインやFacebookのニュースフィードように、ページの一番下までスクロールしたらコンテンツを自動的に表示する「jQuery.Bottomプラグイン」を紹介します。 １．サンプル jQuery.Bottomプラグインにはデモページが用意されていますが、いまいちなのでサンプルページを作りました。 jQuery.Bottomプラグインサンプル ページの一番下までスクロールすると自動的にコンテンツを表示します。 なお、最初に表示した状態でコンテンツがすべて表示されてしまっているとそもそも動作しないので注意してください。 ２．プラグインの機能 jQuery.Bottomプラグインは「bottom」イベントを登録するためのものです。このイベントを利用してページの一番下までスクロールすれば、bottomイベントが発生します。 ３．プラグインのダウンロード githubのjQue
HTML5でローカルファイルのドラッグアンドドロップで画像ファイルを表示 - コンピュータクワガタ
HTML5でローカルの画像ファイルをファイルのアップロードなしでプレビューするというのをやってみたかったのでやってみました。 意外にというか、つまらないところで引っかかったのでメモしておきます。 まず、参考したサイトは以下の2つです。 html5の File API を使って、アップロード無しで画像プレビュー http://d.hatena.ne.jp/favril/20100506/1273143063 Canvas + File API + Drag&Drop API で Instagram みたいな画像フィルターを作ってみた http://d.hatena.ne.jp/scalar/20101026/1288068169 作ったのが以下のソースとなります。上記のサイトのコピペを駆使しております。 <!DOCTYPE html> <html> <head> <meta charset=
JavaScriptで作られた、見たことないUIデザインのWebサイト
株式会社サイゾー（Cyzo inc.） / Raffael Stüken / La Moulade - Creative St...他...全11件
「だらだらとPCで遊ぶためのUI」――タブレットでPCを操作する新しいインタフェース
「だらだらとPCで遊ぶためのUI」――タブレットでPCを操作する新しいインタフェース：SFC ORF 2011 Report 慶応SFCのイベント「ORF」で、タブレットをリモコンにして、PCの操作を行うインタフェース「ContextDial」が展示されている。画面上のダイヤルを回して操作するという非常に直感的なインタフェースだ。 慶応義塾大学湘南藤沢キャンパス（SFC）の研究成果を一般公開する「Open Research Forum 2011」が11月22日、東京・六本木の「東京ミッドタウン ホール＆カンファレンス」で開幕した。約140のブースでさまざまな研究発表が行われるなか、増井俊之研究室のブースでは、タブレットをリモコンにして、PCの操作を行うインタフェース「ContextDial」が展示されている。 ContextDialは、ダイヤル型のインタフェースを採用し、画面をタッチしたり
新宿到着。トイレどこか分からんわ！ これ作ったやつマジくたばれ。... on Twitpic
新宿到着。トイレどこか分からんわ！ これ作ったやつマジくたばれ。
Viscuit びすけっと
ICT支援員の「めがねさん」が、先生をはじめとする登場人物との会話を通じてビスケットの魅力をお伝えする「めがねさんのビスケット活用術」をオープンしました。
リモコン無法地帯
簡単なホームシアターで必要な 6 台のリモコンを見れば、複雑で統一性のないユーザーインタフェースによって引き起こされる問題が明らかになる。 Remote Control Anarchy by Jakob Nielsen 2004年6月7日 家庭のテレビで映画を見るとき、私はその困難さに苛立ちを感じる。リラックスできる時間のはずが、この単純なタスクを行うために必要な、複数のリモコンを操作するのに毎回手間取ってしまう。 自分の持っているリモコンに対してちょっとしたユーザビリティ・レビューを行うまで、なぜ操作がそんなに難しいのか気付かなかった。ただ、なんとなく腹立たしいという思いだけを持っていた。基本的に家電業界の消費者向け製品の被害者と同じ状況だったのだ。 私のホームシアターは、どちらかといえば控えめなほうだ。それを操作するためには、「たったの」 6 台のリモコン（下の写真を参照）の使い方をマ
Webユーザインターフェースの "暗黙知" を意識していますか？ : LINE Corporation ディレクターブログ
暗黙知（あんもくち、Tacit Knowing）は、ハンガリーの哲学者・社会学者マイケル・ポランニー（Michael Polanyi) によって1966 年に提示された概念で、認知のプロセス、或は、言葉に表せる知覚に対して、（全体的・部分的に）言葉に表せない・説明できない知覚を指す。Wikipediaより こんにちは。livedoorで検索全般を担当しております、須田です。 タイトルのままなのですが、少しづつ日本のWEBにおける暗黙知を共有したいと思っています。 暗黙知の共有することで得られるメリットですが、 ユーザーにとっては、分かりづらいUIを日本からできるだけ無くすことができ、斬新なUIに慣れるという煩わしい時間からの開放企業にとっては、暗黙知として決まりがあることで、UIを検討する時間の短縮にもなるというメリットがあると思います。 まずは誰でも知っていると思われる基本的なところだけ
Ubicomp2008 - NextReality
先週、韓国ソウル市でユビキタスコンピューティングに関する国際学会(Ubicomp 2008)が開催された。場所は江南のCOEXコンベンションセンター。地上がコンベンション施設で地下が巨大なモールになっている。近くにはオリンピックスタジアムなどがある。 今回も、紙によるプロシーディングスの他に、論文／ビデオがコピーされているUSBメモリが配布された。 これは本会議前日のワークショップレジストレーション風景。手作業でかなり大変そうだった。 韓国開催というこで、学会参加者はアジア圏（とくに韓国／日本）が多かったが、論文投稿・採択に関して言うとまだまだ米国が優勢である。 キーノート キーノートはSamsungのShim Yoon (Samsung SDS vice president) による"Realizing the Ubiquitous City"。どちらかというと一般向きの講演で、ユビキタ
「iPadは使いにくい」：米のUI専門家が批判 | WIRED VISION
前の記事 ネットは「偏った意見」を強化するか：研究結果 「米国初の洋上風力発電」：反対運動で難航 次の記事 「iPadは使いにくい」：米のUI専門家が批判 2010年5月13日 IT コメント： トラックバック (0) フィードIT Brian X. Chen 『iPad』はインターフェースの勝利と称されている。しかし、あるユーザビリティーの専門家はこのほどiPadについて、インターフェースに一貫性がなく明確でないという批判を発表した。インターフェースに標準が設定されていないため、それぞれのアプリが違ったように動くのだという。 一部からは「ユーザビリティーの王様」とも呼ばれるJakob Nielsen博士は今週、『iPad』の使いやすさを評価する93ページのレポートを発表した。このレポートは、34種類のアプリとウェブサイトをテストした7人のユーザーからのフィードバックを基に作成されている。
ブラウザ上で何度も繰り返す操作を記録・再現できるアドオン「DéjàClick」 | ライフハッカー・ジャパン
疲れやすい、呼吸の浅さを改善。ストレッチポールは毎日使いたいほど気持ちがいい!【今日のライフハックツール】
思いどおりの日本語入力 - Google 日本語入力
メディア関係者向けお問い合わせ先 メールでのお問い合わせ: pr-jp@google.com メディア関係者以外からのお問い合わせにはお答えいたしかねます。 その他すべてのお問い合わせにつきましては、ヘルプセンターをご覧ください。
インタラクション・デザイナーのジレンマ：デザインは減点法 – Studio+i
Studio+i Studio+i is a community of designers, researchers and engineers who are working on the integration of information technology to the architecture, city, and the society. 私たちが普段使っているキーボードの配列は、左上からのキーの並びにちなんでQWERTY配列と呼ばれています。この配列の起源は古く、タイプライターの時代までさかのぼります。 このQWERTY配列、よく考えてみると母音の位置などもばらばらで、とても覚えやすい／打ちやすいとはいえません。タイプライターがなぜこのような配列になっていたかというと、タイプライターの個々のキーは打つと動いて文字を刻印するため、あまり早くタイプするとキーどうしが干渉してしま
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
エンジニアtype 技術者のキャリアを考えるWebマガジン - 転職＠type
Interface – CQ出版
http://image-swirl.googlelabs.com/
UX Quotes
