web-dev-qa-db-ja.com

テキストvsアイコン(新しいウィンドウで開きます)

過去数か月間、私は小さなWebサイトを反応させ、PDFリンクを示すリンク新しいウィンドウで開くをアイコンの代わりに使用しています。クライアントに話しかけました。ただし、アイコンの使用については、クライアントはユーザーがアイコンの意味を理解できないことを強調しています。

enter image description here

誰が他よりも好まれている洞察/情報を提供できますか?

14
Courtney Jordan

アイコン、テキスト、およびその両方を理解するユーザーの能力を調査するいくつかの研究があります。これらの研究の結果は常に同じ結論に達します。ダブルコーディング(テキストとイメージ)は、常にユーザーにとって最も簡単で最速です。以下の3つの画像を見て、どれを選択するかを決定します ビールを一番速く飲んで 認識するのが最速である。

enter image description here

さらに深刻なことに、マイクロソフトはアイコンだけではうまくいかないことを発見しました。

多くの研究者が、アイコンは覚えるのが難しく、非常に非効率的であることが多いことを示しています。 Microsoft Outlookツールバーは良い例です。以前のアイコンのみのツールバーは使いやすさが不十分で、アイコンを変更したり、それらの位置を変更してもあまり役に立ちませんでした。 助けになったのは アイコンの横のテキストラベルの紹介でした。それはすぐにユーザビリティの問題を修正し、人々はツールバーを使い始めました。別の研究では、UIEのチームは、機能のグラフィックによる解釈ではなく、ボタンの位置を覚えていることに気付きました。

参考: 神話#13:アイコンは使いやすさを向上させる

ただし、アイコンが実際に役立つ場所があります。

アイコンが価値をもたらす場所:

  • 普遍的に理解されているアイコンがうまく機能します(印刷、閉じる、再生/一時停止、返信)。
  • アイコンは、箇条書き、Webページの構造化(PDF、DOCなどのファイルタイプアイコン)として機能します。
  • 良いアイコンはウェブページの見栄えを良くすることができます。

open in a new windowアイコンは本当に普遍的にアンダーシュートであると主張することができます。ただし、プラットフォームごとに固有の新しいウィンドウで開くアイコンがかなりあり、同じプラットフォーム内のリリース間でさえ変更があります。さらに、共有アイコンは開いているアイコンに非常に似ています。ユーザーに何を期待すべきかをユーザーに知らせたいのであれば、アイコンだけに頼る必要はありません。

しかし、これがPDFリンクである場合に限り、PDFアイコンを使用して、対象となるオーディエンスでテスト実行し、どのような結果が得られるかを確認できます。 。肯定的な回答が90%未満の場合は、画像とテキストの両方を使用するように私に言います。

17
Benny Skogberg

Tl; dr:PDFアイコンを使用しますenter image description here または enter image description here、テキストをドロップします。

更新:

あなたのコメント(ありがとう!)を与えると、アイコンはそれがPDFであることをユーザーに知らせ、実際には広く認識可能です(意味のある認知的負債の増加ではありません)。

次の理由により、新しいタブで開くことはPDFに適しています。

  1. 調査結果 ブラウザウィンドウでのPDF完了後の標準的なユーザーアクションは、ウィンドウを閉じることです。
  2. 多くの場合、ブラウザはマシンのデフォルトのPDFリーダーを起動し、新しいウィンドウを開くのを中止します。

これらはどちらもユーザーにとってほぼ同じと感じ、予想される動作です。 「新しいウィンドウで開く」は、ブラウザがデスクトップアプリケーションでファイルを自動的に開くように構成されている場合、実際にはユーザーを混乱させます。

アイコンは、リンクをクリックしたときに珍しいことが起こることをユーザーに準備します。それは伝達的で目立たないものです。

元:

より良い質問は、リンクがデフォルトのインタラクションとして新しいウィンドウで開く必要がある理由を尋ねることです。

ブラウザリンクの標準UXは、SELFを対象としています。新しいタブまたはウィンドウを開きたい場合、ユーザーは右クリックして「新しいタブで開く」または「...ウィンドウ」を選択します。これは、それぞれの多くのメジャーバージョンについて、すべての主要なブラウザで一般的にサポートされている対話です。

詳細については、この SO質問Jakob Nielsen(#9) 、および Jared Spoolからの講演 を参照してください。

私が作成する1つの例外 Nielsenは経験的に観察しています は、PDFまたはHTML以外のファイル(Webページではないもの)へのリンクです新しいウィンドウで開きます。

必要な場合:

アイコンの採用は、サイトユーザーの人口統計によって影響を受ける可能性があります。ブラウザーの人口統計は次のことに役立ちます。

  • ユーザーの大多数が最新の最新バージョンのブラウザーを使用してアクセスする場合、ユーザーはより若く、または技術に精通している可能性があります。
  • ユーザーの大多数が古いブラウザーを使用してアクセスする場合、ユーザーベースは古いか、または「デジタルネイティブ」ではない可能性があります。

ただし、 ここで指摘したとおり を使用すると、ブラウザの人口統計だけで判断を下すことができません。

クライアントの中心は、アイコンを使用することに加えて、「新しいウィンドウで開く」をリンクのロールオーバーテキストとして追加することです。

また、これらのリンクはPDFおよびその他のドキュメント/ファイルにのみ使用しているため、そのファイルを開く最もわかりやすいアプリケーションのアイコンを使用します(Wordロゴ、PDFロゴなど)。 。すぐに認識できます。

8
Matt

私はかつて、Webページの作成に関する記事を読みました。これは、アイコンはデザイナーにとって意味があるかもしれないが、ユーザーにとっては意味がないとデザイナーに警告しました。テキストベースのDOSアプリケーションからグラフィックスベースのWindowsプログラムへの移行に伴い、開発者は完全に理解できる単語を面白い小さな絵に置き換えることに夢中になっているようです。アイコンで何かを表すことができるからといって、それがそうであるべきだという意味ではありません!コメントパネルの上部にテキストメニューがあることに気づきました。これらの選択肢の意味を理解していますが、アイコンに置き換えた場合、マウスポインターをそれらの上に移動してテキストによる説明を取得しない限り、手掛かりはありません。

私はDosベースのCADDプログラムの使い方を独力で学びましたが、WindowsベースのCADDプログラムのいずれかで最も単純なタスクを実行することができませんでした。グラフィック操作プログラムでも同じ問題が発生しました。プリンタの写真などの一般的なアイコンのほとんどは知っていますが、学ぶべき新しいアイコンがたくさんあります。テキストメニューやオプションを理解するために、読み方を再学習する必要はありません。

コンピュータの世界がかわいい写真に夢中になって、いつの日かもっとわかりやすいテキストオプションに戻ることを願っています。

0
J P