Great ramp-up experience on the new Flickr photo page

Flickr have redesigned their photo page and their interactive tour of the new layout and features is way nice:

New Flickr photo page tour 1

Some quick observations:

  • The prompt “Care for a quick tour?” is prominent yet unobtrusive and can be closed easily
  • The 5-step progress indicator shows at a glance how quickly you can complete the tour
  • Hovering your mouse cursor over each step displays the related annotations and hides them on mouse-out
  • Clicking on each step displays the related annotations more permanently and marks that step as ‘done’, subtly prompting you to move on to the next step
  • The last step includes a nice Easter egg style conclusion page with a call to action.

The best thing about this tour is that it takes place over the actual photo page all the while letting you interact with it and learn about the new features in real context.

Talk about a great ramp-up experience!

You can explore the actual photo page here (image credit: Aza Raskin).

New Flickr photo page tour 5

This entry was posted in Communication, General, Interaction design, Online service, Review, User experience and tagged , , , , , , . Bookmark the permalink. Both comments and trackbacks are currently closed.

One Comment

  1. Sami Pekkola
    Posted 10/08/2010 at 6:17 pm | Permalink

    This is a great example of my favorite rule of web design: When you don’t know what to say you can always show picture of cute animal. Can get wrong with that! I love Flickr, except the Yahoo’s login screen in between the Flickr-experience….

  • Volkside products

    • Naview helps you create easier navigations through prototyping and testing
    • Wirify is a bookmarklet that lets you turn any web page into a wireframe in one click
    • Tweetpond is an underwater-themed ambient visualisation of Twitter
    • More …