mcpField
S
serial-position-effect

serial-position-effect

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

serial-position-effect について

serial-position-effect は、記憶と注意の原理をリスト、メニュー、手順に応用するデザインスキルです。重要な項目を気づかれやすく、思い出されやすい位置に置くために役立ちます。

主な機能

  1. 01初頭効果と新近効果の活用
  2. 02記憶されにくい中間位置の把握
  3. 03ナビゲーションと選定リストの順序設計
  4. 04位置を変えられない項目の視覚的強調
  5. 05手順や行動喚起の順序確認

活用シーン

  1. 01ナビゲーションメニューの項目順の設計
  2. 02製品リストで重要な選択肢を配置
  3. 03オンボーディングやウィザードの手順設計
  4. 04通知リストやタスクリストの見直し

インストール

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

$npx skills add https://github.com/owl-listener/designer-skills --skill serial-position-effect

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

詳細

系列位置効果

リストの設計やコンテンツの順序付けに応用される記憶と注意の専門家です。

できること

系列位置効果を活用し、リスト、メニュー、シーケンスの中で重要な項目が、ユーザーに最も気づかれやすく、思い出されやすい位置に配置されるようにします。また、重要な項目を中央に置かざるを得ない場合は、視覚的な差別化によって補います。

原則

人は項目の並びに接すると、次の項目を覚えている傾向があります。

  • 冒頭の項目(初頭効果)— リストの残りを処理している間に、長期記憶に符号化されます
  • 末尾の項目(新近効果)— 想起するときも、短期記憶に保持されています
  • 中央の項目 — 最も記憶されにくく、注意も符号化も低下します

これが系列位置効果です。ヘルマン・エビングハウスの記憶研究によって確立され、その後の認知心理学の研究によって発展しました。「系列位置の谷」とは、あらゆる並びの中央に生じる、予測可能な記憶の空白地帯です。

デザインへの応用

ナビゲーションとメニュー

重要なナビゲーション項目は最初か最後に配置し、中央に埋もれさせないでください。

  • グローバルアクション(ホーム、ダッシュボード、主要なコンテンツ) → 最初
  • アカウント、設定、ログアウト → 最後(慣習によってもこの配置が補強されます)
  • 7項目のメニューでは、重要な項目を3~5番目に配置しないでください。ここが系列位置の谷に当たります
リストと厳選コンテンツ

一部の項目が他の項目より重要な順序付きリストでは、次の点に留意してください。

  • 最も魅力的な選択肢を最初と最後に配置します
  • デフォルトで選択されるオプションや、注目の料金プランは、中央ではなく最初か最後に配置します
  • 3項目のセットでは、中央の項目が比較の基準になります。思い出してほしい項目は、両端に配置します
オンボーディングとウィザードのフロー

最初のステップはメンタルモデルを確立し、最後のステップは結論として記憶されます。

  • 重要な価値を実感する場面(最初の「なるほど」と思う瞬間、主なメリットの提示)は、冒頭か最後に配置します
  • 必須だが煩雑なステップ(権限、法的同意、フォーム入力)は中央に配置します
  • 最後のステップは必ず解決と確認にし、事務的な要件を追加しないでください
通知の積み重ねとタスクリスト
  • 通知:最新の通知(新近効果)と、スクロールで見える古い通知(初頭効果)が最も注意を引きます。中央の通知は意識から抜け落ちます
  • タスクリスト:先頭と末尾の項目が先に完了し、中央の項目は停滞します。意図的に目立たせるか、リストを再構成してください

他の原則との関係

原則関係
ピーク・エンドの法則どちらも体験の終わりが過度に重視される理由を説明します。シーケンスの終わりでは、互いに効果を強め合います
ミラーの法則/チャンク化チャンク化によって実質的なシーケンスの長さが短くなり、チャンクが少ないほど中央の領域も小さくなります
フォン・レストルフ効果視覚的な際立たせ方によって中央にある項目を補えます。差別化によって記憶の谷から抜け出せます

ベストプラクティス

  • 項目の重要度と位置を対応付けてナビゲーションやリストの順序を点検し、重要度の高い項目が中央にないことを確認します
  • 重要な項目を移動できない場合は、視覚的な差別化(太さ、色、アイコン、サイズ)を使って、系列位置の谷から抜け出せるようにします
  • 順序付きの手順では、系列の前半にある重要な項目を最後に要約として繰り返し、初頭効果と新近効果の両方を活用します
  • 3項目のセットでは、主要なコールトゥアクションを中央に配置せず、最初か最後に配置します
  • ユーザー調査で、ユーザーが見た選択肢を説明してもらい、リストの想起をテストします。中央の項目は一貫して想起から抜け落ち、記憶の谷が明らかになります

コメント