the norman door and the design of understandable actions

ノーマン ドアと分かりやすい操作のデザイン

手を動かす前に行為は始まる

ガラスのドアの端に、磨き上げられた金属の取っ手が待っている。手がそれを握り、引いてみると、抵抗を感じる。その人は一瞬立ち止まり、小さな表示を読み、押してみる。ほんの数メートルの道のりに、不必要な手間が加わってしまった。そのドアは、ある行動を示唆しながら、実際には別の行動を求めていたのだ。

これは、ドン・ノーマンにちなんで「ノーマン・ドア」と一般に呼ばれる問題です。この問題は、意図がごくありふれたものであり、結果が明確に観察でき、誤解を招く手がかりも往々にして目に見えるため、ユーザビリティに関する簡潔な事例研究となっています。ここから得られる有益な教訓は、ドアの問題にとどまらず、より広範なものです。すなわち、製品は、ユーザーが何をすべきかを発見し、何が起きたかを認識し、期待が外れた場合に状況を立て直せるよう支援しなければならないということです。

可能な行為と目に見える手がかり

アフォーダンスとは、行為者と環境との関係、すなわち、ある行動がその人にとって何を可能にするかということにまつわる概念である。シニフィアンは、知覚可能な手がかりを提供する。取っ手は、握ることを可能にするだけでなく、引っ張ることを示唆することもあるが、それらは異なる主張である。描かれた矢印は、物理的に移動を可能にするわけではないが、移動を示唆することはできる。この二つを混同すると、デザイナーはあらゆるアイコンをアフォーダンスと呼び、実際のメカニズムがどのように動作するかを軽視してしまうことになる。

プッシュプレートは、握りたくなる衝動を和らげることでその効果の一部を発揮します。アクセスや開けるのに必要な力、あるいはその他の条件によってはハンドルが必要になる場合もあるため、ハンドルを外すことが万能の解決策というわけではありません。重要なのは、ユーザーが得られる情報と、機構が要求する動作とを一致させることです。形状、位置、ラベル、そしてフィードバックは、すべて同じ理解を助けるものでなければなりません。

その指示が設計に含まれるべき場合

「優れたデザインには説明が不要だ」というのはよく耳にするスローガンです。しかし、実用的な原則として、これには条件が必要です。特殊な機器や、不慣れな操作、それに伴う行動については、指導が必要になる場合があります。失敗の原因となるのは、単なるラベルの有無ではなく、回避可能な矛盾なのです。特に、記号だけでは文化的知識に依存してしまうような場合、明確な言葉遣いは優れたインターフェースの一部となり得ます。

「スタート」と書かれたボタンが付いた架空の機器を想像してみてください。このボタンは、測定、校正、それともモーターの起動を開始するのでしょうか? ランプが点灯するのは、ボタンが押されたことを示すのでしょうか、それとも操作が成功したことを示すのでしょうか? 技術的に信頼性の高い制御であっても、ユーザーに推測を強いることがあります。状態を説明することは、単なる外観に追加されるオプションの要素ではなく、仕事の一部なのです。

最初の出会いのテスト

プロトタイプを説明する前に、最初の行動を観察してください。参加者に、持ち運ぶもの、読むもの、注意を払うべきことなど、実際のタスクを与えます。成功した完了だけでなく、躊躇した様子や回復までの過程も記録してください。たとえ最終的にすべてのドアを開けたとしても、設計が不十分な一連の操作に遭遇する可能性があるからです。

リーチ、グリップ、言語の要件を変えて、観察を繰り返す。正面から見たときに読み取れる手がかりが、座った姿勢では見えなくなることもある。ユーザビリティは関係性に基づくものであるため、あるデザイナーとのテストで成功したとしても、それは普遍的な理解の証明というよりは、その出会いの結果に過ぎない。

デザインの具体例

ある架空の家電製品には、2つの操作を行うためのボタンが1つだけ付いている。短く押すと通常のサイクルが開始され、長押しすると設定がリセットされる。そのシンプルな外観の裏には、大きな違いが隠されている。迷いながらボタンを押してしまうと、意図しない操作を行ってしまう可能性がある。

