同一の操作や説明には一貫したアイコンを使用する

UIデザイン

概要

この基準では、同一の操作や説明に一貫したアイコンを使用しているかどうかを確認してください。 一貫性のあるアイコンを使用することで、ユーザーはテキストを凝視しなくてもアイコンから操作を予測できる可能性が向上します。

メリット

  1. テキストが見えづらい場合でもアイコンから操作を予測できる可能性が向上します。
  2. 画面を拡大表示してラベルが見切れている場合でも、アイコンを手がかりに操作を進めることができます。

達成方法

  1. 一貫したアイコンの使用:
    • ページ内で同一の操作が複数箇所で実装されている場合、コンポーネントに使用されるアイコンは同一のデザインを使用するようにします。
    • 例えば、コンテンツを編集するButtonに装飾としてアイコンを設定する場合、鉛筆を模したアイコンと歯車を模したアイコンが混在する状態は避け、一種類のアイコンのみを使用してください。
同じアイコンが複数箇所で使用されている
Do
編集を行なうButtonにはすべて同じアイコンを使用している。
異なるアイコンが複数箇所で使用されている
Don't
編集を行なうButtonには異なるアイコンが使用されている。

テスト方法

  1. アイコンの一貫性を確認:
    • 同一の操作に使用されるアイコンが、ページ全体で一貫していることを確認します。

参考