Facebook UI Simplified (Case Study)

3,571 views

Published on

A quick UI examination and simplification of Facebook's TOP NAV system.

John McElhenney was a Social Media Strategist at Dell Computer for 2 years. You can follow him at @jmacofearth

Published in: Technology, Business, Design
2 Comments
1 Like
Statistics
Notes
No Downloads
Views
Total views
3,571
On SlideShare
0
From Embeds
0
Number of Embeds
26
Actions
Shares
0
Downloads
27
Comments
2
Likes
1
Embeds 0
No embeds

No notes for slide

Facebook UI Simplified (Case Study)

  1. 1. a guerilla consultation May 5, 2009 onSlideshare.net presented by John McElhenney http://uber.la& @jmacofearth
  2. 2. Pop Quiz: Where do the following 4 nav elements go? Can we simplify the experience for clarity? socialmediainnovation group © 2009 John McElhenney
  3. 3. Two navigation elements go to the same destination. Solution: delete [Home] and let the [Logo] stand alone. socialmediainnovation group © 2009 John McElhenney
  4. 4. Again two navigation elements go to the same destination. This time [Name] is also providing orientation information. Solution: Delete the [Profile] socialmediainnovation group © 2009 John McElhenney
  5. 5. Reducing Navigation clutter is always a good idea. Duplicate Nav elements are not just bad design, they are confusing to the user. And now we have a huge open Nav area for future functionality. There’s one more item we can remove. socialmediainnovation group © 2009 John McElhenney
  6. 6. We could also move [Settings] onto the profile page. Since this is where we manage tabs, and profile settings we can combine [Settings] at this point. Settings socialmediainnovation group © 2009 John McElhenney
  7. 7. So we have taken the Top Nav elements from 9 to 6. The user has clearer choices about what’s available. And reducing user fatigue by 33%! 1 2 3 4 5 6 7 8 9 socialmediainnovation group © 2009 John McElhenney
  8. 8. Thank You txt: “jmacofearth” to 50500 socialmediainnovation group © 2009 John McElhenney

×