martes, 9 de octubre de 2012

16 examples of microscopic attention to detail in UX design

Posted 08 October 2012 13:54pm by Chris Lake with 7 comments

It is the little things in life that count, according to the old adage, and this is certainly true as far as user experience is concerned. The devil really is in the detail. 

All too often some minor oversight on a website makes me furrow my brow, but more and more websites are taking a microscopic approach to user experience and interface design, and the results can be useful, amusing, fun, and functional. 

I thought I'd share some of my favourites, as well as a bunch from Little Big Details, a fantastic website that collects these examples of smart user-focused design. It has hundreds to browse through, so if you're interested in UX design then do check it out.

The White Stuff's moody checkout icon

Note the sad face on the little shopping cart icon when you first visit The White Stuff's website.

Add an item into your basket and hey presto, that frown is turned upside down.

Last.fm's colour flip

In the header last.fm offers you the chance to 'Paint It Black'.

Click it to go monochrome.

Expedia's use of social proof and persuasion

Expedia creates perceived demand by telling you how many people are looking (and have looked) at the hotel you're interested in.

iPlayer cranks up the volume

BBC iPlayer embraces the spirit of Spinal Tap. See also the IMDB rating scale for that marvellous movie

Buffer lets you rewrite headlines

Buffer will use selected / highlighted text on a page to be the caption in your tweet. For those times when a quote is better than the headline.

Dribbble's browse by colour functionality

Dribbble.com displays a colour palette alongside an image. The colours of the image are represented, allowing you to drill down and browse other images with similar hues.

Boxee's logo takes a nap

The usual green logo turns orange and falls asleep when the device isn't connected to the internet.

Make Me A Cocktail app

Click 'search' without typing anything into the search box and it will suggest a random cocktail.

Bit.ly becomes your biggest fan

Drag the bookmark and the Bit.ly bird will cheer you on.

StreetView hangs ten

The StreetView icon in Google Maps is provided with a surfboard when you look at a map of Hawaii.

Skype's font-inspired sulk

Skype hates Comic Sans, like the rest of us. Notice the sad face…

Meetup widens the net

Meetup automatically expands your search criteria in the event that no results are found. 

Vimeo understands human nature

Vimeo knows that humans are often resistant to change.

The Amsterdam Museum knows what day it is

The Amsterdam Museum shows you the opening hours in its header for today.

…so does 37 Signals 

If you visit 37 Signals today it will wish you a 'Happy Monday'.

Ebay uses data to inform its UI

Ebay remembers your order history and will change the button from 'Buy Now' to 'Buy Another'.

I love the emotion, the persuasion, the knowing wink, and the way that small details as shown in the above examples can make you feel engaged and happy when using websites. 

What other examples are there that you have seen? Please leave a comment below if you spot anything!

No hay comentarios:

Publicar un comentario