自然なマッピング（インターフェースデザイン）

ナチュラルマッピングという用語は、コントロールとその動きの関係を、そのようなアクションから世界への結果に対して適切かつ自然に配置することから来ています。ナチュラルマッピングの実際の機能は、タスクを実行するためにユーザーの記憶からの情報の必要性を減らすことです。この用語は、ヒューマンコンピュータインタラクション(HCI) とインタラクティブデザインの分野で広く使用されています。^{[ 1 ]}マッピングの概念を活用すると、評価の隔たりと実行の隔たりを埋めるのに役立ちます。評価の隔たりとは、システムに対するユーザーの理解とシステムの実際の状態とのギャップ、およびユーザーの目標とインターフェイスを使用してその目標を達成する方法とのギャップを指します。^{[ 2 ]}現実世界を反映するようにコントロールをマッピングすることで、ユーザーはコントロールのメンタルモデルを作成し、コントロールを使用して目的の目的を達成することが容易になります。

マッピングと自然マッピング

マッピングとナチュラルマッピングは、どちらもコントロールとその動き、そして現実世界における結果との関係性において用いられるという点で非常に似ています。唯一の違いは、ナチュラルマッピングでは、どのコントロールがどのアクションを実行するのかをユーザーがすぐに理解できるよう、適切に整理されたコントロールが提供される点です。^{[ 1 ]}

シンプルな設計原則:

ラベルに依存した設計は欠陥がある可能性があります。^{[ 3 ]}ラベルは重要であり、多くの場合必要ですが、自然なマッピングを適切に使用することで、ラベルの必要性を最小限に抑えることができます。ラベルが必要と思われる場合は、別の設計を検討してください。^{[ 4 ]}

悪いマッピングと良いマッピングの例

キッチンコンロ

例として、バーナーとコントロールの配置が異なるキッチンコンロのラベルの使用を検討してください。

マッピングが不十分：ストーブのコントロールの配置が不適切

上記のケースでは、バーナーが長方形に配置されているにもかかわらず、コントロールが一列に並んでいるなど、コントロールが恣意的に配置されているため、経験の浅いユーザーは視覚的にイライラし、適切な使用方法に慣れるまでコントロールを試行錯誤する期間が必要になり、ユーザーにとって潜在的な危険が生じる可能性があります。^{[ 5 ]}^{[ 6 ]}

優れたマッピング: コントロールとバーナーの完全な自然なマッピング

ストーブのメタファーの問題点：マッピングの理論的理解へ

ストーブの比喩には、操作子と操作子の関係を示す配置が示されていますが、操作子の操作効果は回転による熱です。回転は本来熱と関連しないため、この関係は人為的であり、社会的に構築されたものです。より適切な例として、トイレの個室にあるプライバシーボルトが挙げられます。ノブ付きのシンプルなスライドボルトは非常に直接的なマッピングが可能ですが、回転レバー付きのスライドボルトは、回転がボルトの水平方向の動きに変換されることを理解する必要があります。この観点から、マッピングはアフォーダンスの特性です。私たちが「自然な」と認識している多くのマッピング関係をより深く理解すると、主に社会的に構築された、あるいは文化的な基盤が明らかになります。例えば、音量ノブを回すと音楽の音量が上がる、といったことが挙げられます。^{[ 7 ]}

チャイルドシートコントロール

次の 2 つのデザインを使用して、車の座席のコントロールにラベルを付けることを検討してください。

マッピングが不十分: 画像ラベル付きのコントロールの配置が不適切

上記のケースでは、車の座席の位置を調整するためのコントロールの配置が極めて直感的ではありません。垂直および水平の形状のコントロールの背後にある意図は、座席の動きを反映することです。しかし、画像ラベルを参照せずに意図した方法でコントロールを動かすための表示はありません。コントロールが座席の側面に配置されているため、運転中にユーザーから見えないため、これは悪い設計です。そのため、ユーザーは、どのコントロールが座席を前方、後方、直立、またはより平らに動かすのかを理解するために、多くの試行錯誤を繰り返さなければなりません。また、他の多くの追加ボタンが不規則に隣り合って配置されており、コントロール自体には機能を示す触覚フィードバックがありません。

