1. User Experience Design
for Barcamp Mumbai 12 (Sep 2013)
his li le man
Let’s talk about
They need some action & relief.
Factors in play:
poor thing can use only one hand.
4. Please Sign-up for updates!
Pay with a tweet!!!!
Subscribe to our newsle er!
Invite your friends? Please?
He opens his favorite site and meets:
5. Poor Peter
6. Peter = Your User
Let him do what he wants to do.
7. Get out of the fucking way.
Let users do, what they want to do.
Porn: Get off
Commerce: Make a purchase
Social Network: Talk
8. But Peter doesn’t like
what he sees.
Peter logs on to a better site
Peter decides to watch a video.
9. Peter looks for
alternatives in his vicinity.
Ah! Related Videos!
10. Happy Peter
11. Have fallback actions.
If they don’t sign-up, have a backup plan
Offer more information.
Offer more things to read.
Offer more things to watch.
KEEP PETER AS LONG AS YOU CAN.
12. The black background, hot porn, so
Peter really likes this site.
Things are pacing up.
the like & tweet button are odd, though.
13. Use Visuals to Create the
Aid actions & emotions with visual mood
Better typography for reading.
Better controls for video.
Better speed for apps.
But DO NOT distract.
14. He clicks to open, and
clicks to close
Peter has no problem ﬁnding his way
He knows his way through every porn site!
15. A Case of
Good Usability &
Let’s see the invisible
16. Photos, lists and previews.
Links are always links.
Play bu on is always in the same place.
Porn sites have similar UI patterns:
This might sound obvious. But many sites
kill basic usability and break expected
behavior in the name of design.
17. Peter doesn’t like that
18. Leverage Usability &
In this one place, follow the crowd.
Unless you know why and how you’re breaking it.
19. Peter is done.
While we were at this...
20. And so are we!
This idea is still under construction.
For ideas, suggestions, threats, and discussions: