web-dev-qa-db-ja.com

リンクにアクセスしたことをユーザーに示す方法は?

それは良い習慣ですか訪問したリンクを別の色にする訪問していないリンクから?多くのブラウザは訪問済みリンクをバイオレットにします。

それとも良いですか下線を削除する訪問されていないリンクに下線が引かれている場合、訪問されたリンクから=?

それとも他にもっと良いテクニックはありますか?

5
webvitaly

訪問していないリンクよりも、訪問したリンクの色differentを使用することをお勧めします。ユーザーが実際に信じる/必要とする想起ではなく認識:ヒューマンコンピュータインタラクションの原則の1つ。

色が異なる場合、ユーザーが参照/訪問したリンクを認識しやすくなり、役に立たないリンクに再度アクセスすることがなくなります。

または、リンクが異なる色で認識されるため、リンクが役立つ場合は、リンクを使用して訪問することもできます。

7
talktokets

Webリンクのスタイルを決定するためのガイドの記事をご覧くださいSmashing Magazineで。

そこにはたくさんの素晴らしい提案とベストプラクティスがあります。

私は先に進み、それらのいくつかを引き出してここに表示しました。


前書き

ハイパーリンク(またはリンク)は、Webページを接続します。これらはウェブを機能させるものであり、ボタンをクリックするだけで、あるページから次のページに移動できます。 Web Standardistas と言うと、「ハイパーテキストリンクがないと、WebはWebではなく、単に接続されていない別個のページのコレクションになります。」。したがって、リンクがなければ、私たちは失われます。さらに冒険したいときは、ページでそれらを探します。もちろん、少し読んで一時停止しますが、必然的に何らかのリンクをクリックすることになります。

スタイリングリンク

リンクのスタイルを設定するときは、ユーザーが読んでいないことに注意してください。彼らはスキャンします。あなたはそれを以前に聞いたことがあります、そしてそれは本当です。したがって、リンクが明確であることを確認してください。また、ユーザーをどこに連れて行くかを示します

コントラストを確保

リンクを青色にする場合は、他のテキスト(見出しを含む)が青色でないことを確認してください。これもユーザーがリンクであると期待するためです。

また、リンクされていないテキストには下線を付けないでください。ユーザーは下線付きのテキストがリンクであることを期待しています。 視力の弱いユーザーを覚えておいてください。赤は色覚異常の人には目立たないため、色を変更するだけでなく、リンクに下線や太字を付けることを検討してください。

リンクを忘れないでください

アクセスしたリンクは見過ごされがちですが、特により大きなWebサイトでは非常に役立ちます。以前に訪れたことのある場所を知ることは、ユーザーが以前に訪れたページを避けたい場合や、再度アクセスするようにしたい場合などに役立ちます。

アクセスしたリンクを濃い色にして、目立たないようにしますが、アクセスしていないリンクほど明確ではありません。

ホバー状態

リンクの上にカーソルを置いていることをユーザーにフィードバックすることは良い習慣です。これを行う最良の方法は、背景色を変更するか、テキストの色を変更するか、下線を削除することです。

a:hover {text-decoration:none; text-shadow:0 0 2px#999; }

通常、ユーザーがリンクの上にマウスを置くと、マウスポインターが矢印から手に変わります。しかし、この機能は時々失われます。たとえば、IEリンクにspan要素が含まれている場合、または[送信]ボタン上にあります。これを修正するには、カーソルタイプを追加しますCSS経由。

2
Code Maverick

ユーザーがどこにいたかを知らせることは良い習慣であり、デフォルトではこのリンクはVioletです。しかし、より重要なのは、このリンクは未訪問のリンクとは異なる必要があり、どちらであるかをユーザーに明確にすることです。テキストの下線は読みやすさに影響を与えるので、使用しないでください。

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

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

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

参考: Webデザインの間違いトップ1 (2011)

下線

しかし、ダルトニアン(アクロメート)ユーザーに対処するために下線を使用したい場合は、可能です。問題は、アクセスされたリンクの下線を削除できないことです。これは、それらのユーザーがそれらに気付かないためです。たぶん、あなたはソリッド(_)からドット(...)の下線に変更できますか?しかし、私の知る限りでは、これに対する慣習はありません。

主なことは、未訪問の訪問済みリンクを、ユーザーが理解する方法で区別することです。

2
Benny Skogberg

訪問済みリンクを別の色にするのは確かに良い習慣です。これにより、ユーザーは訪問したリンクを簡単に識別し、リンクに移動する必要があるかどうかを識別できます。時々彼は何かを検索するときに新しいリンクを訪問することを探しているかもしれませんし、時にはリンクを再訪する必要があるかもしれません。したがって、選択するリンクが多い場合は、アクセスしたリンクの色を変更することをお勧めします。

もう1つの魅力的な方法は、画像(箇条書きなど)を付けることです。リンクにアクセスしたときに、画像の色を変更できます。より魅力的ですが、最初の方法の方が簡単です。訪問済みまたは未訪問のリンクに任意の色を付けることができますが、標準ユーザーと新規ユーザーが混乱しないため、紫と青に保つことをお勧めします。

2
prince