UI/UXの改善に必須とされるヒューリスティック評価について解説していきます。
- 概要
- ヒューリスティックとは
- ニールセンのユーザビリティ10原則
- システム状態の視認性(Visibility of system status)
- システムと現実世界の一致(Match between system and the real world)
- ユーザー制御の自由(User control and freedom)
- 一貫性と標準(Consistency and standards)
- エラー防止(Error prevention)
- 再生より再認(Recognition rather than recall)
- 柔軟性と高率性(Flexibility and efficiency of use)
- 美的で最低限のデザイン(Aesthetic and minimalist design)
- ユーザーがエラーを認識、診断、回復できるようにする(Help users recognize, diagnose, and recover from errors)
- ヘルプとドキュメンテーション(Help and documentation)
概要
言葉の通り、ヒューリスティック(経験則)によってユーザビリティを評価し、UI上の問題を発見する手法のことです。
実際に操作を行いながらwebサイトの使いやすさ、わかりやすさを評価するのでいわゆる「定性調査」に分類されます。
※定性調査の対義語は、データに基づいて評価する「定量調査」となります。
ヒューリスティックスとしては、「ニールセンのユーザビリティ10原則」(Jakob Nielsen’s 10 Usability Heuristics)が有名です。
ヒューリスティックとは
ヒューリスティック(heuristic)とは、心理学用語で「発見的手法」を意味し、経験や先入観によって、ある程度正解に近いレベルの答えを導きだす手法のことをいいます。
日常生活で使う言葉に置き換えると「経験則」となります。
ニールセンのユーザビリティ10原則
ヒューリスティックスとして有名なニールセンのユーザビリティ10原則(Jakob Nielsen’s 10 Usability Heuristics)について説明していきます。
ニールセンのユーザビリティ10原則は下記の通り
- システム状態の視認性(Visibility of system status)
- システムと現実世界の一致(Match between system and the real world)
- ユーザー制御の自由(User control and freedom)
- 一貫性と標準(Consistency and standards)
- エラー防止(Error prevention)
- 再生より再認(Recognition rather than recall)
- 柔軟性と高率性(Flexibility and efficiency of use)
- 美的で最低限のデザイン(Aesthetic and minimalist design)
- ユーザーがエラーを認識、診断、回復できるようにする(Help users recognize, diagnose, and recover from errors)
- ヘルプとドキュメンテーション(Help and documentation)
システム状態の視認性(Visibility of system status)
ユーザーがシステムの状態をわかるようにすること。
検索や処理の最中に、進捗度(%やプログレスバー)を表示して処理度合いを視認出来るようにします。
システムと現実世界の一致(Match between system and the real world)
システム指向の用語ではなく、一般的に使用される用語を使うようにすること。
馴染みのある用語を使用することで、ユーザーに安心感をもたらします。
例えば、使用者を指す場合に「ユーザー」ではなく「あなた」を使用するなどです。
ユーザー制御の自由(User control and freedom)
ユーザーは画面の選択を間違えることがよくある、その際に一つ前の画面に戻れる機能を配置しておくこと。
前のページに戻るリンクや、やり直すボタンなどを配置して、間違えてしまった場合に逃げ道を用意しておきましょう。
一貫性と標準(Consistency and standards)
アプリケーション内で外見と動作を統一すること。
青い下線付きのテキストはリンク、画像をクリックすると詳細画面に飛ぶなどを統一することにでユーザビリティの向上につながります。
エラー防止(Error prevention)
ユーザーにエラーを伝える際には、丁寧かつすぐ実行可能なように伝えること。
更にはエラーが発生しない画面を設計すること。
画面上に制約を加えることにより、想定しない値が登録されないように設計しましょう。
再生より再認(Recognition rather than recall)
ユーザーの記憶に頼ることなく、状態や変更点は画面上で再認できるようにすること。
更新箇所の強調などで、画面上で確認ができるようにしましょう。
柔軟性と高率性(Flexibility and efficiency of use)
初めて使用する人と熟練した人のどちらに対しても、操作性がよくなるようにすること。
初めての人に対しては誰でもわかるデザイン、熟練者に対してはショートを配置するなど、ユーザーそれぞれに対して利用しやすいデザインにしましょう。
美的で最低限のデザイン(Aesthetic and minimalist design)
魅力的なデザインで他との差別化を行い、インターフェースは必要最低限にすること。
ユーザーのニーズに対するインターフェースを最低限にし使用性を向上させ、魅力的なデザインでユーザーの記憶に残るようなデザインにしましょう。
ユーザーがエラーを認識、診断、回復できるようにする(Help users recognize, diagnose, and recover from errors)
エラーメッセージは、ユーザーがエラーを認識できるように表示し、且つユーザー自身で診断・回復できるようにすること。
エラーメッセージを簡単に理解できるもの、対処可能なものにすることで、エラー発生時のユーザー不安、不満を軽減します。
ヘルプとドキュメンテーション(Help and documentation)
インターフェースにはヘルプとドキュメント(操作説明)を設置すること。
ドキュメントなしで操作できることが理想ですが、ユーザーが問題に遭遇した時に備えヘルプとドキュメントは忘れず設定しましょう。

コメント