ユーザビリティの10原則：ニールセンのヒューリスティクスで画面を点検する｜UI・UXデザイン入門 第4回

10原則の中身（前半：1〜5）

NN/gの解説（参考資料1）をもとに、1つずつ見ていきます。例には、予約アプリ「ヨヤクル」とネットショップ「ツギノ雑貨店」（どちらも架空）を使います。

1. システムの状態を見えるようにする

利用者に、いま何が起きているのかを、適切なタイミングで知らせます。たとえば、予約ボタンを押したあと何も表示が変わらないと、利用者は「押せていないのでは」と思って、もう一度押してしまいます。その結果、同じ予約が2件入ってしまうこともあります。「予約を送信しています…」と表示したり、手続きが何ステップ中の何ステップ目かを示したりすると、利用者は安心して待てます（図2）。

2. システムと現実の世界を一致させる

利用者が普段使っている言葉や考え方に合わせます。社内の用語や技術的な言葉ではなく、利用者になじみのある言葉を使います。たとえば、ネットショップで「SKUを選択」と表示するより、「色とサイズを選ぶ」のほうが伝わります。第3回で学んだ「利用者の言葉で名前をつける」と同じ考え方です。

3. 利用者に主導権と自由を与える

利用者は、うっかり操作を間違えることがあります。そのときに、はっきりと分かる「出口」を用意し、元に戻せるようにします。カートに入れた商品を簡単に取り消せる、予約の入力途中で前の画面に戻っても入力した内容が消えない、送信したメールを数秒間は取り消せる、といった工夫です。

4. 一貫性と標準を守る

同じ言葉や操作は、同じ意味になるようにそろえます。あるページでは「申し込む」、別のページでは「エントリー」と書くと、利用者は別のものかと迷います。また、多くのサイトで当たり前になっている慣習（ロゴを押すとトップページに戻る、など）にも合わせます。利用者は、ほかのサイトやアプリで身につけた使い方を、そのまま持ち込んでくるからです。

5. エラーを防ぐ

エラーが起きてから丁寧に知らせるよりも、そもそもエラーが起きにくい設計にするほうが優れています。たとえば、予約の日付を自由に入力させるのではなく、空いている日だけを選べるカレンダーにする。取り消しのできない操作（退会、削除など）の前には確認を入れる。こうした工夫で、間違いの入り込む余地を減らします。

10原則の中身（後半：6〜10）

6. 思い出させるより、見て選べるようにする

利用者に覚えておいてもらう必要のある情報を減らし、選択肢や必要な情報を目に見えるようにします。たとえば、ヨヤクルで2回目に予約するとき、前回の担当者の名前を利用者に思い出して入力させるのではなく、「前回の担当：山田さん（架空）で予約する」と表示すれば、選ぶだけで済みます（図3）。ネットショップの「最近見た商品」も、この原則に沿った工夫です。

7. 柔軟で効率的に使えるようにする

初めての人にとって分かりやすく、慣れた人にとっては速く使えるようにします。初めての人を迷わせない形で、慣れた人向けの近道（キーボードのショートカット、よく使う操作のお気に入り登録、前回と同じ内容でもう一度注文する、など）を用意します。第1回で学んだユーザビリティの要素でいえば、「学びやすさ」と「効率」の両立です。

8. 美的で最小限のデザインにする

画面には、その場面で必要な情報だけを置きます。関係のない情報やめったに使わない情報が増えるほど、本当に必要な情報が目立たなくなります。これは「とにかく情報を減らせ」という意味ではなく、利用者の目的に対して、いま必要な情報に絞るという意味です。

9. エラーに気づき、原因を理解し、立ち直れるようにする

エラーが起きたときは、利用者が分かる言葉で、何が問題なのかをはっきり示し、どうすれば直せるかを伝えます。「エラーコード E102」とだけ表示するのではなく、「電話番号は半角数字で入力してください（例：0312345678）」のように書きます。フォームのエラーメッセージの書き方は、第6回で詳しく扱います。

10. ヘルプとドキュメントを用意する

理想は説明がなくても使えることですが、利用者がやりたいことを達成するために、説明が必要になる場面もあります。そのときに備えて、探しやすく、やりたいこと（タスク）に沿った、具体的な手順のあるヘルプを用意します。できれば、困っているその場所で見られるようにします。

ヒューリスティック評価の進め方

10原則を使って画面を点検する方法を、ヒューリスティック評価といいます。利用者に来てもらう必要がないため、早く、比較的少ない費用で問題を見つけられるのが利点です。NN/gは、進め方を次の3つの段階で説明しています（参考資料2）（図4）。

