web-dev-qa-db-ja.com

いつ以前にアクセスしたリンクとしてリンクを表示するのですか?

今日のウェブサイトには、ロゴリンク、グローバルおよびローカルナビゲーションリンク、補足リンクまたは関連リンク、その他のヘッダーリンク、フッターリンク、インライン関連リンクなど、さまざまなリンクが含まれています。私たちはJakob Nielsenから、 アクセスしたリンクの色を変更しない がWebデザインの3番目に最悪の間違い(2011年更新)であることを学びました:

過去のナビゲーションをよく理解することは、現在の位置を理解するのに役立ちます。これは、それがあなたの旅の頂点であるためです。次に、過去と現在の場所を知ることで、次にどこへ行くかを決めるのが簡単になります。リンクは、このナビゲーションプロセスの重要な要素です。ユーザーは、以前のアクセスで役に立たなかったリンクを除外できます。逆に、彼らは過去に役に立ったと思ったリンクを再訪するかもしれません。

最も重要なのは、ユーザーがすでにアクセスしたページを知ることで、ユーザーが同じページを何度も何度も何度も訪問することから解放されます。

これらの利点は、1つの重要な仮定の下でのみ発生します。ユーザーが訪問済みリンクと未訪問リンクの違いをサイトが異なる色で表示するため、ユーザーがそれらを区別できるということです。訪問したリンクの色が変わらない場合、ユーザーはユーザビリティテストでナビゲーションの混乱を示し、同じページを繰り返し意図せず再訪します。

このステートメントはまだ有効です。できる限りユーザーにその場所を知らせたいと思います。しかし、それはすべてのリンクで機能するわけではありません。グローバルナビゲーション-確かではありませんが、インラインリレーショナルリンクです。しかし、どこに線を引くのでしょうか。アクセスしたときにどのリンクの色が変わるのか、どのリンクが元のリンクの色を維持するのか?

mockup

download bmml sourceBalsamiq Mockups で作成されたワイヤーフレーム

10
Benny Skogberg

この問題について考えれば考えるほど、結論にたどり着きますnot訪問したリンクを強調表示する正当な理由はありません。グラフィックデザイナーは、メインメニューやタブの色を変更するのは見た目が良いとは思わないかもしれませんが、訪問者はあなたを好きになるでしょう。

ウェブサイトの一部には、Amazonのファセットナビゲーションのオプションなど、実際にはナビゲーションではないリンクが含まれている場合があります。 :visited coloringを介して、ここでクリックしたものを逆追跡できるとは思いません。それらはアクションボタンに似ています。アコーディオンの開閉や折りたたみメニュー(Microsoft.comのメガメニューなど)を開くリンクの場合も同じです。実際にはナビゲーションではないので、クリックしても色が変わりません。

メニューや他の場所で:visitedリンクに色を付けていない大規模なサイトがたくさんあります。 Microsoft.com、Dropbox.comなど。これには十分な理由があると思います。そして、それはサイトがナビゲートするのがそれほど難しいようではない。だから、はい、おそらく:visitedリンクを色付けしないで済むでしょう。正しくありません。

4
Koen Lageveen

リンクはタブまたはナビゲーションメニューの代わりに軽量として使用される場合があります。これらの状況では、優れたWebサイトの処理方法には大きなばらつきがあります。

Dropboxはリンクをナビゲーション要素として使用するWebサイトの例であり、予想どおり、一度訪問すると色が変わりません(スクリーンショットを撮る前にこれらのリンクの多くにアクセスした場合でも)。

enter image description here

ただし、Wikipediaはナビゲーション要素としてリンクも使用しますが、これらのリンクを訪問済みとしてマークすることを選択します。

enter image description here

ここには正解も不正解もありませんですが、リンクをナビゲーション要素として使用する場合、リンクはナビゲーションとして扱われるタブまたはメニューである必要があります。リンクのように見えます。

3
JohnGB

素晴らしくシンプルなページとリンクのモデルは、長い間「攻撃を受けています」。最初はNetscapeのフレームの大失敗から、最近はAjaxから、そしてappsへの傾向pagesの代わりに。したがって、現在、主に2つのモデルがWebで使用されています。古いページモデルと新しいアプリモデルです。これらのモデルに互換性を持たせる方法はまだ検討中であり、グーグルやヤフーのような大企業でさえもそれに対応していません。

だからあなたの質問に良い答えがあるとは思いません。テキストフローに従来のリンクを含むドキュメントをフレーム化して管理する、アプリスタイルのプレス可能な(タブ、ボタン、ナビゲーションアイテム)の限られたセットのスタイルがあり、私がそれに慣れようとしているようです。 。しかし、私はこのアプローチは複雑なアプリケーションに拡張できないかもしれないと思います。

私はYahoo Mail、Gmail、Twitter(高い可視性、大量、高開発リソース)を調べたところ、all訪問したリンクの色の管理の問題を無視しているようで、見つけることができません任意それらのウェブサイト/アプリケーションの訪問済みリンク表示。これらのサイトでは、訪問したリンクを示すためではなく、色が使用されています。

従来のドキュメント中心のWebページは、訪問済みリンクインジケーターによって明らかに強化されていますが、複雑なアプリケーション指向のWebページの情報はやや役に立たず、紛らわしいかもしれませんが、途中のどこかにいると、パンツ。重要なことは、visited-link-cueを失うことに決めたときに、それを失うことのユーザビリティへの影響を認識していることです。

1
obelia

ユーザーが1つ以上のセクションのほとんどを閲覧する必要がある、または通常は閲覧する必要がある高度にセクション化されたサイトがあるかどうかを検討します。

その場合は、進捗バーを表示して、ブラウジング完了

mockup

download bmml sourceBalsamiq Mockups で作成されたワイヤーフレーム

0
New Alexandria