Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
Classifieds UX Power to the User
1. Power to the User!
Joost Wolzak | 12 December 2012
2. About me
• 13 years experience in UEX research & design
• Living in Cape Town
• Currently Head of UEX @ OLX
• Previously UEX guy @ Marktplaats.nl
– Mobile site & apps UEX
– New Marktplaats UEX (just launched)
– Connectivity (between buyers and sellers)
MIH Classifieds Training 12/12/12 2
4. Power to the User
• Make a great first impression
• Make it look easy to use
• Offer possibilities, not tasks
• Help people find the unexpected
• ONE BIG FAT PUSH BUTTON
• Say ‘goodbye’ to ‘goodbye’
• [Secret]
MIH Classifieds Training 12/12/12 4
5. • I will show you 3 screens quickly
MIH Classifieds Training 12/12/12 5
13. • What did you see?
MIH Classifieds Training 12/12/12 13
14. Scene gist (Mary Potter, 1976)
You have 1/20th of a second to make a
great first impression
• Use instantly recognisable images (ads)
• Make sure you use the right colours
–blog.kissmetrics.com
–www.mariaclaudiacortes.com
MIH Classifieds Training 12/12/12 14
15. • Now have a look at 2 home pages
• What are they about?
MIH Classifieds Training 12/12/12 15
21. Power to the people
• Make a great first impression
• Make it look easy to use
• Offer possibilities, not tasks
• Help people find the unexpected
• ONE BIG FAT PUSH BUTTON
• Say ‘goodbye’ to goodbye
• [Secret]
MIH Classifieds Training 12/12/12 21
24. Inattentional blindness (Simons & Chabris, 1999)
Grouping & white space Optimise for viewing direction
MIH Classifieds Training 12/12/12 24
We can only focus on so many things at the same time
26. Power to the people
• Make a great first impression
• Make it look easy to use
• Offer possibilities, not tasks
• Help people find the unexpected
• ONE BIG FAT PUSH BUTTON
• Say ‘goodbye’ to goodbye
• [Secret]
MIH Classifieds Training 12/12/12 26
27. It’s not only about this situation
anymore
MIH Classifieds Training 12/12/12 27
28. Design for highly variable contexts
A
MIH Classifieds Training 12/12/12 28
29. Design for highly variable contexts
MIH Classifieds Training 12/12/12 29
30. Design for highly variable contexts
MIH Classifieds Training 12/12/12 30
31. How does their usage differ?
PC users Mobile users
MIH Classifieds Training 12/12/12 31
34. • Tasks are about completion
• Possibilities are interactions that accrue over time…
• … or facilitate exploration…
Offer possibilities, not tasks
MIH Classifieds Training 12/12/12 34
35. Design for interruptions and partial
attention: Snorkeling, not deep diving
MIH Classifieds Training 12/12/12 35
36. Offer pebbles instead of boulders
From WYSIWYG to WYDIWYG
MIH Classifieds Training 12/12/12 36
37. Reveal your possibilities gradually
Nested Doll Pattern
Browse, search > going deep
Hub & Spoke Pattern
Airports & Item pages
MIH Classifieds Training 12/12/12 37
38. Reveal your possibilities gradually
Bento Box
Japanese Lunch boxes, Ipad apps
Filtered view pattern
Different views on same content
MIH Classifieds Training 12/12/12 38
48. Get abundance quick, ensure
quality later
MIH Classifieds Training 12/12/12 48http://share.axure.com/NFEGCF/
49. 3. Speak your power
• Make a great first impression
• Make it look easy to use
• Offer possibilities, not tasks
• Help people find the unexpected
• Say ‘goodbye’ to goodbye
• ONE BIG FAT PUSH BUTTON
• [Secret]
MIH Classifieds Training 12/12/12 49
52. Help people find the unexpected
MIH Classifieds Training 12/12/12 52
53. Which one are you?
MIH Classifieds Training 12/12/12 53
54. Which one are you?
IKEA Walmart
MIH Classifieds Training 12/12/12 54
55. Ensuring abundance
• In categories, locations & filters
• Reduce # of options available to the user
• Default ‘title & description’
• Inspire by offering similar ads
• More…
MIH Classifieds Training 12/12/12 55
56. Ensuring abundance
Users who select their area code do 21 pages per visit
against an average of 6 page views.
MIH Classifieds Training 12/12/12 56
57. 3. Speak your power
• Make a great first impression
• Make it look easy to use
• Offer possibilities, not tasks
• Help people find the unexpected
• Say ‘goodbye’ to goodbye
• ONE BIG FAT PUSH BUTTON
• [secret]
MIH Classifieds Training 12/12/12 57
63. Finish your ad later
MIH Classifieds Training 12/12/12 63
64. Design for the network effect
MIH Classifieds Training 12/12/12 64
65. 3. Speak your power
• Make a great first impression
• Make it look easy to use
• Offer possibilities, not tasks
• Help people find the unexpected
• Say ‘goodbye’ to goodbye
• ONE BIG FAT PUSH BUTTON
• [secret]
MIH Classifieds Training 12/12/12 65
66. ONE BIG FAT PUSH BUTTON
“ Force yourself to
design every page with
one and only one
primary objective.
That’s the banana.
Make it big. Make it
blue (or red). Make it
obvious.”
MIH Classifieds Training 12/12/12 66
69. Which one is better?
MIH Classifieds Training 12/12/12 69
70. Which one is better?
MIH Classifieds Training 12/12/12 70
71. 3. Speak your power
• Make a great first impression
• Make it look easy to use
• Offer possibilities, not tasks
• Help people find the unexpected
• Say ‘goodbye’ to goodbye
• ONE BIG FAT PUSHING BUTTON
• [secret]
MIH Classifieds Training 12/12/12 71
72. What do your users want?
• Map their mental model
– MOST important reason to do user research!
– But you can also DIY: Storyboarding
MIH Classifieds Training 12/12/12 72
73. 2. Create a happy story about your users
MIH Classifieds Training 12/12/12 73
74. 1. Create a happy user story
MIH Classifieds Training 12/12/12 74
75. 2. Write down user needs
MIH Classifieds Training 12/12/12 75
76. Others opinion
3rd parties
• What does Autoweek say?
• Did it appear on Top Gear?
• Is this a cool car?
• How is this car reviewed?
• What are the good/bad things
about this car?
• Is this car/brand popular?
• Why should I buy this car?
Other peoples
opinion
• Does this car look fancy?
• What do my friends think?
• What do other people think?
• What do current and previous
owners think?
• I need help from someone
knowledgeable.
Uniqueness
USPs
• Does the car have damage?
• Which guarantee does the car
offer?
• Is this the face lifted model?
• What makes this car unique?
• What are the USP’s?
• What is the service history?
• What is the history of this car?
• I don’t want to scroll up/down to
check details with visible facts.
• I need to see the car from all angels
– I don’t like surprises.
Comparison
- price
• How does the price relate to my
result set?
• How much room to negotiate?
• How does this price relate to the
same cars given the mileage?
• Where in the price range is it?
• How much do I save compared to
buying new?
• Is this at good deal compared to
similar cars?
• I don’t know anything about prices.
Is this ok?
• What is a good deal?
• Is the color blue a nice blue color?
• How does the price/km/year ratio
look like for this car?
• I need to compare details with my
own car
• How can I save this car easily (and
compare it with other cars later?)
• How many similar cars are there on
MP?
• What are the USPs of this car
compared to my result set?
• What are the attributes of this car
that other cars in my result set also
have?
Comparison
against other
ads
High level
summary /
guidance
• Is it a durable car?
• Is this a good car for me and my
family
• Is it a safe car?
• Is this a green car?
• Is it a fast car?
• I need a scale to measure against
Seller - TnS
• Can I trust seller?
• How far away is the seller?
• Is the seller a professional?
• What guarantee does the seller
offer?
• Is the mileage correct?
• I need to be sure that the details
are ok and checked / trusted
Total cost of
ownership
• What is the cost of driving this car?
• How much does this car cost to
own per month?
• Is this car cheaper to own than
other cars in my result set?
• Is this car cheaper/more expensive
to own than my current car?
• Is it expensive to maintain?
• Can I afford this car?
MIH Classifieds Training 12/12/12 76