the click and the difference between sensation and confirmation

クリック と 感覚と確認の違い

小さな音が大きな約束をする

ラッチがカチッと所定の位置に収まる。マウスが鋭い小さな反応を示す。その音は何かが起こったことを示しているようだが、具体的に何が起こったのかは、その仕組み次第である。この「カチッ」という音は、感覚的な満足感と作業の成功が混同されがちであるという点で、設計上の有益な教訓となる。

フィードバックにより、人は行動と結果を結びつけることができます。クリックは機械的な遷移を確認するものかもしれませんが、本来のタスクの成否は別の条件に左右される場合があります。デザイナーは、その感覚がもたらす安心感に頼るのではなく、確認されるべき状態を明確に特定する必要があります。

承認は完了ではない

ボタンは、ソフトウェアが処理を完了する前に押下を検知してしまうことがある。コネクタは、接続が利用可能になる前に接触してしまうことがある。ラッチは、意図したとおりに対象物を固定せずに動いてしまうことがある。これらは仮定上の区別ではあるが、インタラクションデザインや技術レビューにおいては実用的な課題となる。

クリックした瞬間のユーザーの認識を把握する。もしシグナルが、その仕組みが提供する確信度よりも高い確信度を伝えている場合、その製品は根拠のない推論を助長していることになる。追加のフィードバックが必要になるか、あるいはその仕組みにおいて、不完全なエンゲージメントがより明確に示されるようにする必要があるかもしれない。

触覚と音と目に見える変化

フィードバックは、いくつかの経路を通じて伝達されます。触覚的な抵抗感は、目で見なくても感じ取ることができます。目に見える変化は、状態を明確に示すことができます。音は短距離で伝達されるだけでなく、周囲の人にも届くことがあります。すべてのイベントにすべての伝達経路を追加するのではなく、タスクやユーザーに適した組み合わせを活用してください。

繰り返しは重要です。スタジオでのテストでは心地よい音でも、長時間の作業中には耳障りになることがあります。周辺の機器や騒音、さまざまな感覚的条件も考慮してください。静かな機構であっても、その状態を分かりやすい方法で伝える必要があります。

約束の正確さ

メカニズムの品質に対する評価は、その一貫性にも一部起因しています。遊びや応答の遅れ、あるいは個体間のばらつきは、名目上の機能が維持されている場合でも、信頼性を損なう可能性があります。したがって、設計公差とインターフェースへの期待については、同じ文脈で議論されるべきです。

高級感そのものを評価の代用とみなすことは避けるべきである。しなやかな操作感は、噛み合わせの悪さを隠してしまうことがある一方で、キレのある操作感でも、信頼性の高い機構に由来する場合がある。まず課題を明確にしてテストを行い、その上で、その機構が達成していることを、感覚的な体験がどのように説明すべきかを判断すべきである。

デザインの具体例

ある小型容器は、蓋を閉める際の「カチッ」という音で、正しく閉まったことを知らせています。テストの結果、蓋が完全に閉まる前にこの音が鳴ることが判明しました。この音は、実際の状態が示す以上に安心感を与えるものとなっています。

音を変えるだけでは問題は解決しません。クリック音が適切な切り替えのタイミングと一致するように機構を改良するか、あるいは別の合図を設けて、ロックが不完全な状態であることを明確に示すようにすることも考えられます。その判断は、容器が誤って閉じられた場合に生じる結果と、改良によって追加される作業量を考慮した上で下すべきです。

ユーザーが接合部を注意深く見なくても済むようにテストを行う。このフィードバックの価値は、注意が他のところに向いている間にも解釈できる点にある。正確な感覚的手がかりは確認動作を減らすことができる一方、曖昧な手がかりは、実際には達成されていない状態を信頼してしまう原因となり得る。

実践課題

マウスのボタン、バックル、ロータリーコントロールを比較する。それぞれの感覚が示す正確なイベントと、正常に使用するために必要な追加の条件を特定する。安全なデモ用モデルを操作する人々を、直接見ずに観察する。1つの不完全な作動状態を導入し、それがどのように認識されるかを尋ねる。その不確実性を明確にするような変更を提案する。確認、故障の検出、および繰り返し使用について、それぞれ個別に評価する。

その「カチッ」という音は、その仕掛けが発する、ありのままの短い言葉であるべきだ。

画像から考える

マウスは、小さな機械的な動作を繰り返し行えるようにする。クリック時の感触と、その操作による結果が一致している必要がある。
1. マウスは、小さな機械的な動作を繰り返し行えるようにする。クリック時の感触と、その操作による結果が一致している必要がある。
歴史的なシートベルトの図解は、一連の過程を通じてその仕組みを説明している。物理的な操作と知覚可能な確認は関連する要件ではあるが、それらは同一の証拠ではない。
2. 歴史的なシートベルトの図解は、一連の過程を通じてその仕組みを説明している。物理的な操作と知覚可能な確認は関連する要件ではあるが、それらは同一の証拠ではない。
ロータリースイッチのベースは、通常の操作の下に隠された内部機構を露わにする。接点、止め金、および表示状態は、確実な連動関係を形成していなければならない。
3. ロータリースイッチのベースは、通常の操作の下に隠された内部機構を露わにする。接点、止め金、および表示状態は、確実な連動関係を形成していなければならない。

関連情報とリンク

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

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

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

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

参考文献

ドン・ノーマン:シグニファイア

ドン・ノーマンが語る情報と記号

画像の出典とライセンス

1. Crispy-Computer-mouse-top-down-view.svg

作者または記載された出典: Crispy · CC0

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

ライセンス規約

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

2. Description of, and the Patent granted, for modern Seat Belts 1969.jpg

作者または記載された出典: Unknown author Unknown author · Public domain

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

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

3. Rotary switch base.jpg

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

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

ライセンス規約

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

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

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

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