優れたマッピング：ミニチュアカーシートディスプレイ

この例では、車の座席の位置を調整するためのコントロールの配置がより直感的で使いやすくなっています。これは、コントロールの配置が実際の車の座席の形状をそのまま反映しているためです。これは、コントロールのラベルが読めない運転中に特に役立ちます。ユーザーは、各コントロールの正確な機能について事前にあまり知識がなくても、コントロールを簡単に操作できるからです。一番下のボタンは、座席の下部を前方または後方に動かすことを明確に示しています。一番上のボタンは車の座席の背もたれにマッピングされており、座席のその部分の垂直方向を指示して、より直立またはより平らに動かします。このコントロールの表示により、ユーザーはシステムの状態をよりよく理解し、認知的負担をあまりかけずに、自分の好みに合わせて車の座席を調整するという目標を達成する方法を見つけるのに大いに役立ちます。

参照

参考文献

^ ^a ^bノーマン、ドナルド・A.、「頭の中の知識と世界の知識」『日常のもののデザイン』ニューヨーク：ベーシックブック、1988年、75ページ
^ 「UXの2つの隔たり：評価と実行」ニールセン・ノーマン・グループ。2021年12月13日閲覧。
^ CitrusBitsによる完璧なUIデザインのための基盤（2015年3月20日）
^ノーマン、ドナルド・A.、「頭の中の知識と世界の知識」『日常のもののデザイン』ニューヨーク：ベーシックブック、1988年、78ページ
^「マッピングの失敗で失敗しないために」ウェイン・グリーンウッド著
^ ^a ^bノーマン、ドナルド・A.、「頭の中の知識と世界の知識」『日常のもののデザイン』ニューヨーク：ベーシックブック、1988年、77ページ
^ウェリントン、ロバート (2016). 「マーシャル・マクルーハン、アフォーダンス、マッピング、そしてインタラクティブメディアにおけるヒューマンコンピュータインタラクション」 .メディア・エンターテインメント産業における情報システムとマネジメント. コンピュータエンターテインメントとメディア技術に関する国際シリーズ. pp. 133– 148. doi : 10.1007/978-3-319-49407-4_7 . ISBN 978-3-319-49405-0。

外部リンク

Interaction-Design.org のDonald Norman による出版物
ウェイン・グリーンウッド著「マッピングの失敗で傷つかないように」

[DOETpage75-1] ノーマン、ドナルド・A.、「頭の中の知識と世界の知識」『日常のもののデザイン』ニューヨーク：ベーシックブック、1988年、75ページ

[2] 「UXの2つの隔たり：評価と実行」ニールセン・ノーマン・グループ。2021年12月13日閲覧。

[3] CitrusBitsによる完璧なUIデザインのための基盤（2015年3月20日）

[DOETpage78-4] ノーマン、ドナルド・A.、「頭の中の知識と世界の知識」『日常のもののデザイン』ニューヨーク：ベーシックブック、1988年、78ページ

[5] 「マッピングの失敗で失敗しないために」ウェイン・グリーンウッド著

[DOETpage77-6] ノーマン、ドナルド・A.、「頭の中の知識と世界の知識」『日常のもののデザイン』ニューヨーク：ベーシックブック、1988年、77ページ

[7] ウェリントン、ロバート (2016). 「マーシャル・マクルーハン、アフォーダンス、マッピング、そしてインタラクティブメディアにおけるヒューマンコンピュータインタラクション」 .メディア・エンターテインメント産業における情報システムとマネジメント. コンピュータエンターテインメントとメディア技術に関する国際シリーズ. pp. 133– 148. doi : 10.1007/978-3-319-49407-4_7 . ISBN 978-3-319-49405-0。

[ 1 ]

[ 2 ]

[ 3 ]

[ 4 ]

[ 5 ]

[ 6 ]

[ 7 ]