web-dev-qa-db-ja.com

訪問済みリンクと未訪問リンクをマークする方法

多くのリンクが含まれている可能性があり、そのコンテンツが任意の数と任意の順序でアクセスされた可能性があるリストの訪問済みリンクと非訪問リンクのマーキング(色、スタイルなど)の最適な組み合わせは何ですか。

ベストは次のように定義されます:

  • 見ていて耳障りではない
  • リストをまとまりのある見た目にし、訪問されたリンクの場所や数に関係なく、単一の要素全体のようにします。
  • どちらのセットも非アクティブであることを意味しない
  • すべてのリンクをはっきりと読みやすくする
1
Toni Leigh

カラーコーディング

90年代に戻ると、標準は明るい青色(#0000FF)が未訪問のリンクを意味し、鈍い紫(#800080あたり)が訪問済みのリンクを意味するというものでした。多くのユーザー まだ関連付けるリンクが青みがかる のさまざまな色合い、特に訪問したリンクに関連付けられている紫色のユーザーもいます。 Googleは青と紫の慣例に従っていますが、鮮明さを高めるために青を賢く暗くしているため、標準が一部のユーザーの頭に残っている場合があります。配色に青の色合いがある場合は、それを未訪問のリンクに使用し、訪問済みの場合は赤にシフトしてみて、どのようになるかを確認してください。

より一般的には、訪問されたリンクを区別するために 何らかの色分けが推奨されます 。訪問していないリンクを訪問済みのリンクよりも明るく(彩度を高め、背景とのコントラストを強く)(背景によっては淡くまたは鈍く)して、訪問したリンクが「摩耗」していることを示唆してみてください。訪れたリンクが灰色ではない(彩度がゼロでない)限り、それらはまだアクティブに見えます。

通常の手順 (たとえば、 Breaking the Color Code )の計算を参照して、適切に区別しながら、互いに類似している(まとまりのある)選択した色を選択できます。 、アクセス可能、そしてあなたの背景に対して読み取り可能です。

色の代替

色の使用は半ば任意であり、ユーザーが見つけにくい場合があります。色を使用すると、撮影している配色も乱れる可能性があります。残念ながら、これを色分けすることほど良いことはないでしょう。私の夢の中で、標準化された 各リンクのアイコン (タイトル/ツールチップ付き)は、リンクが訪問されたかどうかを(とりわけ)示すでしょう。たとえば、アクセスしたリンクのアイコンにチェックマークを付けることができます。しかし、多くのサイトで広く使われていなければ、アイコンはうまく機能しないと思います。アイコンは小さくなければならないため、認識しにくくなり、一般的にアイコンは わかりにくくする になります。役に立たないアイコンを取得するためだけに、何度も試してみる必要があります。

一方、ユーザーがサイトを定期的に使用している場合は、アイコンを開発する価値があり、アイコンをユーザーに説明するために、ツールチップに加えてサイトに凡例を含めることもできます。これは特に、ユーザーがアクセスしたものを知ることが非常に重要である場合(たとえば、一部のページの読み込みが遅い)、またはユーザーがアクセスした場所を精神的に追跡することが難しい場合(たとえば、多数のリンク、 1つ以上のリンク、リンクの位置の変更(たとえば、並べ替え基準の変更による)、またはリンクの名前の変更)。ユーザーが定期的にサイトを使用していないが、アクセスしたリンクとアクセスしていないリンクを区別することが特に重要である場合、訪問した各リンクの後に「(閲覧済み)」のような簡単なテキストラベルを配置することは価値があるかもしれません。

5