この記事の要点（UIXHERO視点） UIXHEROでは、マッピングを「意図と操作を直結させる、透明な糸」と捉える。 本記事では、ラベル（説明書き）がなければ操作できないUIの敗北を認め、物理的・空間的な対応関係を利用して、説明不要の「自然なマッピング」を実現する極意を整理する。
マッピングとは？
マッピングとは、「操作する側（コントロール）」と「操作される側（対象）」の関係性のことです。 この関係が物理的な配置や論理的な予測と一致しているとき、「自然なマッピング（Natural Mapping）」と呼ばれます。
典型的な例はコンロのスイッチです。 4つのコンロが正方形に並んでいるのに、スイッチが一列に並んでいると、どれがどれに対応しているかわかりません。 スイッチも同じ配置（正方形）に並んでいれば、ラベルを見なくても直感的に操作できます。
なぜ重要なのか
マッピングが不自然だと、ユーザーは「どれを動かせばいいのか」を毎回記憶するか、ラベルを読む必要があります。これは認知負荷を高め、操作ミスの原因になります。 優れたマッピングは透明であり、ユーザーはコントロール自体を意識せず、対象を直接操作している感覚になります。
日常の例
- 車のハンドル: 右に回せば車は右に行く。これが逆だったら運転は不可能です。
- エレベーターのボタン: 階層順に縦に並んでいる（空間的対応）。
- 電気のスイッチ: 部屋の並びと同じ順序でスイッチが並んでいると使いやすい。
UXデザインでの活用事例
1. 空間的な対応
画面上のレイアウトと、操作パネルのレイアウトを一致させます。
- スライダー: 音量を上げる（上/右）操作と、インジケーターの動き（上/右）を合わせる。
2. ドラッグ＆ドロップ
対象物を直接掴んで移動させる操作は、最も強力な自然なマッピングの一例です。コントロールと対象が一体化しているからです。
実装例: 空間的マッピングを用いたUI
画面上の要素（Box）と、それを操作するコントローラーの配置を一致させることで、直感的な操作を実現する例です。
倫理的配慮 (Ethical Considerations)
- 文化差によるマッピング: 例えば「スイッチを上げる」動作が、国によってはONではなくOFFを意味する場合があります。マッピングは文化的背景にも依存することを忘れないでください。
- スクロール方向: 「ナチュラルスクロール（コンテンツを掴んで動かす）」と「従来スクロール（スクロールバーを動かす）」のマッピングの違いは、ユーザーの設定や習慣を尊重すべきです。
