Webアプリケーションのユーザーインターフェイス[9]
売りたいなら、
“販売”でなく“購入”ツールを準備せよ
「経験則その5:ガイドとレコメンデーション」
ソシオメディア 上野 学
2006/4/22
1度行われた行動や入力の内容を覚える |
そこで、ユーザーが1度行った行動や入力の内容をシステム側で記憶しておくことで、同一のユーザーが同じような行動を起こす場面で、的確な作業支援ができるようになります。これは「タスクコヒーレンス(タスクの一致)」という原理で呼ばれることもあります。
例えばオンラインショッピングで、ユーザーが購入しようとする商品について複数のシステムを行き来しながら見比べたり、何日間にもわたって検討を重ねたりするケースを想定してみましょう。「よし。やっぱりさっきの商品に決めた」「結局先週見たアレがよさそうだったけど……どれだったかな」ということが多々あるはずです。そのとき、システムがそのユーザーの最近の閲覧行為を記憶していれば、「最近参照した商品」などの提示が可能であり、ユーザーは自分のあいまいな記憶をたどって商品の検索を一からやり直さずに済みます。
フォームでは、ユーザーが繰り返し入力する可能性の高い値や、前回同じフォームで入力した値を記憶して呼び出す機能が有効です。前回の入力値を引き継ぐことでユーザーの作業が効率化される個所がないかを一考してみるとよいでしょう。ただしここでは、「やり過ぎ」に注意しなければなりません。システムがどの程度ユーザーの情報を記憶しておくかはユーザー自身が選択できるようになっていることが理想です。ユーザーの作業内容を考慮せずにやみくもに自動化を行うと、システムの初期状態に関する学習ができなくなり、利用効率の向上どころか信頼性を損ねる結果になってしまいます。
また、ささいなことのようですが、例えば検索結果などで一覧の表示件数を記憶しておくことも有効です。ユーザーにしてみれば、デフォルトの「10件」表示から「25件」表示に変更したはずだったのにもかかわらず、次回検索時に「10件」に戻ってしまったのではストレスになります。細かな配慮の積み重ねによって、ユーザーの行動を積極的に支援する必要があるのです。
画面2 次回から入力を省略するかどうかをユーザーが決められる |
画面3 表示件数をカスタマイズできるとよい |
初心者を導くウィザード機能を設ける |
初めてシステムを利用するユーザーや、使い方を忘れてしまったユーザーには、「ウィザード」が有効です。
システムは基本的にユーザーが好みの個所から自由に操作できるようにすべきですが、人は完全な自由を与えられるよりも、ある程度選択肢が限定されている方が行動を起こしやすくなります。「ウィザード」は、いわばシステムがユーザーの手を取りながら手順どおりに行動を導くものであり、ユーザーは示されたステップに従いさえすれば安心して作業を終えることができます。つまり、ユーザーが自分の操作に対して感じる責任という負担が軽減されるといえるでしょう。
図2 ウィザードは複雑な操作を確実に完了させるためのガイド |
とはいえ、ウィザード型の操作手順を踏まなければ目的の結果を簡単に得られないという状況は、できるだけ避けたいものです。ウィザード型は「すでに入り口にいるのに、ホームに導くボタンは親切か」で解説した「電車式」のインタラクションであり、ユーザー主導型の対話ではありません。例えばソフトウェアをインストールする時、インストーラーを使って多くのファイルをいくつものディレクトリにコピーするのではなく、1つのアイコンを好きなディレクトリにドラッグ&ドロップするだけで済む方が理想的です。
3/5 |
INDEX |
||
Webアプリケーションのユーザーインターフェイス(9) | ||
Page1<経験則その5:ガイドとレコメンデーション/ユーザーは間違える/エラーメッセージを分かりやすく/選択肢の見せ方を調節できるようにする> | ||
Page2<サービスとしてのエラー回避/ユーザーのアクションを予測して提示する> | ||
Page3<1度行われた行動や入力の内容を覚える/初心者を導くウィザード機能を設ける> | ||
Page4<必要とされたときにすぐにヘルプを出す/関連の強いコンテンツを見せる> | ||
Page5<似通ったユーザーの行動から好みを推測する/ポピュラリティの高い項目を示す/日付に基づいて活動を促す/経験則から実践へ> |
関連記事 |
- 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データの選択、挿入、削除、コピー、移動、ソートに使うメソッドの使い方などを解説する
|
|