UX ヒューリスティクス

ニールセンの10のヒューリスティクスとクラッグの「Don't Make Me Think」原則を使用してインターフェースのユーザビリティを評価します。何が問題かを重要度スコア付きで返します。

---

中核哲学

ユーザーは読まずにスキャンします。最適化ではなく満足化を求めます。試行錯誤で進め、理解しようとはしません。

「すべてのページは自明であるべきです。何か考える必要があれば、それはユーザビリティの問題です。」— Steve Krug

---

クラッグの3つの法則

1. 考えさせないこと。 ページは自明であるべきです。巧妙なマーケティングコピーより、明確なラベルが優れています。
2. クリック数がいくつであっても構いません。各クリックが無思考的である限り。 インタラクションごとの認知負荷を最小化します。
3. 各ページの言葉の半分を削除し、残りの半分もさらに削除する。 不要なテキストを容赦なく削除します。

---

トランクテスト

ユーザーをランダムなページに配置します。彼らは直ちに以下の質問に答えられますか？

• これはどんなサイトですか？現在どのページにいますか？主要なセクションは何ですか？
• このレベルでのオプションは何ですか？階層内で現在どこにいますか？どのように検索できますか？

いずれかの答えに努力が必要な場合、ナビゲーションに問題があります。

---

ニールセンの10のヒューリスティクス

#	ヒューリスティクス	確認事項
1	システム状態の可視性	ローディングインジケータがありますか？フォーム送信のフィードバックがありますか？現在の状態は見えますか？
2	システムとユーザーの言語の一致	専門用語のないラベルですか？自然な読む順序ですか？アイコンはメンタルモデルと一致していますか？
3	ユーザーコントロールと自由度	アンドゥが使用できますか？すべてのモーダルにキャンセルがありますか？行き止まりはありませんか？
4	一貫性と標準	同じアクション = 同じラベルですか？ボタンスタイルは一貫していますか？
5	エラー防止	破壊的なアクションに確認がありますか？インラインバリデーションがありますか？無効な状態がありますか？
6	認識と想起	オプションが見えていますか？最近使用したアイテムが表示されていますか？アイコンにラベルがありますか？
7	柔軟性と効率性	キーボードショートカットがありますか？一括操作がありますか？ナビゲーション検索がありますか？
8	美的でミニマルなデザイン	必須情報のみが見えていますか？段階的な情報開示がありますか？余白がありますか？
9	エラーからの回復	平易な言語ですか？汎用的ではなく具体的ですか？修正案を提案していますか？
10	ヘルプとドキュメント	検索可能ですか？タスク中心ですか？具体的なステップがありますか？

---

重要度スケール

重要度	ラベル	優先度
0	問題なし	スキップ
1	見た目の問題	時間があれば修正
2	軽微	次のイテレーションで修正
3	重大	リリース前に修正
4	致命的	直ちに修正

---

監査出力形式

#	違反されたヒューリスティクス	問題	重要度	推奨事項
1	H8: ミニマルデザイン	ダッシュボードがフォールド上に12個のメトリクスを表示	2	段階的な情報開示：トップ4を表示し、残りは展開
2	H1: システム状態	検索のローディングインジケータなし	3	スピナーまたはスケルトンスクリーンを追加

重要度順（最も高いものから最初）にソートします。サマリー：総問題数、重要度別の件数、上位3つの修正。

---

クイック診断チェックリスト（60秒）

• このページが何かわかり、ここで何ができるかわかりますか？
• 明確なビジュアルヒエラルキーがありますか？
• すべてのインタラクティブ要素はクリック可能に見えますか？
• アクションを実行したときにフィードバックがありますか？
• 簡単にアンドゥまたは戻ることができますか？
• エラーメッセージは有用で具体的ですか？
• ホバーなしでモバイルで機能しますか？
• タップターゲットは十分な大きさですか（44x44px）？
• 最も重要なアクションは明白ですか？
• 初めてのユーザーは何をすべきかわかりますか？