web-dev-qa-db-ja.com

ボタンアイコンの横にタイトルを書く必要がありますか?

写真がある場合、ボタンとは何かを書く必要がありますか?

これは非常に一般的な質問であり、その答えは次のようになると思います。画像がどれほど鮮明かによって異なります。

だから私の質問は、次の絵が十分に明確であるかどうかです:

enter image description here

私が作成しようとしているボタンは次のとおりです(実際に何が表示されるかを確認するには、下にカーソルを合わせてください:)。

履歴を見る

これはウェブサイトに掲載される予定です。

4
Horay

さて、最初に、あなたのアイコンが何を意味するのかがはっきりしなかったと言います。私にとって、最初に頭に浮かんだのは、「バックアップ時間」です。これは、バックアップソフトウェアのようなものに完全に適しているかもしれません。他に頭に浮かんだのは、「巻き戻し」、「リプレイ」、「リスタート」などです。

あなたのアイコンが「閲覧履歴」を表すことができなかったと言っているのではなく、ほとんどのアイコンはほとんどの人がさまざまな方法で解釈できることを長年にわたって学んできただけです。普遍的に理解されているアイコン(つまり、保存、印刷、閉じる、再生/一時停止など)のようないくつかの例外がありますが、この特定のアイコンは普遍的に理解されているとは言えません。

常に混乱の可能性があるため、可能な限り、アイコンとテキストラベルの両方を組み込む必要があります。アイコンは、異なる言語や背景を持つ人々がサイトを使用している場合に役立ちます。したがって、可能な場合は常に、アイコンを追加またはフォールバックオプションにする必要があり、主要な識別方法ではありません。

これの唯一の例外は、画面の面積が実際に問題であった場合であり、そうである場合は、アイコンの上にテキストのみのラベル/ボタンを選択します(単語やフレーズだけでなく、もっと多くのことを伝えようとしているのでない限り)。 )。しかし、「View History」について話しているので、それは「My History」というラベル、あるいは単に「History」でさえ伝えることができます。

また、ラベルを付けると、アイコンがよりわかりやすくなり、通常のユーザーが意図したアクションでそのアイコンを識別できるようになります。

Nielson Norman Groupによる icon Testing に関する優れた記事があります。読む価値があるかもしれません。

これもある 記事 アイコンが使いやすさを向上させるという「神話」について議論している。

お役に立てれば!

[〜#〜]補遺[〜#〜]

コメントでのあなたの質問に答えて、あなたはこのようなもので行くことができます:

history icon

また、私が裏向き矢印についてコメントした唯一の理由は、他の多くのアイコンがビデオソフトウェアやビデオサイトで「巻き戻し」などを示すためにこれを使用しているため、ユーザーにかなりの露出があることを明確にしたかっただけです。そして、彼らはすでにそれを「ビデオ」などに関連付けていると思います。

6
Monomeeth

非表示のテキストを見ることなく、アイコンの意味を推測しようとしました。最初に思い浮かんだのは「時間をさかのぼる」ことだったので、以前のバックアップや設定を復元することだと思いました。いいえ。

そのため、ユーザーがアイコンの意味を知っているとは限らない。特に、画面にすでに数十個のアイコンが含まれている場合はそうだ。

現在、アイコンに加えてテキストを使用すると、GUIが乱雑になり、画面の領域が使用されるため、お勧めしません。代わりに、tooltipsを使用する必要があります。これにより、デザインを煩雑にすることなく、ボタンの目的をユーザーに明確に説明できます。

1996年にUmberto Ecoが コンピューターアイコンとその悪用についての素晴らしい記事 と書いており、すべてのUXユーザーにそれを読むことをお勧めします。編集:それは非常に関連性があるので、私はここに全文を含めました(そして翻訳を少し改善しました):

PICTURA EST LAICORUM LITERATURA、中世の男性は言った:つまり、あなたは読み書きのできない人々(そして大多数)とは画像を通じてのみコミュニケーションをとることができます。次に、印刷の発明が起こり、物事は変化しますが、文盲のためではありません。ある時点で、グーテンベルク銀河が終わったと考えられ、画像の新しい時代が始まりました。すべてのテレビは文盲です。ついにコンピューターがやって来て、再び事態を覆しました。コンピューターを使用するには、あなたが読むことができなければなりません。

多くの場合、画像によるコミュニケーションは不可欠です。異なる言語の人々が使用する空港では、小さな男性と小さな女性がいるトイレ、交差したナイフとフォークのあるレストランを指摘することは有用です。これらは、すべての人が知っている記号(またはアイコン)です。しかし、空港でアリタリア、エールフランス、ルフトハンザ、さらにはパリ、アルゲーロ、またはピサを言葉ではなくアイコンで表すとどうなるでしょうか。それはピサで動作します、あなたは塔を置きますが、デシモマンヌ[翻訳者のメモ:サルデーニャの非常に小さな空港]で何をしますか?混乱の中、旅行者はケープタウンに行き、パレルモに行きたいと思っていました。

同様のことがコンピュータでも起こっています。彼らは「友好的」であり、それは友好的です。フレンドリーとは、誰にでもできることを意味し、愚か者は単語ではなくアイコンを認識できると判断されました。アイデアが間違っている:彼がばかであっても、コンピューターを使用する誰か(ビデオゲームを作るとは言わないで、ただ書く、アカウントを保持する、箇条書きと番号付きリストを作る、表を描く、メールを送信する、オンラインにする小児性愛者の団体)が読むことができます。

現在、この馬鹿は持続不可能な数のアイコンを記憶するように求められています。それらのいくつかはまったく直感的ではありません。私はWinword 6で書いていますが、閉じる、開く、保存する、または印刷することを意味するアイコンを覚えています。しかし、例えば、中央に点の列がある正方形であるものがあります。 「分割ウィンドウ」を意味するのは直感的ではありません。「挿入テーブル」を意味するものと非常に似ており、「ボーダー」を意味するものと危険なほど類似しているためです。私は多くのウィンドウを分割しているので、それを実行したいときは、本当にばかげているソリューションがあります。上部に「ウィンドウ」と表示されているので、そのWordをクリックしてメニューをドロップし、ウィンドウを作成して、並べて並べて、分割するように指示します。そして、何も覚えることなく。

私はイタリーオンラインに行って、上部に小さなハートを見つけました。それはエロティックなチャットラインを開くことですか?いいえ、それは「サービスリスト」を意味します(あなたは独創的なアイデアを理解しています:私はそこに私が大好きなサービスのリストを見つけました、そしてそれは私にとって重要です)。しかし、もし私がイタリーオンラインのサービスを使いたいと思っているなら、私は隠者ではないので、「サービス」という言葉を上から読んで必要なものを見つけることができます。小学校。バスケットについては言うまでもありません。最初は、誰もがファイルを削除する方法を一目で理解できるようにすることは並外れたアイデアのように思われました。しかし今、ごみの視覚的な考え方がGUIからGUIに変わることを除いて、各プログラムには独自のゴミがあります。前駆体のバスケットを恥知らずにコピーすることができないため、バスケットは時々金属の箱、時には蜂蜜の瓶に見えます。いくつかの場所では、そこから出てくるのにそれを使用できると思わせる開いたドアを見つけることができますが、何からですか?ファイルからですか、それともプログラムからですか?

さまざまなインタラクティブCD-ROMで、ハイパーテキストとマルチメディアが大きな足、手、地球儀、閲覧ページ、拡大レンズ、シャーロックホームズの帽子、尻尾をかむ色の矢印など、すべて表示されます。各CD-Romにはアイコンがあります(グラフィックの場合は素晴らしいです)。また、プログラムがめったにページに戻る方法や、たどった経路を見つける方法を口頭で示すこともあります。彼らの主張:同じプログラムが異なる国で使用される可能性があり、誰もが英語を知っているわけではありません。回答(現在、すべてのプログラムが独自の言語にローカライズされているという事実は別として):アイコンの意味を理解するには、200ページのマニュアルを読む必要があります。それは、たとえあなたの言語で書かれていても理解できないものです。 4ページの英語-イタリア語辞書を添付することをお勧めします。

繰り返しますが、主な操作にはいくつかのアイコンが役立ちます。アイコンが多すぎると、めまいを起こして読み書きができなくなります。しかし、アイコンが増えるのは、車のダッシュボードにある偽の木材と同じ現象です。木材が偽に見えるほど、売れているようです。最終的には、すべてが象形文字で作られている非常にユーザーフレンドリーなプログラムができます。私が書いたものでさえ、アヌビス、フクロウ、上に鋸歯状の線が付いた口の形で画面に表示されます。助けて。

4
dr_

少なくとも画像が何であるかが明らかである場合(解釈やさまざまなドメイン固有、文化的、または個人的な要因の影響を受けるため、画像は決してそうではありません)、1000語の価値があります。デザインに単語を組み込むことに害はありません(なお、テキストラベルを使用してください)。ユーザーが慣れれば、非表示にするオプションを表示するか、表示オプションとして削除することができます。

目的が明確である場合は、いくつかのテストを行って、画像だけで十分にはっきりしていることを確認する必要があります。目的が単純である場合は、テキストのみの方が、管理する必要のある形状または画像よりもおそらく単純です。アイコン化を適用してインターフェイスを強化することが目的である場合は、アイコンデザイン以外にもユーザーエクスペリエンスにより多くの価値を追加できる領域があることをお勧めします。

0
Michael Lai