10 Usability Heuristics [#4] Consistency and standards

元記事:Maintain Consistency and Adhere to Standards (Usability Heuristic #4)

YouTube:Usability Heuristic 4: Consistency and Standards - YouTube

  • 異なる言葉、表現が同じ意味を表しているかどうか考えずに使えるシステムは、ユーザーにとって使いやすいものになる
  • プロダクト内における一貫性
    • 具体例
      • 要素の順序
      • 機能を示すアイコン
      • レイアウト
      • 通知、モーダル、プルダウンメニューなどのコンポーネント
  • プロダクト内とプロダクト外の一貫性
    • Web や業界で確立された規則
      • Jakob’s Law
      • ユーザーはほとんどの時間を他のデジタル製品を使っている
      • ユーザーはそれまでに訪れたサイトでの経験に基づいた規則を期待して我々のサイトを訪れる
      • 「型にはまらない」よりも「ユーザーが目的を達成できる」ことに重点をおく
  • 一貫性を意識する要素
    • ビジュアル
      • Symbol, Iconography:類似のサイトの間で一貫性のあるものを使う
    • レイアウト
      • 見出し、CTA ボタン、ナビゲーションなど
        • CTA ボタンとキャンセルボタンの左右を統一する
        • 必須フィールドの表現方法を統一する
    • ユーザーの入力するデータ
      • 日付、電話番号、場所などのデータ
        • 入力のインターフェースを統一する
        • ユーザーがデータのフォーマットに注意を払わずに使えるようにする
    • コンテンツ
      • Voice & Tone を統一する
  • タスクの遂行にどうしても必要なときや、効率を向上させるときに限っては、必ずしも一貫性を保つ必要はない
    • ただしほとんどの場合において、一貫性を保つことのほうがユーザーの期待に応えられる