Webアプリケーションのユーザーインターフェイス[7]
すでに入り口にいるのに、ホームに導くボタンは親切か
「可視性とフィードバック」
ソシオメディア 上野 学
2006/2/15
経験則その3:可視性とフィードバック |
そこで今回は、どうすればユーザーが思いどおりにシステムをコントロールできるのか、どうすればユーザーはシステムが自分の思いどおりに動いていると感じるのか、ということを考えたいと思います。これが経験則その3、「可視性とフィードバック」です。
目に見えることと反応があること |
可視性とは、つまり目に見える度合いのことです。最近「見える化」という言葉で重要視されているように、物事を可視化するということは、複雑な事象を抽象化して図にしたり、デジタルなデータをアナログな表現に置き換えたりして、概念的な情報をより感覚的に理解できるようにすることです。
図1 アナログな表現にすればより有意義な情報になることが多い |
この場合の可視化とは、必ずしも情報を視覚的に表現することだけを指すのではなく、私たちが何かを認知してその存在を知ったり、その意味を理解したり、その性質全体を推測したりできるようにすることすべてを指しています。
また、対話型システムにおいてインタラクションをスムーズに進めるためには、ユーザーの操作に対してシステムが適切に処理を行い、その結果を適宜ユーザーに知らせる必要があります。つまりシステムが自分の状態を随時ユーザーに分かるように表現しなければなりません。これがフィードバックです。
ユーザーは、自分の作業の進捗状況や、次に何をすればいいのか、といったことをシステムからのフィードバック内容を見て判断します。Webアプリケーションも含めて、ソフトウェアの稼働状況に関するフィードバックは主にディスプレイに映った画面内容の部分的な変化によって表現されますから、可視性とフィードバックは密接な関係にあるといえます。
1/5 |
INDEX |
||
Webアプリケーションのユーザーインターフェイス(7) | ||
Page1<経験則その3:可視性とフィードバック/目に見えることと反応があること> | ||
Page2<GUIにおける可視性とフィードバック/作業に関係する要素の可視性とフィードバック/現在のフォーカスについての可視性とフィードバック)/どこからでも利用できる/デメリット(不十分なインタラクション表現/やりとりが煩わしい/見た目に関する一貫性の欠如)> | ||
Page3<「電車式」と「自動車式」、使いやすいのはどっち?/対象の可視性とフィードバック/操作内容についての可視性とフィードバック/処理結果の可視性とフィードバック/明快なフィードバックを迅速に返す/人は同時に1つのものにしか意識を集中できない、を考える/> | ||
Page4<主観的一貫性を優先する/ホームからホームへのリンクに関する議論/操作の有効性をイネーブル/ディスエーブルで表す> | ||
Page5<モードを減らす/操作対象とそれ以外を視覚的に区別する/マウスオーバー効果に重要な役割を持たせない/感覚的な表現> |
関連記事 |
HTML5 + UX フォーラム 新着記事
- GASで棒、円、折れ線など各種グラフを作成、変更、削除するための基本 (2017/7/12)
資料を作る際に、「グラフ」は必要不可欠な存在だ。今回は、「グラフの新規作成」「グラフの変更」「グラフの削除」について解説する - GET/POSTでフォームから送信された値をPHPで受け取る「定義済みの変数」【更新】 (2017/7/10)
HTMLのフォーム機能についておさらいし、get/postメソッドなどの内容を連想配列で格納するPHPの「定義済みの変数」の中身や、フォーム送信値の取り扱いにおける注意点について解説します【PHP 7.1含め2017年の情報に合うように更新】 - PHPのfor文&ループ脱出のbreak/スキップのcontinue【更新】 (2017/6/26)
素数判定のロジックからbreak文やcontinue文の利点と使い方を解説。for文を使ったループ処理の基本とwhile文との違い、無限ループなども併せて紹介します【PHP 7.1含め2017年の情報に合うように更新】 - Spreadsheetデータの選択、削除、挿入、コピー、移動、ソート (2017/6/12)
Spreadsheetデータの選択、挿入、削除、コピー、移動、ソートに使うメソッドの使い方などを解説する
|
|