1. 準備する：評価する人に10原則を説明し、練習を1回行います。記録のしかた（スプレッドシートなど）を決め、評価する範囲を「1つの作業」「1つの画面のまとまり」「1種類の利用者」「1種類の端末」などに絞ります。
2. 1人ずつ評価する：評価する人が、それぞれ別々に画面を使います。まず使って全体をつかみ、そのあともう一度同じ作業をたどりながら、10原則に反しているところを書き出します。時間は1〜2時間ほどに区切るのが目安です。ほかの人の結果は、自分の評価が終わるまで見ません。
3. 結果をまとめる：全員の結果を持ち寄り、似ているものをまとめ（付箋を使った分類など）、意見が一致する点、特に重要な問題、さらに調べる必要がある問題、直し方について話し合います。

NN/gは、同じ画面を3〜5人が別々に評価することをすすめています。経験のある評価者でも、一人では見落とす問題があるためです（参考資料2）。

ヒューリスティック評価の限界

ヒューリスティック評価は便利ですが、利用者による調査の代わりにはなりません。使いやすさは、誰がどんな状況で使うかに大きく左右されるため、最終的には実際の利用者に試してもらう必要があります（参考資料2）。また、原則に反していることが、いつも直すべき問題とは限りません。スマートフォンでメニューを「≡」の中に隠すように、画面の広さとの兼ね合いで、あえて原則から外れることもあります（参考資料2）。

この記事の監修者に相談できます

監修者の田中磨生が代表を務める株式会社Abinで、ご相談をお受けしています。

相談無料ツギノテ編集部に相談する→

深刻度をつけて、直す順番を決める

評価で見つかる問題は、数十個になることも珍しくありません。すべてを一度に直すことはできないので、深刻度をつけて優先順位を決めます。ニールセンは、深刻度を判断する要素として次の3つを挙げています（参考資料3）。

• 頻度：その問題がどのくらいよく起きるか
• 影響：その問題が起きたとき、利用者が乗り越えるのがどのくらい難しいか
• 持続性：一度乗り越えれば次からは避けられるのか、何度も同じ問題にぶつかるのか

さらに、回避しやすい問題でも、評判や売上に大きく響く場合があるため、市場への影響も別に考えるとしています（参考資料3）。

ニールセンが示した深刻度の0〜4の尺度は、次のとおりです（参考資料3）（図5）。

実務ではこう使う：評価シートを作って、チームで回す

ヒューリスティック評価は、デザインの専門家でなくても、10原則を理解すれば始められます。マーケティングや営業の担当者が加わると、利用者に近い視点の指摘が増えることもあります。記録には、次のような評価シートを使うと、まとめるときに便利です（図6）。

運用のコツは3つあります。

1. 範囲を絞る：「購入の流れ」「会員登録」など、1回の評価で見る範囲を絞ると、深く点検できます。
2. 深刻度と直しやすさで並べる：深刻度が高く、直すのが簡単なものから手をつけると、短い期間で効果が出ます。
3. ユーザビリティテストと組み合わせる：ヒューリスティック評価で大きな問題を先に直してから、利用者に試してもらうと、テストでより本質的な問題が見つかりやすくなります（第8回）。

この回のまとめ

• ニールセンの10のユーザビリティ・ヒューリスティクスは、どんな画面にも当てはまる「使いやすさの経験則」。1994年に示され、NN/gで更新されながら公開されている。
• 10原則：状態を見せる／現実の世界と一致させる／主導権と自由／一貫性と標準／エラーを防ぐ／見て選べるように／柔軟で効率的に／美的で最小限に／エラーから立ち直れるように／ヘルプとドキュメント。
• ヒューリスティック評価は、準備→1人ずつ評価→まとめる、の3段階。3〜5人が別々に評価する。
• 見つけた問題は、頻度・影響・持続性（と市場への影響）から、0〜4の深刻度をつけて優先順位を決める。
• ヒューリスティック評価は利用者による調査の代わりにはならない。テストと組み合わせて使う。

確認テスト

次回予告

第5回は「ワイヤーフレームとプロトタイプ」です。画面の骨組みを描くワイヤーフレームと、実際に操作できる試作品であるプロトタイプの違い、忠実度の選び方、Figmaでのプロトタイプの基本を学びます。

参考資料

1. Jakob Nielsen「10 Usability Heuristics for User Interface Design」Nielsen Norman Group（1994年、2024年1月30日更新） https://www.nngroup.com/articles/ten-usability-heuristics/ （確認日：2026年11月12日）
2. Kate Moran, Kelley Gordon「How to Conduct a Heuristic Evaluation」Nielsen Norman Group（2023年6月25日） https://www.nngroup.com/articles/how-to-conduct-a-heuristic-evaluation/ （確認日：2026年11月12日）
3. Jakob Nielsen「Severity Ratings for Usability Problems」Nielsen Norman Group（1994年11月1日） https://www.nngroup.com/articles/how-to-rate-the-severity-of-usability-problems/ （確認日：2026年11月12日）