web-dev-qa-db-ja.com

目を開いたり閉じたりするアイコンを使用して何かを表示/非表示にすることに関する標準はありますか?

一般的に言えば、リンクにアイコンを使用するときはいつでも、アイコンはそのリンクをクリックする実際のアクションを表す必要があると思います。例えば。投稿を編集するには、通常、鉛筆アイコンを使用します。

ただし、セクションまたはパスワードの表示/非表示にアイコンを使用したいと思います。このタイプのアクションでよく見られるアイコンは、開いた目と閉じた目、または線が引かれた目です。

以前に想定した現在のロジックを維持しながら、何かを非表示にするリンクに対して表示する適切なアイコンは、閉じた目またはそれを通る線のある目であると想定します。しかし、私は一部の開発者と少し議論していて、反対のアイコンが使用されているところも見ました。そのため、アイコンは、あなたが非表示にして表示しているものの現在のステータスを表すと思います。 IEパスワードに組み込まれているように見えるので、目を閉じた方が一般的な方法です。

私の見解は、拡大や縮小、アコーディオンの際にプラス(+)およびマイナス(-)アイコンを使用するパターンに似ています。ほとんどの場合、コンテンツが縮小されているときにプラスアイコンが使用され、コンテンツが展開されているときにマイナスアイコンが表示されます。

ここに実際に標準がありますか?それともやや主観的ですか?誰かがユーザーにとってより直感的なものを調べるための調査を行ったかどうかを聞きたいです。

1
NerdCowboy

誰もが遵守しているわけではありませんが、実際には論理的な考え方があります。

  • 1つの状態ボタン(アクションボタン)-これらは簡単です。アイコンは、ボタンがクリックされたときに実行されるアクションを表します。
  • 2状態ボタン(トグルボタン/トグルアイコン)-これらのアイコンは、現在の状態を示します。これは、古いHi-Fiシステムのオン/オフボタンから簡単に覚えることができます:押すと(上)、システムはオフになります。押す(下に押す)と、システムはオンになります。ボタンを見るとシステムのステータスを確認できます。ボタンの位置は現在のシステムの状態を示しています。

現時点で私の画面を見ると、2つ目のポイントの例が2つあります。質問のスターアイコンが強調表示されていないため、お気に入りに追加していません。また、Chromeのアドレスバーの最初の部分は埋められていません。つまり、この質問にブックマークを付けていません。

ツリーで指定する+と-の例は、実際にはここで提案するものとは逆です(状態ではなくアクションを示します)が、ノードの状態はツリービュー自体からすでに明らかであると主張できます。さらに混乱するのは、直角三角形と下向き三角形が代わりに使用される場合、それらのロジックは+と-の反対です(それらはアクションではなく状態を示す)

ちなみに、この特定のケースでは、開いた目を表示用に、開いた目を対角線で隠した場合を考えます。

1
Izhaki