web-dev-qa-db-ja.com

ナビゲーションのユーザビリティのベストプラクティスは?

私は現在、ソーシャルネットワークタイプシステムに取り組んでおり、ナビゲーションのベストプラクティスについて疑問に思っていました。アイコンまたはテキストを使用する方が良いでしょうか?私は、いくつかのもののためのアイコン、そして他のもののためのテキストの混合を考えていました。意見?

また、パンくずリストを実装することは良い考えでしょうか?

私の対象読者は主に初心者のコンピューターユーザーですが、コンピューターに習熟している人も対象としています。

14
AdamDV

アイコンはラベルで効果がないことで有名であり、トレーニングや経験なしに正しく解釈することは非常に困難です。ほとんどの状況で、ユーザーはアイコンのみの場合よりもテキストのみの場合の方が正しい解釈を学びます。参照:Wiedenbeck、S(1999)。エンドユーザーアプリケーションプログラムでのアイコンとラベルの使用:学習と保持に関する実証的研究。 Behavior&Information Technology、18(2)、p68-82。

アイコンは、プロファイルやグループなどの抽象的なものには特に適していません。これは、一般的に抽象的なものには強い視覚的イメージがないためです(たとえば、グループのアイコンは友達のアイコンとどう違うのですか?)。同様に、アイコンは特にアクション(フォロー、フレンドシップのリクエスト、投稿など)には適していません。プロセスでプロセスを明確に示すことは困難です。はい、アイコンは常にアクションのツールバーで使用されますが、ツールバーは専門家向けであり、それでもユーザーは頻繁に混乱します(平均して、ユーザーはWordを定期的に使用した後、= ユーザーは6つのWordツールバー項目しか知っていません2年間).

アイコンを使用すると、テキストよりもスペースを節約できますが、認識が犠牲になります。 16x16ピクセルなどの小さなアイコンの場合、ユーザーが画像の本来の目的はもちろんのこと、画像の本来の目的を認識することさえ非常に困難です。保存の「フロッピー」アイコンはテレビの写真だと思っていた1人のユーザー(彼女はフロッピーディスクが何であるかを知るのに十分な年齢でした)。私は長年Wordを個人的に使用しており、[変更の追跡]アイコンはある種の様式化されたRosetta Stoneだと思っていました。エキスパートユーザーは、コントロールを選択するためのアイコンラベルではなく、ツールバーコントロールの 記憶されている物理的な位置に依存 の方が簡単であると感じています。大きいアイコン(少なくとも32 x 32ピクセルなど)は認識に役立ちますが、スペースを多く取るため、スペースを明確なテキストラベルに使用する方がよいでしょう。

アイコンを正しく表示するのは非常に困難です。ユーザーテストを何度も繰り返すことなく、新しいアイコンを開発しないでください。それでも失敗するかもしれません。 Microsoftのデザイナーは、Outlookのツールバーの解釈可能なアイコンを作成するためにあらゆるものを試しました あきらめて、テキストラベルを使用して キーコントロール。

アイコンラベルも技術サポートを難しくします(たとえば、「青い丸で囲まれた人の群れをクリックしてください」、「「グループ」をクリックしてください」など)。

目安として、次の3つの条件のうち少なくとも2つが当てはまる場合にのみ、アイコンのみを許可する必要があります。

  1. スペースは非常に限られています(つまり、テキストだけでは小さすぎます)。

  2. アイコンは標準化されています(たとえば、ウィンドウの閉じるボタンの「X」アイコン)

  3. アイコンは、強い物理的なアナログまたは視覚的属性を持つオブジェクトを表します(たとえば、プリンター属性にアクセスするためのプリンターアイコン、またはページの背景を赤に設定するための赤い四角形)。

あなたの場合、#1は当てはまりません。 Webページのスペースが不足している場合、初心者にはアプリが複雑すぎます。 #2は、初心者が標準を必ずしも知っているわけではないため、初心者には適用されません。 #3は、各ページが一意に見える(したがって、各アイコンがページのサムネイルである)場合、ナビゲーションアイコンに適用されると考えるかもしれません。ただし、ユーザーはページがどのように表示されるか(たとえば、プロフィールページがプライバシーページとどのように異なるかなど)を必ずしも認識または覚えているわけではないので、手掛かりは不十分です。

単独で使用する場合、アイコンにはツールチップが必要ですが、テキストラベルの代わりにはなりません。ユーザーは物を探し回ってアプリを使用する必要はありません。

スペースが許せば、アイコンとテキストを組み合わせて、特定のアイテムを目立たせたり、視覚的な興味を引くことができます。また、アイテムのスキャン可能性も向上しますが、適切なテキストラベルでもこれが可能です。ユーザーは、実際にはパフォーマンスを改善しなくても、アイコンがあればアプリの方が簡単だと主観的に考えることが知られています。そのため、アイコンとテキストを組み合わせるのも1つの理由です。

22

ソーシャルネットワークのユーザビリティに関する私の考えは非常に単純です。ナビゲーションにはスタイル付きテキストリンクを使用します。アクションにはアイコンまたはアイコン+テキストを使用します。

例:ダッシュボード、プロファイル、グループ、エクスプローラ—ナビゲーションです。しかし、「友達に追加」、「フォロー」、「コメント」、「お気に入り」はアクションです。したがって、テキストはナビゲーション用であり、アイコンはアクション用です。

おそらく役立つリンク:

4
dobrych

アイコンはしばしば魅力的ですが、正しく表示するのは非常に難しいことを覚えておいてください。広く使用され、受け入れられているアイコン(返信、転送、戻る、印刷など)がありますが、アクションがこれらのカテゴリに該当しない場合は、テキストを使用することをお勧めします。

アイコンを選択する場合は、必ずそれらをテストしてください-友人/家族に見せて、それらの意味を尋ねてください(つまり、ここにいくつかの情報があります: アイコンの使いやすさをテストする6つの方法 ) 。

1
Zoltán Gócza