Styling visited links for a better world
by Bence Kucsan 1 year, 7 months ago on Jan 09, 2007 - Commentary (13) - Filed under - UX & Design - Grab the RSS


Yes, I'm just back from the battle against the mean
"Have I already seen this or should I click it?" feeling, which was
here to destroy user experience. Did I win? Well, time and YOU will decide it.



Navigation design is one of the most important factors of usability. The understanding of where I am now, where I have been and where can I go keeps visitors from getting lost, which is often the case by today’s huge mass of content generated daily. I’m not the first and sure not the last who thinks about the importance of styling visited links. Jakob Nielsen sees this as one of the oldest usability issue for example, Mike Davidson made it radical and Dan Cederholm started a conversation concerning the topic, just to mention a few.

Styling visited elements

The idea to actually take a little step further and use the visited status idea for blog entries the user have read is not a new one in my mind, but the last push was given me yesterday, when visiting Dave Shea’s recently redesigned Mezzoblue. The site’s layout allows you the see the 6 newest entries even if you’re on a deeper page.

Dave Shea's Mezzoblue

www.mezzoblue.com ↑ With a really - and with really I mean a really-really - easy step (adding some greyness to the a:visited) Dave made sure, that his visitors are realizing immediately if there is new content on the site, because it shows up white. This is a quiet handy feature of his site, not to mention the other great details of his redesign, but we don’t want to get off-topic, do we?

Styling visited elements in the broadest sense

As mentioned this gave me the last inspirational push to develop a way to visualize the process of reading yourself through on this site. As I use big 280 x 155 pixel areas to present an entry - except on the archives page, becouse of the amount of content they wouldn’t fit - I don’t wanted to tweak the title, more the box itself, because forms and colors are faster realized by human eyes than text.

Svenigson.com

www.svenigson.com ↑ As the result you can easily recognize at first sight which entry is new and which you have already read. Hope you like and find your way easier through the site!



by Bence Kucsan 1 year, 7 months ago on Jan 09, 2007 - Commentary (13) - Filed under - UX & Design - Grab the RSS
 
13 Comments  ↓  Last 5 months, 2 weeks ago + Add
 
Bence 
13 comments, add yours!

Your thoughts are welcome!
Make your voice heard, fill out the comment form below and don't be shy to hit that big blue button.

Matt 
on January 11, 2007 at 14:14

Very interesting method you have implemented here Bence.

You know, while initially glancing over your homepage I became quite confused as to what I was looking at, but after going back now, I really like it. I like the fact that each article’s link occupies a large chunk of screen real estate. Perhaps I was initially confused because it’s a very unconventional method. I do think it’s cool though.

It would look even better if you tried to include an image of some sort with every post, to give each article on the main page a little more individuality.

Good luck mate.

by Matt 1 year, 6 months ago - Permalink - Add a Response
 
on January 11, 2007 at 14:53

Wow, you love Neubix/Big Noob/Pure Volume my friend!! ;)

Still, nice though, and a good article.

by 1 year, 6 months ago - Permalink - Add a Response
Bence 
on January 11, 2007 at 15:55

@ Matt - And that’s exactly what my goal was. Present entries in an unconventional way, and I’m glad You like! My original idea was to have small teaser pictures to every entry, but after implementing it became a bit messy though. Not to mention loading time and bandwidth consume, You know. The site is already a very bad bandwidth-eater, must admit…
@ Mikey - Well, I love them as any of the great sites and it’s designers. True. Still, thank You, there is more coming!

by 1 year, 6 months ago - Permalink - Add a Response
luddep 
on January 11, 2007 at 20:30

A bit off topic, but I seriously love your design man. Its original, and ways to display content and comments in a way I havent seen before. I digg it!

by luddep 1 year, 6 months ago - Permalink - Add a Response
Viking KARWUR 
on January 12, 2007 at 02:33

I like the colour scheme… inspired one… cool design… congrats…

by Viking KARWUR 1 year, 6 months ago - Permalink - Add a Response
Martin Kool 
on January 14, 2007 at 01:14

Getting back on topic, I do feel that the styles for read and unread items on your front page are confusing. Well, at least to me at first glance. To me the items with a lighter background attract my attention, while those are the ones I’ve already read.

Wouldn’t it make more sense to give unread items a grayed out style?

That aside, the style you have going on here is insane. I see a *lot* of site, but this just jumps out.

by Martin Kool 1 year, 6 months ago - Permalink - Add a Response
Bence 
on January 14, 2007 at 02:47

@ Martin - And if You knew how long I’m tweaking on this issue… Some of the changes I did live today afternoon, so if some of You experienced strange behavior while browsing, well exactly that’s what the reason was.

by 1 year, 6 months ago - Permalink - Add a Response
Kevin 
on January 14, 2007 at 21:51

For some reason the visited items don’t change for me. Every link on your homepage is the same. They all are white with a cross in it and a grey border. Even though, I have visited a few pages to check it out. It just isn’t working. I’m using Firefox 2.0 on Windows XP.

by Kevin 1 year, 6 months ago - Permalink - Add a Response
Bence 
on January 14, 2007 at 21:54

@ Kevin - Try to clear your cache.

by 1 year, 6 months ago - Permalink - Add a Response
Kevin 
on January 17, 2007 at 22:03

Still doesn’t work

by Kevin 1 year, 6 months ago - Permalink - Add a Response
Bence 
on January 17, 2007 at 22:35

OK, Kevin here we go! Background new entry and background visited entry. It works on all available browsers out there, tested. Especially on XP and FF combo, it’s my standard too, but not for long anymore

by 1 year, 6 months ago - Permalink - Add a Response
Martin Kool 
on January 20, 2007 at 20:54

Very nice Bence, I like what you did with it. The new visuals communicate well.

by Martin Kool 1 year, 6 months ago - Permalink - Add a Response
Dubai 
on February 19, 2008 at 10:53

Simply great design! Stunning

by Dubai 5 months, 2 weeks ago - Permalink - Add a Response
 
 
 
Leave a Comment
Make your voice heard, fill out the comment form below and don't be shy to hit that big blue button.


Comment                                                                                                                                              *required
Name                                                              *required

E-Mail Address

Website URL

Personal Options
 Remember my personal information

 Notify me of follow up comments

Nothing to say?
No problem, just give stars like they were cookies
Rate Entry
from 5773 readers

I'm not a fan of any form of moderation, but off-topic, offensive comments may be deleted, repeat offenders are playing with a lifetime ban from commenting. Thanks for helping me making this a cool place to be.