見えない「操作できる」を見える手がかりにする
画面に長方形が置かれていても、それが押せるボタンなのか、ただの飾りなのかは、機械の内部を見ただけでは分かりません。そこで、輪郭、色、文字、記号、配置などを使い、どこで何ができるかを利用者へ知らせます。この知らせがシグニファイアです。
シグニファイアが伝えるのは、機能そのものではなく、機能を見つけて操作を始めるための合図です。「検索」と書かれたボタンは押す場所を示し、入力欄の薄い枠は文字を書き込む範囲を示します。つまみの横に並ぶ目盛りは、つまみが動く方向や調整できる量を予想する助けになります。
分かりやすいユーザーインタフェースでは、利用者が目的を達成するまでの要所に、必要な手がかりがあります。反対に、操作できる要素が周囲と同じ見た目なら、機能が存在していても気づかれないことがあります。機能を実装することと、その存在を伝えることは別の設計課題なのです。
色だけでなく、音や振動も合図になる
シグニファイアは、目で見る形だけに限られません。主な形を分けると、次のようになります。
- 文字や記号：「送信」「戻る」という語や、虫眼鏡の図で操作の意味を示します。
- 形や配置：枠、影、余白、つまみなどによって、押す場所や動かす部分を区別します。
- 変化：ポインターを重ねたときの色の変化や、選択中の項目の強調によって、現在の状態を示します。
- 音や振動：注意を向けるべきことや装置の状態を、視覚以外の感覚へ伝えます。操作後に返されるものは、結果を知らせるフィードバックとして働きます。
一つの合図だけに頼ると、受け取れない人や状況が生じます。たとえば、赤と緑の違いだけで状態を分けるより、文字や形の違いも組み合わせるほうが判別しやすくなります。これは、幅広い人が利用できるようにするユーザビリティとアクセシビリティにも関わる考え方です。
ドアとタッチ画面では手がかりの働き方が違う
物理的なドアでは、平らな板が「ここを押す」、手でつかめる取っ手が「ここを引く」という手がかりになり得ます。形と実際の操作が結びついているため、説明文がなくても行動を予想しやすい例です。ただし、取っ手が付いているのに押して開けるなど、見た目が実際の操作と食い違えば、利用者は迷います。
タッチ画面には、現実のボタンのような厚みや抵抗がありません。そのため、背景との境界、ボタンらしい形、操作を表す短い文、押した直後の表示変化などを設計して、触れられる場所と結果を示します。画像や文字が押せるのに、外見から区別できなければ、シグニファイアが不足しています。
反対に、押せない見出しをボタンのように囲むと、存在しない操作を期待させます。手がかりは目立てばよいのではなく、実際に可能な行動と一致している必要があります。情報デザインでは、情報の意味、重要度、操作可能性を混同させない整理が大切です。
アフォーダンスとシグニファイアは同じではない
シグニファイアを理解するときは、アフォーダンスとの違いが重要です。アフォーダンスは、ある物や環境と行為者との関係において、どのような行為が可能かを表す考え方です。シグニファイアは、その可能性のうち、注目すべき行為や操作場所を知覚できる形で伝える手がかりです。
たとえば、画面上のスライダーに値を変える機能があっても、つまみや移動方向が示されていなければ、利用者は動かせることを発見しにくくなります。機能として可能であることと、可能だと伝わることは一致するとは限りません。この区別をすると、「操作できるはずなのに使われない」という問題を、機能不足ではなく手がかり不足として検討できます。
また、説明文はシグニファイアになれますが、長い説明を読まなければ基本操作が分からない状態は負担になります。形、位置、短い言葉、操作後の反応を組み合わせ、必要な場所で必要な情報が伝わるようにすることが大切です。
「青い下線」がリンクに見えるのは慣習の力
シグニファイアは、物の形と行動が自然に対応するものだけではありません。利用者が過去の経験から学んだ約束事も手がかりになります。Webページで、周囲と異なる色や下線の付いた文字がリンクとして受け取られやすいのは、その表現が繰り返し使われ、操作方法として共有されているからです。
このような慣習は便利ですが、すべての人が同じ経験を持つとは限りません。見慣れない記号だけを置くと、その意味を知らない人には伝わりません。記号に文字を添えたり、同じ操作には同じ表現を使ったりすると、学習しやすくなります。案内用のピクトグラムも、形を見れば意味を理解できるよう工夫された視覚表現ですが、伝わり方は使われる場面や利用者の知識にも左右されます。
よい手がかりは操作の前後で確かめる
シグニファイアの良し悪しは、作った人の意図だけでは決まりません。利用者がどこを操作できると予想したか、実際に正しい操作を選べたか、操作後に結果を理解できたかを確かめる必要があります。
確認するときは、目的の操作を初見で見つけられるか、押せない場所を押そうとしないか、選択中・無効・処理中などの状態を区別できるかに注目します。表示を大きくするだけでなく、言葉を具体的にする、配置をそろえる、操作直後に反応を返すといった改善も有効です。
ただし、操作後の反応は厳密には、結果を知らせるフィードバックとして扱われることもあります。操作前のシグニファイアと操作後のフィードバックが一続きになれば、利用者は「ここで操作できる」「受け付けられた」「結果はこうなった」と判断できます。分かりやすさは、一つの目印ではなく、行動の流れ全体でつくられます。