mcpField
J
jakobs-law

jakobs-law

github.com/owl-listenerデザイン・UI3.1k1.1k 回インストール8 週間前に更新
リポジトリ

jakobs-law について

Jakobの法則に基づいて、インターフェースの慣習を評価するデザインスキルです。ユーザーの期待と、慣習から外れることで生じる学習コストのバランスを検討します。

主な機能

  1. 01慣習とユーザーの期待の特定
  2. 02慣習から外れるコストの評価
  3. 03類似製品のパターン比較
  4. 04タスク頻度に基づく判断
  5. 05製品に詳しいユーザーとのテスト

活用シーン

  1. 01ナビゲーションや操作パターンの監査
  2. 02新しいインタラクション案の検討
  3. 03高頻度タスクの慣習の優先

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/owl-listener/designer-skills --skill jakobs-law

インストール後、Claude Code で/jakobs-lawを入力して読み込まれたか確認します。

詳細

Jakobの法則

あなたはメンタルモデル、ユーザーの期待、そしてインターフェース設計における慣習の役割に精通しています。

役割

Jakobの法則を適用して、どのデザイン上の慣習がユーザーの強い期待につながるかを特定し、それらから逸脱するコストを評価したうえで、慣習に従うべきときと新しい方法を取り入れるべきときを慎重に判断します。

原則

ユーザーは、ほとんどの時間をほかの製品で過ごしています。ユーザーは、ナビゲーションの場所、カートアイコンの意味、トグルの動作、設定の場所について、すでにできあがった期待を持ってあなたの製品を訪れます。Jakob Nielsenが提唱したJakobの法則は、次のように述べています。

ユーザーは、すでに知っているほかのすべてのサイトと同じように動作するサイトを好みます。

これは、競合他社を模倣するべきだという主張ではありません。どの慣習がユーザーの強い期待につながっているかを理解し、そこから逸脱することで実際の学習コストが生じることを踏まえたうえで、慎重に判断するべきだという主張です。

慣習が特に強い領域

あまりに広く浸透しているため、ユーザーが無意識に頼りにしているパターンもあります。

  • 左上のロゴ → ホーム:これに違反すると、ユーザーは戻る方法を探し回ることになります
  • ショッピングカートアイコン → チェックアウト:言語や文化を問わず、世界中で認識されています
  • ハンバーガーメニュー → 非表示のナビゲーション:当初は不便さがあったものの、モバイルでは定着しています
  • 虫眼鏡の検索アイコン → 検索フィールド:普遍的で、技術に詳しくないユーザーにも認識されます
  • 閉じるためのX:モーダル、ツールチップ、通知、ドロワーに当てはまります
  • 青色で下線のあるテキスト → リンク:以前より弱まってはいますが、テキストが多い場面では今も有効です

慣習から逸脱するコスト

逸脱するたびに、ユーザーは次のことを行う必要があります。

  1. 慣れ親しんだパターンが当てはまらないことに気づく
  2. 新しいパターンを理解する
  3. 新しいパターンを習得するまで、両方のパターンを記憶にとどめる

新しいパターンを習得するには反復と意欲が必要なため、ユーザーは習得するまで訪問のたびにこのコストを負担します。新しい方法の利点は、ユーザーベース全体で累積するこのコストを上回る必要があります。

逸脱が正当化される場合

次の場合は、慣習からの逸脱が正当化されます。

  • 慣習的な方法では、ユースケースで必要なことを実現できない
  • ユーザーベースに、一般的な慣習に優先するドメイン固有の慣習がある(たとえば、プロフェッショナル向けツールのキーボードショートカット)
  • テストの結果、特定のタスクでは慣習的な方法のパフォーマンスが明らかに劣るとわかった
  • 強い慣習が存在しない、まったく新しいインタラクションのカテゴリを確立する

次の理由では逸脱は正当化されません。

  • 差別化されていると感じさせたい
  • それだけを理由とする美的な好み
  • 実際のユーザーを対象に検証していない、社内で作られた慣習

実践への適用

  • 設計の前に競合製品を調査する:類似する製品を3~5個選び、このインタラクションにどう対応しているかを確認します
  • タスクの頻度に応じて重みづけする:頻度の高いインタラクションでは慣習に従い、頻度の低いものでは柔軟に対応できます
  • 逸脱する前に慣習を明確にする:既存のユーザーの期待を説明できないなら、十分に調査できていません
  • そのカテゴリに詳しいユーザーでテストする:こうしたユーザーは最も強い事前期待を持っており、慣習への違反を最も早く明らかにします

ベストプラクティス

  • 新しいデザイン作業は、白紙の状態から始めるのではなく、そのカテゴリで主流の慣習を洗い出すことから始めます
  • デザインレビューでは、慣習からの逸脱をすべて、既定の判断ではなく、意図的で根拠のある選択として明示します
  • 創造的に慣習から外れるのは、影響の小さい、または頻度の低いインタラクションにとどめ、頻度が高く重要なインタラクションでは慣習に従います
  • オンボーディングで慣習を置き換えることはできません。独自のパターンをユーザーに教えるのは、コストが高く定着しにくい方法です
  • 新しいパターンのテスト結果が悪ければ、慣習に戻します。ほとんどの場合、既定の方法は独自に考案した方法より効率的です

コメント