一般的に使用されるアクションのアイコンとテキスト

Question

現在、イントラネットWebアプリケーションの使いやすさを向上させようとしています。私たちの目標の1つは、大きなグリッドを持つ特定のページを除外することです。これを行うために、私たちは機能としてグリッドに一般的に使用されるアクション（削除、ゼロへのリセット、完全なものとしてのマーク付けなど）を入れ始めました。

最初のアイデアは、アイコンを見つけて使用することです（削除=赤いx、リセット=自分の周りを曲がる矢印、チェックマークを付けるとマークするなど）。私の同僚の何人かは私に同意します。彼らはアイコンがツールをよりプロフェッショナルに見せると言う。しかし、他の人はアイコンが意図した機能を隠していると言い、のような単純なテキストがより適切でしょう。

私たちが選択したタイプ（アイコンまたはテキスト）にかかわらず、機能のツールチップの説明が含まれているとします。いくつかのアクションやテキストのアイコンを他の人のために使うことはできますか？それとも使い勝手が悪いですか？

Answer 1

私はアイコンの大ファンです。ヘック、私はこの答えを入力しているテキストエリアには、それの上にアイコンだけがあります。大きな暗いBは太字であることを知らないのは馬鹿だと思うのですが···あなたのアイコンが自明である（削除などのための大きな赤いXのような）なら、それは確かに行く方法だと思います。また、ユーザーが適切なアクションを見つけやすくなります。

Answer 2

Microsoft WordやExcelなどのWindowsアプリケーションに表示されるアイコンを使用します。ほとんどのユーザーは、これらとその意味/機能に精通しています。

また、ユーザビリティは「プロフェッショナルなルック」になります。あなたのアプリケーションは、デザイン傑作ではなく機能的である必要があるように私には聞こえる。したがって、インターフェイスの機能を可能な限り明確に伝えることが主な関心事です。したがって、ユーザーの知識を活用してください。あなたのユーザーはWordとExcelを定期的に使用している可能性があります。

トップオフにするには

<img 
src="..." 
alt="Click this button to delete X" 
title="Click this button to delete X" /> 

Answer 3

私は両方の実装が大きな成功を収めているのを見たことがあります。それはあなたのターゲットオーディエンスにもっと依存します。興味深いことに、自分の行動のためのテキストタイプのボタン/リンクを見たいと思っている人々のグループがいるので、私はそれに合わせて特定のアプリケーションを調整しました。最初に両方のオプションを提供するだけで、ユーザーベースのどちらがより快適であるかを確認できます。

あなたはそれを離れていくことができる場合は、アイコン内に各アクションのテキストを埋め込むのに十分な大きさにすることができますか？イメージの中に埋め込まれた小さい「削除」テキストを含む大きい赤いXを言ってください。私はそれがしばしば両方のグループに適していることがわかります。

Answer 4

アイコンはスペースを節約します（また、ツールチップは初心者にとっては非常に使いやすいかもしれませんが）アイコンとテキストを混ぜるのは良い考えではないでしょう。代わりに、通常は「折りたたまれて閉じている」ページをクリックすると開くようなセクションに「まれな」アクションを配置するのはなぜですか？結局のところ、これはさらに多くのスペースとクラッタを節約します。

Answer 5

それがあいまいな機能であれば、アイコンはユーザビリティを損なう可能性があります。しかし、私はかなり多くの人が削除、リフレッシュなどを受け入れて理解していると思います。ツールチップが戻ってくる限り、あなたはうまくいくはずです。

Answer 6

私たちは常に弊社でテキストを使用していましたが、以前はアイコン付きの製品を使用していましたが、何らかの理由でクライアントから不満を多く訴えました。同じ時間に、例えば、電話で話し、データを入力する。 個人的には、操作が非常にシンプルであれば、アイコンは問題ないと思いますが、いくつかのタスクが一緒にリストされていると、混乱するかもしれません。

Answer 7

いくつかの機能やテキストのアイコンを他の人のために使うのは、おそらくそれほど一貫性がありません（ツールバーやメニューなど、アイコンやアイコン - それは良いイディオムだとは限りません）。ジェフ・ラスキンの動物愛護インターフェイスから引用し

：質問を検討し、すべての研究では

は、アイコンが1に矛盾する、特に第1の観察では、ラベルがいたよりも理解することはより困難であることが実証されました最も頻繁に引用されるアイコンの使用理由のうち、初心者のための理解度です。 GUIは多くの場合、それぞれにラベルが付いた同一のアイコンでいっぱいのウィンドウを表示します。アイコンは小さく、多数あり、数十種類のアイコンがあります。アイコンが有効であるという限定された条件は、現在のコンピュータシステムでは得られない。

小さなアイコンはラベルよりも画面のスペースが少なくても、実際には次のことを尋ねる必要があります。ボタンが小さくなればなるほど、操作に時間がかかり、見つけにくくなります。また、小さなアイコンを特徴的にするのは難しいです。別の小さなポイント：アイコンは単語を作るよりも作成に時間がかかります。

と

メイヒュー[1]アイコンの使用に関する調査研究の数を挙げています。残念なことに、ほとんどの研究では、ラベルとアイコンを比較していませんでした。しかし、これらの研究や他の研究から、我々は、アイコンが最大で十数個で、一度に最大で十数個が見られるとき、アイコンが最も効果的であると結論付けることができる。また、それは彼らが

• が
• が
• が合理的に大きなサイズで提示され、適切な概念を表すの良い仕事を視覚的に区別されることが不可欠である、テキストラベルよりも一般的に大きくなるようになり

[1] Mayhew、Deborah。 ソフトウェアユーザインタフェース設計の原理とガイドライン（Englewood Cliffs、NJ .: Prentice-Hall、1992）。

多くの場合、アイコンは概念やコマンドの意味をあいまいにしていて、それを説明するには追加のテキストが必要であると私は同意します。 Aza Raskinの記事The End of an Iconもこれによく読まれています。