そもそもUXとは？なぜUXデザインが必要なのか？UXとUIの関係性UXデザインが目指すべきところUXが重要であることは、近年の議論からすでに認識されている方も多いことだろう。 しかし、UXデザインの定義や位置付けはとても曖昧で、人によって捉え方は様々なのではないだろうか。 筆者自身、これまでのプロジェクトを通して様々なバックグラウンドを持った人がUXという言葉を使っているのを目の当たりにし、その度に認識のズレを感じている。 結論から話すと、UXデザインについて定義することよりも、この言葉が世間でどのような使われ方をしているのかを知ることのほうが重要である。 今回は弊社の提供するイノベーションプログラムやデザインプロジェクトを通して蓄積した経験から「UXとは何か」といった捉え方や基本的な概念部分、そして「なぜUXを考える必要があるのか？」にフォーカスし、いくつかの観点をまとめて紹介する。 一
自分用の備忘録としてですが JavaScript なスライダーライブラリのまとめです。 音量の設定とか RGB での色設定とか感覚的な数値を入力させるためのＵＩとしてぴったりなアレです。今流行のページスライダーではありません。一昔前は Flash で作られたライブラリが多かった記憶がありますが、最近では JavaScript でもできちゃいますって感じで様々なライブラリが公開されています。 Javascriptでできているスライダーありませんかね？ の人力検索はてなの情報を大いに参考にさせて頂きました。 基本的な考え方として、見た目は各種パーツの画像を作り込むことでどうにでも変更できます。機能的には有名どころの JavaScript ライブラリを用いていればそれほど不満が出ることも無いかと思うので、現状お使いのライブラリの系列のものを使うとムダにメモリ使用量とかライブラリ同士での汚染とか考
こんにちは、前回、前々回に引き続き、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プラグイン」を紹介します。 １．サンプル jQuery.Bottomプラグインにはデモページが用意されていますが、いまいちなのでサンプルページを作りました。 jQuery.Bottomプラグインサンプル ページの一番下までスクロールすると自動的にコンテンツを表示します。 なお、最初に表示した状態でコンテンツがすべて表示されてしまっているとそもそも動作しないので注意してください。 ２．プラグインの機能 jQuery.Bottomプラグインは「bottom」イベントを登録するためのものです。このイベントを利用してページの一番下までスクロールすれば、bottomイベントが発生します。 ３．プラグインのダウンロード githubのjQue
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=
株式会社サイゾー（Cyzo inc.） / Raffael Stüken / La Moulade - Creative St...他...全11件
慶応義塾大学湘南藤沢キャンパス（SFC）の研究成果を一般公開する「Open Research Forum 2011」が11月22日、東京・六本木の「東京ミッドタウン ホール＆カンファレンス」で開幕した。約140のブースでさまざまな研究発表が行われるなか、増井俊之研究室のブースでは、タブレットをリモコンにして、PCの操作を行うインタフェース「ContextDial」が展示されている。 ContextDialは、ダイヤル型のインタフェースを採用し、画面をタッチしたり、タッチしながら回すことで、PCのさまざまな操作が行えるというもの。ブースでは、ContextDialを使ったWebブラウジングやYouTubeでの動画閲覧を行うデモが行われていた。 Webブラウジングでは、ダイヤルの上に2種類のボタンが表示される。ボタンを押しながら回転させると、それぞれスクロール、ページ内のリンク項目をフォーカス
新宿到着。トイレどこか分からんわ！ これ作ったやつマジくたばれ。
今年もそろそろ年末が近づき、楽しい冬休みが始まりますね。 ビスケットも12/28〜1/5まで年末年始休業とさせていただきます。
簡単なホームシアターで必要な 6 台のリモコンを見れば、複雑で統一性のないユーザーインタフェースによって引き起こされる問題が明らかになる。 Remote Control Anarchy by Jakob Nielsen 2004年6月7日 家庭のテレビで映画を見るとき、私はその困難さに苛立ちを感じる。リラックスできる時間のはずが、この単純なタスクを行うために必要な、複数のリモコンを操作するのに毎回手間取ってしまう。 自分の持っているリモコンに対してちょっとしたユーザビリティ・レビューを行うまで、なぜ操作がそんなに難しいのか気付かなかった。ただ、なんとなく腹立たしいという思いだけを持っていた。基本的に家電業界の消費者向け製品の被害者と同じ状況だったのだ。 私のホームシアターは、どちらかといえば控えめなほうだ。それを操作するためには、「たったの」 6 台のリモコン（下の写真を参照）の使い方をマ
暗黙知（あんもくち、Tacit Knowing）は、ハンガリーの哲学者・社会学者マイケル・ポランニー（Michael Polanyi) によって1966 年に提示された概念で、認知のプロセス、或は、言葉に表せる知覚に対して、（全体的・部分的に）言葉に表せない・説明できない知覚を指す。Wikipediaより こんにちは。livedoorで検索全般を担当しております、須田です。 タイトルのままなのですが、少しづつ日本のWEBにおける暗黙知を共有したいと思っています。 暗黙知の共有することで得られるメリットですが、 ユーザーにとっては、分かりづらいUIを日本からできるだけ無くすことができ、斬新なUIに慣れるという煩わしい時間からの開放企業にとっては、暗黙知として決まりがあることで、UIを検討する時間の短縮にもなるというメリットがあると思います。 まずは誰でも知っていると思われる基本的なところだけ
先週、韓国ソウル市でユビキタスコンピューティングに関する国際学会(Ubicomp 2008)が開催された。場所は江南のCOEXコンベンションセンター。地上がコンベンション施設で地下が巨大なモールになっている。近くにはオリンピックスタジアムなどがある。 今回も、紙によるプロシーディングスの他に、論文／ビデオがコピーされているUSBメモリが配布された。 これは本会議前日のワークショップレジストレーション風景。手作業でかなり大変そうだった。 韓国開催というこで、学会参加者はアジア圏（とくに韓国／日本）が多かったが、論文投稿・採択に関して言うとまだまだ米国が優勢である。 キーノート キーノートはSamsungのShim Yoon (Samsung SDS vice president) による"Realizing the Ubiquitous City"。どちらかというと一般向きの講演で、ユビキタ
前の記事 ネットは「偏った意見」を強化するか：研究結果 「米国初の洋上風力発電」：反対運動で難航 次の記事 「iPadは使いにくい」：米のUI専門家が批判 2010年5月13日 IT コメント： トラックバック (0) フィードIT Brian X. Chen 『iPad』はインターフェースの勝利と称されている。しかし、あるユーザビリティーの専門家はこのほどiPadについて、インターフェースに一貫性がなく明確でないという批判を発表した。インターフェースに標準が設定されていないため、それぞれのアプリが違ったように動くのだという。 一部からは「ユーザビリティーの王様」とも呼ばれるJakob Nielsen博士は今週、『iPad』の使いやすさを評価する93ページのレポートを発表した。このレポートは、34種類のアプリとウェブサイトをテストした7人のユーザーからのフィードバックを基に作成されている。
WEBサイトで何度も何度も機械みたいに同じ操作を繰り返していると、ホトホト嫌になってきますよね。「DéjàClick」はブラウザでの操作を記録して、自分の代わりにプレイバックしてくれるFIrefoxのアドオンです。これを使えば、自分がやるはずだった操作をスキップすることができますよ。 「DéjàClick」は、AlertSite社が作ったアドオンです。AlertSiteは、WEBサイトを巡回モニターし、特定の動きが正常に動作していない場合に、サイトオーナーに警告するソフトを制作している会社です。ロボットの自動スクリプトを使って、検索機能やチェックアウトプロセスなどをテストしています。「DéjàClick」にはその技術が応用されています。 「3つのアカウントにログインしなければならない」などといった何度も繰り返すのがおっくうな操作ありますよね。それらのブラウザ上での一連の操作を、DéjàCl
本日、Google 日本語入力 (ベータ) をリリースしました。 Google 日本語入力は Windows (現時点では 32 ビットのみ) および Mac に対応した日本語入力ソフトウェア (インプットメソッド) です。豊富な語彙と強力なサジェスト機能で思いどおりの日本語入力をサポートします。 Google 日本語入力は桁違いの語彙力を持っています。Web から機械的・自動的に辞書を生成することで、人手ではカバーしきれないような、新語、専門用語、芸能人の名前などを網羅的に収録しています。高い変換精度を実現するために、Web 上の大量のデータから統計的言語モデルを構築し、変換エンジンを構成しています。現在の Web のありのままを反映したインプットメソッドと言えます (この辞書および統計的言語モデルの作成は Google の大規模分散処理システム MapReduce を用いて、数千台規模
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ページを開く
