web-dev-qa-db-ja.com

チェックボックスとしてアイコンを使用していますか?

チェックボックスとしてアイコンを使用することはどのように使用できませんか?

実装するとかっこいいコンセプトですが、アイコンがクリック可能かどうかわからないのではないかと心配です。 a)表示モードと編集モードの両方で同じアイコンを使用すること、またはb)読み取りモードから編集モードに切り替えるときにアイコンをチェックボックスに置き換えることについて、人々の意見は何ですか?

Wireframes showing the described options. 1 - using icons for viewing and editing. 2 - using icon when viewing but check box when editing

2
Jason Frade

インターフェースを設計するときは、それを使いやすくすることに焦点を当てるをできる限り行う必要があります。それのために何か新しいことをするのではありません。また、質問のとおり、チェックボックスの問題はアイコンと色で解決するということを実際に示していません。

特定の理由でそれを分解する:

  • チェックボックスはその状態を明確に示します凡例は必要ありませんが、異なる色のアイコンを使用することはできません。 「オレンジは選択された状態ですか?待ってください、いいえ、多分それは黒です。」
  • チェックボックスはすぐに認識可能で、説明は必要ありません相互作用モデルを示します。アイコンはこれを行いません。タイトルがアイコンについてのチェックボックスであると尋ねた場合でも、アイコンの目的を理解するにはしばらく時間がかかりました。これは、横にあるチェックボックスの例を見たからです。
  • チェックボックスよりも視覚的にアイコンを優先すること以外に改善を提案しているわけではありません。ここで、私はチェックボックスは認識負荷が低くすっきりしているであり、したがってより優れた設計であると主張します。

TL; DR:チェックボックスとしてアイコンを使用しないでください。

5
JohnGB

非常に一般的な意味で、実装が適切であれば、アイコンを使用してバイナリ状態を示すこと(たとえば、CMSのページで表示/非表示など)に本質的に問題はありません。ただし、これらのアイコンを「編集モード」でチェックボックスの代わりに使用できることを示唆しているという事実は、チェックボックスと同じはい/いいえの状態を表すことを示唆しています。 、最初の答えに従って。

0