Visited links should appear in a different color #2144

Closed
kevinburke opened this Issue Feb 21, 2012 · 6 comments

Comments

Projects
None yet
7 participants

This is a well known usability principle; it helps people navigate sites by showing them which pages they have seen already.

From http://www.useit.com/alertbox/20040503.html:

empirical observations from user testing have identified several severe usability problems on sites that violate this convention. When sites use the same color for visited and unvisited links, users:
  • unintentionally revisit the same pages repeatedly;
  • get lost more easily because their understanding of each link's meaning is reduced;
  • often misinterpret or overlook the difference between two similar links if they’re unsure about which one they've already visited; and
  • give up faster because they have a reduced sense of mastery when the site fails to reflect their actions and thus help them navigate.
Owner

mdo commented Feb 21, 2012

We leave this up to developers. In applications, visited isn't useful and can actually be detrimental.

mdo closed this Feb 21, 2012

Sorry - do you have any evidence to back up that assertion?

greg606 commented Mar 13, 2012

I don't think buttons should have visitited illegible black color. nonsense

sandacn commented Sep 3, 2012

I think we should add this feature as if we has not add a:visited css style, the links that have clicked and the non clicked have no diffence.
In my project, i add it to page a:visited xxx,it solve the problem.

but as a base css lib, we should add this feature. If users found this is not what they want, just add another css style to override it. it become perfect.

yaph commented Jan 25, 2013

Ironically, Jakob Nielsen forgot that Linkrot reduces the usability of the Web and moved the article about link colors without a proper redirect.

I don't buy the application argument, to me it seems like a decision in favor of visual appeal rather than usability. Thankfully, it's easy to override the way it is now, you just have to remember it for every website.

If you're using the less version of Bootstrap, you can try this Gist I made as a base:
https://gist.github.com/MonkeyDo/60eac7106414ba8d9405

cvrebert added the css label May 23, 2015

cvrebert locked and limited conversation to collaborators May 23, 2015

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.