ユーザーは狭く見る - レジデント初期研修用資料
Google の新しいブラウザ 「Chrome 」を使った感想。 Chrome は速く感じる 今まで使っていて、なんの不便も感じていなかった Sleipnir が、どうにも調子が悪い。恐らくは中で動いているIE8 の問題なんだろうけれど、 blog の更新だとか、コメント欄の管理だとか、エラーが頻発する。 いい機会なので、常用するブラウザを、Google Chrome に変更したんだけれど、これはたしかに速く感じる。 自分には、技術的なことは何一つ分からないし、普段見ているページのほとんどは、 文字しかないようなページばっかりだから、ブラウザの本当の速さ、 内部処理の速さだとか、実装のすばらしさだとか、そういうのは全然分からないんだけれど、 素人がちょっとさわってもびっくりするぐらい、Chrome は速く「感じる」。 このブラウザは、ユーザーへの「速さの見せかた」に、気を遣ってデザインされ
第28回 不在問題 | WIRED VISION
第28回 不在問題 2008年12月 5日 ITデザイン コメント： トラックバック (0) （これまでの増井俊之の「界面潮流」はこちら） 何かが存在することを示したり存在に気付いたりすることは簡単ですが、存在しない事物をうまく扱うことは簡単ではありません。シャーロックホームズの白銀号事件（Silver Blaze）では、事件発生時に犬が吠えなかったという事実に気付いたホームズが、それを手掛かりに事件を解決しました。何かが起こらなかったということに着目できたのはホームズならではということでしょう。これは「鳴かなかった犬の推理」（The dog that didn't bark）と呼ばれ、様々な場合に有効な思考法だそうですが、我々はホームズではありませんから、存在しないものには普段はなかなか気付きにくいものです。 利点を沢山聞かされたときは欠点に気付きにくいでしょうし、立派な理屈を並べたてら
東大の研究チーム、集束超音波で「見えない物体」の感触を実現(動画) | WIRED VISION
東大の研究チーム、集束超音波で「見えない物体」の感触を実現(動画) 2008年9月 5日 サイエンス・テクノロジー コメント： トラックバック (0) Brian X. Chen 日本人の研究者たちが、目には見えないが、触れたり、コントロールすることのできる物体を作り出す技術を開発した。 東京大学の研究者[情報理工学研究科の篠田裕之准教授や岩本貴之研究員ら]によって考案されたこのシステムは、複数の超音波を操作して焦点を作り出すことで、人間の手が「物体」を感じられるようにする。 また、手の位置を追跡するカメラを使用し、手の周囲で焦点を移動させることで、バーチャルな物体の表面をトレースできるようにする。 研究者たちによると、この技術をビデオゲームに応用することで、ゲーマーたちはコントローラーやジョイスティックなどを購入する必要がなくなるかもしれないという。それは素晴らしい！ モニターを処分し、
情報設計の重要性、わかってますか？: DESIGN IT! w/LOVE
不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 ひさしぶりにユーザビリティの話です。 ただし、最初に言っておきますが、Webの話じゃないのであしからず。 ユーザーインターフェイスのサイズと情報の構造化情報設計を行う際には、情報をその内容に応じて、階層構造化します。 この情報の構造化が意味をもつのは「生きていることの科学／郡司ペギオ－幸夫」でも書いたように、情報量（コンテンツ量／機能の種類など）とユーザーインターフェイスの物理的なサイズとの関係から「部分情報問題」が起こりえるからです。 このように問題を定義するならば、これからのインタフェースは「部分情報問題」になるといわざるをえない。なぜならば、インタフェースにかかわる情報はより複雑化して増大する傾向にあり、ユーザーがこれらの多くの知識を個々の機械に対して把握することは容
ユーザビリティの大切さに気づいてもらう - inucaraの日記
こないだの「インターネットってどういう仕組みで動いているの？」に書いた事前研修でユーザビリティの大切さについても話したいと思って簡単なフォームを作ってみたよ。 想定ターゲットはユーザビリティのユの字も知らないような人や、これからウェブサイトの設計、構築の仕事をしようとしている人。これらの人にユーザビリティの大切さに気づいてもらうために、前回と同じように話す内容をとりあえず書いてってみる。 ちなみに前回のインターネットの仕組みからユーザビリティって話が飛んでるけど、そういうことは気にしないで思いつくことをメモ的にどんどん書いてって、流れは最後に考えようかなって感じ。 じゃあ、さっそく始める！ ユーザビリティって何？ まず始めに、みんなは「ユーザビリティ」って言葉は聞いたことあるかな？ 日本語で「使いやすさ」って意味なんだけど、利用者がいかにストレスなく、便利で簡単で直感的な操作ができるか、っ
第9回 より見てもらえるようにユーザーを“そそる”、ワンランク上の画面構成のコツ | Web担当者Forum
第9回 より見てもらえるようにユーザーを“そそる”、ワンランク上の画面構成のコツ 現実の店舗や窓口では、目の前にいるお客が困っていればすぐにわかるし、同じトラブルが重なれば問題が起きないように施策をとる。しかし、ウェブサイトを作っているときにはお客は目の前にいないし、公開後にお客の対応をするのはウェブサーバーやスクリプトという機械だ。そのため、現実の商売では当然のように行っている接客ができない、いや忘れてしまってはいないだろうか？ 今木 智隆（株式会社ビービット） 限られた画面内でユーザーの目線を 効果的に誘導するテクニックを紹介「ファーストビュー」、すなわち「ユーザーがサイトを訪問したその瞬間に画面に表示される領域」は、画面設計・デザインにおいて、常に意識しなければならないポイントの1つだ。限られたスペースの中で、いかにコンテンツに優先度を付け、効果的に構成するか、かなり悩まれた経験のあ
Passion For The Future: インタフェースの計量化、その１ KLM手法
■KLMを試す 例えば、こんなアプリケーションのウィンドウがあるとすると、 ユーザに年齢（2桁）を入力させてOKを入力させると0.1秒の処理時間で次の画面で「あなたの生年は○○年です」という情報が表示されるものとする。 ユーザの動きを文章で表現するとこうなる。「ユーザはマウスに手を置き（H)、カーソルを入力欄へポインティングし（P）、キーボードへ手を移動し(H)、年齢2桁を入力し（T)、マウスへ手を移動し（H)、OKボタンをポインティングし（P)、押す（B）。処理時間（W)後に、生まれた年が表示される）。」 KLMの式で表記するとこうだ。 H→P→H→T(2)→H→B→W KLMのルール（論文参照のこと）では、すべてのキー入力（T)とクリック（B）の前には心理的準備時間（M）を挿入せよというルールがあるので適用すると、 H→M→P→H→M→T(2)→H→M→P→BB→W 0.4+1.35+
【2ch】ニュー速クオリティ:Wiiリモコン（+PC）で立体メガネ。衝撃的な動画が公開される。
1 プロ固定(京都府) 2007/12/24(月) 15:39:22.18 ID:fOu/zYP10 ?PLT(12345) ポイント特典 Wii リモコンハック界ではおなじみの Johnny Chung Lee(格安ステディカム界でも有名)の 「Wii リモコンでマルチペンタブレット」のニュースをお届けしたのはつい先日のことですが、 予告どおり今度はヘッドトラッキング(頭部位置追跡)システムが発表されました。あわせて それを応用した3D表示をするバーチャルリアリティシステムも公開されています。 仕組はいつもの通りで、ディスプレイ下に置いた Wii リモコンで、赤外LEDを組み込んだ 眼鏡の三次元位置を認識します。頭の位置がわかれば、それに合わせてカメラ位置を 動かすことでよりリアルな擬似3D表示が可能になります。 その驚きの効果は、「続きを読む」にあるビデオをどうぞ。
ゲームの UI 研究 (2007/10/05＠java-ja)
ゲームの UI 研究＠java-ja onk (大仲 能史) 所属：株式会社ドリコム blog：http://onk.blog.drecom.jp/ twitter：http://twitter.com/onk/ tumblr：http://onk.tumblr.com/ よろしくお願いします ゲームと Web の共通点 大きく2つ マニュアルを読まないユーザ層 ゲームの場合 ゲームセンターをベース としているのが原因 web は…… なんで読まないんだろう？ マニュアルの分厚さ('A`)？ マニュアルを読まなくても 操作が分からなくてはいけない ゲームはホントにこれが上手い 2つめ 長時間の連続操作 これが家電と ゲーム / web との 大きな差 だからこそ ユーザをハメる演出 が必要 この点で ゲームは2歩も3歩も 先を行っている
Ext JSとprototype.jsで作るリッチなUI（1/4） ─ ＠IT
Ext JSとprototype.jsで作るリッチなUI：パターンとライブラリで作るAjaxおいしいレシピ（3）（1/4 ページ） 今回は話題のExt JSを使ったサンプル Ext JSはAjaxアプリケーションを構築するためのJavaScriptライブラリ（フレームワーク）です。Ext JSを使用することで、デスクトップアプリケーションのようなユーザーエクスペリエンスを提供できます。2007年10月11日に2.0のベータ版がリリースされ大変注目を集めました。 今回はそのExt JS 2.0のベータ版を使ったサンプルを紹介していきます。 ■ ごく普通の入力フォームのサンプル まずこちらのサンプルを見てください。 今回のサンプルプログラム（拡大表示はこちら、※注意1：FireBugを有効にしている場合は動作が重くなる場合があります。一時的にFireBugをオフにして利用されることをおすすめし
WIRED VISION / 増井俊之の「界面潮流」 / 第13回 貧乏な記録
第13回 貧乏な記録 2007年10月26日 IT コメント： トラックバック (0) 頑張って作成した文章が何かのトラブルで全部消えてしまった!という経験を持つ人は多いと思います。昔の計算機はあらゆるリソースが不足していたため、重要なデータを編集している場合でも、明示的にデータを時折ファイルにセーブして使うのが普通でしたが、現在の計算機の速度や記憶容量を考えると、何でも常にセーブするようにしても問題無いはずです。 極端な話、1秒に10回キーボードをタイプするという行為を1日10時間、100年間実行し続けたとしても、10文字×60秒×60分×10時間×365日×100年 = 13ギガバイトしか入力できないわけですから、人間が入力/編集できる量はたかが知れています。計算機の操作をすべて記録しておくようにすれば、作成したデータが消えて困ることなどなくなるでしょうし、以前作成した情報を取り出すこ
JavaScriptとAJAXでページ上のマウスの動きを録画・再生するデモ
ページ上で動かしたマウスの軌跡を記録し、再生することが可能になるJavaScriptやAJAXなどの組み合わせデモが公開されています。実際に試してみればわかりますが、記録している際には、特に記録されていると気づくような要素は全くありません。 応用としては、広告バナーのクリックについてアイトラッキング（目の動きを追う）の代わりに、マウスの移動する軌跡を記録して「マウストラッキング」が可能になったり、あるいはAJAXをフルに駆使したサイトにおけるユーザービリティの記録による操作の改善、あるいは各種スパイ行動などにも使えます。 実際のデモは以下から。 Record mouse movement using Javascript and AJAX http://pure.rednoize.com/movelogger/ 上記ページで四角いキューブの辺の周囲をマウスでなんどかぐるぐると回転させてみた
第5回 気分の問題 | WIRED VISION
第5回 気分の問題 2007年7月27日 IT コメント： トラックバック (0) 何かのよしあしを判断する場合、実際の価値よりも気分の方が問題になることが多いものです。買おうとする自動車が安全かどうか判断しようとする場合、安全度を示す各種の数値も大事ですが、なんとなく感じられる車体の安全感の方が重視されるでしょう。飛行機事故に逢う確率よりも自動車事故に逢う確率の方がはるかに高くても、地上の方が安心感があるので飛行機の方が怖がられるものです。何かを買う場合、実際の値段よりも割安感が重視されることが多いようです。1杯1000円のコーヒーは高すぎると感じるでしょうが、パソコンが1万円ならば安いと感じられます。このように、実際の数値よりも気分の方が重要に感じられることは多いといえるでしょう。 セキュリティシステムの場合も安心感が重要です。ギザギザの多い鍵はいかにも安全そうに見えますし、記号を羅列
Geekなぺーじ：選択肢を減らすことの重要性
Google TechTalksでBarry Schwartz博士による講演が公開されていました。 「The Paradox of Choice - Why More Is Less」というタイトルでした。 最初は、UNIXコマンドのmoreがlessよりも劣っている理由の事だと思って見始めましたが、そうではありませんでした。 何でも選べてベストじゃないと満足しないというのは、アメリカ人っぽい気もしましたが、かなり面白かったです。 ユーザビリティと機能の問題は良くある問題ですが、お店で展示されている商品の種類を減らした方が売り上げが上昇する話などが新鮮でした。 以下に要約してみました。 ここでは書いていない部分も多いので、詳細はビデオをご覧下さい。 字幕も入っていますし、ゆっくりと話してくれる人なので非常に見やすいと思います。 ただ、スライド(PPT?)が見られないので、何故観客が笑ってい
抽象化がもたらすリアル (arclamp.jp アークランプ)
Inter Communication (インターコミュニケーション) 2007年 04月号 の特集は、「デザイン／アート 芸術と科学のインターフェイス」というもの。いくつか面白い記事があったのですが、抽象化がもたらすリアルみたいなことで思うことがありました。 まず、巻頭の茂木さんと山中さんの対談はそうだよねぇーの連続。山中さんはSuica自動改札機やCyclopsをデザインしたことで有名な方。 ところでヒューマノイド・ロボットを作るうえで、人間に似せていくほど不気味になってくるという「不気味の谷（Wikipedia）」という現象があります。山中さんは、これを「サイエンティストの傲慢」と切った上で次のように述べています。 彫刻を作るとき、睫毛を植えたり、髪の毛を生やしたりは普通しないですよね。なぜならば、そんなことをしないほうが美しく、よりリアルであることをアーティストたちは気がついてい
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
自動的にあなたの作業を記録し続ける『JournalLive』 : ライフハッカー［日本版］, 仕事も生活も上手くこなすライフハック情報満載のブログ・メディア
長文日記
https://www.openvista.jp/archives/note/257/?257/
Japan.internet.com Webマーケティング - ユーザビリティを極めても顧客志向にならないワケ
ソシオメディア | UIデザインパターン
