User Experience Design
lessons from
Pornography
by @kingsidharth
for Barcamp Mumbai 12 (Sep 2013)
Slide 2
Slide 2 text
Peter
&
his li le man
Let’s talk about
They need some action & relief.
Slide 3
Slide 3 text
Pressure
Urgency
Specific Purpose
And handicapped
Factors in play:
poor thing can use only one hand.
Slide 4
Slide 4 text
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:
Slide 5
Slide 5 text
Poor Peter
Slide 6
Slide 6 text
Peter = Your User
Let him do what he wants to do.
Slide 7
Slide 7 text
Get out of the fucking way.
Lesson:
Let users do, what they want to do.
Porn: Get off
Commerce: Make a purchase
Social Network: Talk
Blog: Read
Slide 8
Slide 8 text
But Peter doesn’t like
what he sees.
Peter logs on to a better site
Peter decides to watch a video.
Slide 9
Slide 9 text
Peter looks for
alternatives in his vicinity.
Ah! Related Videos!
Slide 10
Slide 10 text
Happy Peter
Slide 11
Slide 11 text
Have fallback actions.
Lesson:
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.
Slide 12
Slide 12 text
The black background, hot porn, so
many options...
Peter really likes this site.
Things are pacing up.
the like & tweet button are odd, though.
Slide 13
Slide 13 text
Use Visuals to Create the
Mood
Lesson:
Aid actions & emotions with visual mood
Better typography for reading.
Better controls for video.
Better speed for apps.
But DO NOT distract.
Slide 14
Slide 14 text
He clicks to open, and
clicks to close
Peter has no problem finding his way
He knows his way through every porn site!
Slide 15
Slide 15 text
A Case of
Good Usability &
User Expectation
Let’s see the invisible
Slide 16
Slide 16 text
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.
Slide 17
Slide 17 text
Peter doesn’t like that
Slide 18
Slide 18 text
Leverage Usability &
User Expectation
Lesson:
In this one place, follow the crowd.
Unless you know why and how you’re breaking it.
Slide 19
Slide 19 text
Peter is done.
While we were at this...
Slide 20
Slide 20 text
And so are we!
Thank you.
This idea is still under construction.
For ideas, suggestions, threats, and discussions:
@kingsidharth
or king@kingsidharth.com