実際のオブジェクトの空間設計を視覚的に反映するように要素を設計するための用語は何ですか？

Question

オブジェクトまたはオブジェクトの表現を具体的に説明して、インターフェイスが実際のオブジェクトの空間方向を反映するように具体的に説明する用語は何ですか？

たとえば、機械的な観点から最も便利なように、コンロのコントロールはコンロの端を横切って水平に配置できます。両側に2つずつあり、両側に2つずつある4つのノブで制御される4つのバーナー。そのようです：

| * * | | * * | | O O O O |

しかし、どのノブがどのバーナーを制御するかを知るための迅速、視覚的、または空間的な方法はありません-右後のバーナーは右端のノブまたは右端から2番目のノブによって制御されていますか？代わりに、コントロールパネルをオフセットノブ（上/下または前/後）で設計して、次のように情報を自然に伝えることができます。

| * * | | * * | | O O | | O O |

同様に、ネットワークデバイス（ルーターなど）に関する情報は、リストを介して伝達できます（たとえば、どのデバイスがどのポートに接続されているか）。

1. デスクトップ
2. ラップトップ
3. プリンター
4. 空の
5. XBox
6. 等..

または、情報は、デバイスのレイアウトに関連付けられたグラフィック表現で表示できます

Port 1    Port 3    Port 5
Desktop   Printer   XBox
Laptop    Empty     Etc...
Port 2    Port 4    Port...

この「空間レイアウトによって伝えられる生来の情報を用いたレイアウト」を具体的に参照する用語は何ですか？

Answer 1

コントロールとそれらの間の関係の自然な配置と、そのようなアクションから世界への結果への動き Natural Mapping として知られています。

Wikipediaの上記の記事も、ストーブトップの例を使用しています。コントロールレイアウトで悪いマッピングを示す：

良いマッピング：

自然なマッピングにより、ユーザーは適切に編成されたコントロールを提供します。ユーザーは、どのコントロールがどのアクションを実行するかをすぐに理解できます（ソース： Wikipedia ）。

すばやく 「自然なマッピング」をGoogle検索 すると、多くの結果が得られます。上位の投稿の1つは、 sability Post のDesign of Everyday Thingsの書評です。レビューでは、Dmitry FadeyevがNormanのNatural Mappingの定義について説明しています。

マッピングとは、2つのものの関係です。インターフェース設計の場合、それはコントロールとその結果の機能との関係です。たとえば、回転するボリュームコントロールには、ボリュームを上げるには時計回りに、下げるには反時計回りにマッピングすることができます。

より効果的なインターフェースを作成するには、ナチュラルマッピングと呼ばれるものを利用する必要があります。 Normanは次のように定義しています。

自然のマッピング、つまり物理的なアナロジーと文化的基準を利用することは、すぐに理解につながります。たとえば、デザイナーは空間的な類推を使用できます。オブジェクトを上に移動するには、コントロールを上に移動します。ライトの配列を制御するには、ライトと同じパターンでコントロールを配置します。いくつかの自然なマッピングは文化的または生物学的であり、上昇するレベルはより多く、低下するレベルを表します。同様に、音が大きいほど大きな音になります。

これを完全に説明するストーブコントロールの良い例があります。多くのストーブコントロールは、コントロールの配置がバーナーの配置から完全に切り離されています。これは次のようになります（本から抜粋した図）。

コントロールはバーナーの配置を表していないため、マッピングは適切ではありません。したがって、ラベルをオンまたはオフにしたい場合は、常にラベルを参照する必要があります。これを改善するには、自然なマッピングを使用し、空間的なアナロジーを使用して、コントロールと操作するバーナーとの関係を示します。

レイアウトがバーナーのレイアウトに直接マップされているため、どのバーナーがどのバーナーを操作するかは明らかです。このような自然なマッピングにより、ラベルも不要になります。はい、この例には欠点があります。バーナーの横にきちんと並んでいないので、より多くのスペースを必要としますが、どちらかと言えば、もっとコンパクトなツールか、もっと使いやすいものでしょうか。