用語集さ行

シグニファイア

ドナルド・ノーマンが提唱した、利用者にどう操作すべきかを示す視覚的・聴覚的手がかり。「ボタンの影 → 押せる感」「アンダーラインの色 → リンクである合図」「カーソル形状の変化 → クリック可能の予告」など。アフォーダンスを利用者に伝えるための具体的な手段。

Web 担当者にとっては、UI 設計の品質を左右する要素。アフォーダンス(機能)があってもシグニファイア(手がかり)がなければユーザーは気付けない。両者をセットで設計する。

本書のスタンスは「シグニファイアは『発見可能性』を支える」。フラットデザインでシグニファイアを削ぎ落としすぎると、ユーザーが UI を発見できない。バランスが肝。

担当者が陥りやすいのは、装飾を削って「シンプル」を追求し、シグニファイアまで削ってしまうこと。最低限の視覚的手がかりは残す。

言葉をよく利用する人

  • デザイナー
  • Web 担当者(発注側)
  • コーダー / フロントエンドエンジニア

会話上での使用例

UI 簡素化の議論

  • デザイナー
    デザインを徹底的にシンプルに
  • Web 担当者
    シグニファイア は残しましょう。「押せる」「展開する」が分かる手がかりは必須

アコーディオン認識性

  • プロデューサー
    アコーディオン開かれない
  • Web 担当者
    シグニファイア 不足。「+」「▼」アイコンで開閉できると伝える視覚記号が必要です

関連 Lesson(本書本文)

Lesson 4-1 デザイン決定