チームは、操作を分離したり、明示的なリセット手順を義務付けたり、あるいは明確にラベル付けされた代替手段を提供したりすることができます。これらの提案は、問題の異なる側面を解決するものです。既存のボタンにラベルを追加すれば、認識性は向上するかもしれませんが、誤操作の可能性は残ります。操作を分離すれば、機構の改善にはつながりますが、より多くのスペースを必要とします。

有用なプロトタイプの評価では、ユーザーが通常の操作を把握し、その結果として生じる操作を認識し、ミスから回復できるかどうかを測定します。判断は、こうした観察結果と各アクションの重要度に基づいて行うべきです。視覚的に最もシンプルなインターフェースが、必ずしも最も負担の少ないインターフェースであるとは限りません。

実践課題

分かりにくいドアや操作部を写真に撮る。意図された動作、視覚的に最も明確な手がかり、そして最初に起こりうる合理的な間違いを特定する。2つの修正案を作成する。1つは形状を変更するもの、もう1つは表示情報を変更するものだ。どちらも説明なしにテストする。最初の試み、修正内容、および要した労力を比較し、どの修正案がユーザーにとって追加の労力を最小限に抑えつつ矛盾を解決できるかを説明する。説明の際は、見た目の好みとは切り離して行うこと。

敷居で少し立ち止まることは、有用な手がかりとなる。それは、その物体がその人物に、説明を終えるよう求めた場所を示しているのだ。

画像から考える

ドアノブの形状は、ドアが動く前にある種の期待を抱かせます。握りたくなるようなデザインと、初めて訪れる人が試みるであろう動作とを比較してみてください。
1. ドアノブの形状は、ドアが動く前にある種の期待を抱かせます。握りたくなるようなデザインと、初めて訪れる人が試みるであろう動作とを比較してみてください。
プッシュプレートは、強く引っ張る必要なく接触を可能にします。その表面の形状が、意図された動作をどのように示しているかを見てください。
2. プッシュプレートは、強く引っ張る必要なく接触を可能にします。その表面の形状が、意図された動作をどのように示しているかを見てください。
矛盾した「押す」と「引く」の標識は、利用者に手がかりの間で判断を迫ることになる。根本的な配置に一貫性がない場合、追加された情報によって混乱が解消されないことがある。
3. 矛盾した「押す」と「引く」の標識は、利用者に手がかりの間で判断を迫ることになる。根本的な配置に一貫性がない場合、追加された情報によって混乱が解消されないことがある。

関連情報とリンク

f/p 工業デザインおよび製品開発

製品開発プロセスにおいて、その原理を研究、プロトタイピング、および検証に結びつける。

複雑な製品やシステム向けのf/p UX・UIデザイン

使用状況、操作の流れ、およびユーザーテストという文脈を通じて、議論をさらに深める。

参考文献

ドン・ノーマン:アフォーダンスではなく、シグニファイア

画像の出典とライセンス

1. Kopenhagen (DK), Christiansborg — 2017 — 1485.jpg

作者または記載された出典: Dietmar Rabich · CC BY-SA 4.0

画像の出典およびクレジット情報

ライセンス規約

Word用にサイズ調整およびJPEGエンコード済み。創作上の変更は一切行っていません。この画像には、上記に記載されたライセンスが適用されます。

2. Jackson Foundation Gallery door push-plate – geograph.org.uk – 7454792.jpg

作者または記載された出典: Elizabeth Scott · CC BY-SA 2.0

画像の出典およびクレジット情報

ライセンス規約

Word用にサイズ調整およびJPEGエンコード済み。創作上の変更は一切行っていません。この画像には、上記に記載されたライセンスが適用されます。

3. Door with both push and pull signs.jpg

作者または記載された出典: Robert S. Donovan from Adams, NY, USA · CC BY 2.0

画像の出典およびクレジット情報

ライセンス規約

Word用にサイズ調整およびJPEGエンコード済み。創作上の変更は一切行っていません。この画像には、上記に記載されたライセンスが適用されます。

実践ガイド:UX・UIデザイン会社の選び方

このトピックを、インターフェース、インタラクション、およびユーザー体験に関するパートナー選定と結びつける。

この分野でのプロジェクトをご計画ですか?ぜひf/p designにご相談ください。