Your SlideShare is downloading. ×
0
cxpartners 1@gilescolborneSimplicity
2I would not give a figfor the simplicitythis side of complexity,but I would give my life forthe simplicity on the othersi...
Advanced simplicity@gilescolborne3
4
5
6
7
http://www.flickr.com/photos/vanf/5321214369/8
9
10
11
http://www.flickr.com/photos/iwouldstay/145628030/12
Donald Norman13Simplicity isnot the answer
Leonardo Da Vinci14Simplicity isthe ultimatesophistication
Simplicity is an experience15
16How it’s engineered
17
18
How it feels to use19How it’s engineeredHow it looks
20
What is minimal?GO21
May 2013 GOUsable22
Nov 2013 GO23
May 2012 GO24
May 2013Apr 2013Mar 2013Feb 2013Jan 2013Dec 201225Simple
Simplicity = Extreme usability26
Efficiency Effectiveness SatisfactionUsabilityISO 9241-1127
Efficiency Effectiveness SatisfactionBusiness system28
Efficiency Effectiveness SatisfactionCall centre29
Efficiency Effectiveness SatisfactionWeb site30
Efficiency Effectiveness SatisfactionSimplicity31
32Enter your Post CodeBS1 4ND OKADDRESSType your address22 Queen Square Br|ADDRESSWhich is more efficient?22 Queen Square,...
33Keying(average typist)PointingHomingMentallypreparingWaitingfor a responseIcons: The Noun Project and Camila BertocoGOMS...
34Rules (simplified)Walk through the interface step by step.List the Mental Preparation (M), Keying (K), Pointing (P),Homi...
Efficiency Effectiveness SatisfactionSimplicity35
36Think of an experience that felt complicatedWhat was it? What made it feel like that?
Expert MainstreamerFocus on details Focus on goalsPerfection CompletionPrecise control Ease of controlPrinciples Examples,...
Not everyone wants simplicity38
39
40
41
42Phase 1 nameDescription of phase this phase in the users journeyPhase 2 nameDescription of phase this phase in the users...
Thinking like an expert43
44
45
46
PerformanceStressDifficult taskSimple taskYerkes-Dodson Law47
48
49
Feels simpleto my (mainstream) users50
51Your turn
Simplify this!52
On/OffQuick OSD (On-Screen Display menu)FL Select (change the display on DVD player)Open/Close (Eject DVD)Advanced Disc Re...
54
55
#1Remove56
57
Perfection is achievednot when there is nothingmore to addbut when there isnothing more to take away58Antoine de Saint Exu...
Reduce,thoughtfully59John Maeda
60
61
Expert MainstreamerFocus on details focus on goalsPrecise control Ease of controlPerfection Good enoughPrinciples Examples...
63Rules for ‘Remove’Prioritise based on user goals, not frequency of useMultiple ways of doing the same thingFeatures that...
64A B247
#2Organise65
66
Ready?67
1972 6 4 83568
?69
Ready?70
1 2 3 4 5 6 7 8 971
?72
73Disney
74
75
76
77
78
79
80Projects Photos Garden Tax Travel SchoolCredit Music Video Boat Bike Car
81Finance Office Home Projects Photos Garden
82Rules for ‘Organise’Follow patterns that the user knowsClearly frame your terms of referenceSimple, consistent groupings...
#3Hide83
84
85
86
87
88
89
90
91
92
93Rules for ‘Hide’Organise around patterns of use, not frequencyLook for behaviours that signal patterns of useLet users g...
#4Displace94
95
LONDONOXFORDSTRATFORD-UPON-AVONBATHMy Travel Plan96
LONDONOXFORDSTRATFORD-UPON-AVONBATHThe Roman BathsLorem ipsum dolor sit amet, consectetuer adipiscingelit. Morbi commodo, ...
LONDONOXFORDSTRATFORD-UPON-AVONBATHLOCATION ACTIVITY TIMEBathExcelsiorHotelN/ABathThe RomanBaths0930-1030BathTrain toOxfor...
LONDONOXFORDSTRATFORD-UPON-AVONBATHLOCATION ACTIVITY TIMEBathExcelsiorHotelN/ABathThe RomanBaths0930-1030BathTrain toOxfor...
No plansurvivescontact withthe enemyHelmuth von Moltke100
TuesdayWednesdayThursday101
TuesdayKid’s thingsTravel discounts102
103
104So, in order:1. Displace2. Remove3. Organise4. HideHow can you apply that?
105BONUS!
The trouble with simplicity is...it’s boring.(Right?)106
107Simplicity does not mean the absence ofany decoration.It means that the decor should belongintimately to the design pro...
108Modern Traditional Elegant
109Logos Pathos Ethos
110Name of product / servicePractical: it makes SimplerEmotional: it makes me feelValues: What it says about meExperience ...
111Name of product / servicePractical: it makes SimplerEmotional: it makes me feelValues: What it says about meExperience ...
112
113
114Name of product / servicePractical: it makes SimplerEmotional: it makes me feelValues: What it says about meExperience ...
115Name of product / servicePractical: it makes SimplerEmotional: it makes me feelValues: it Shows i believe inBrand Cheat...
116Step by step1. Displace2. Remove3. Organise4. Hide5. Add character
No matter how cool your userinterface…...it would be betterif there were less of it117Alan Cooper
118@gilescolborne
Upcoming SlideShare
Loading in...5
×

Simplicity: UXLx version

2,304

Published on

Advanced Simplicity Workshop from UX Lisbon 2013

Published in: Technology, Business
0 Comments
28 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,304
On Slideshare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
97
Comments
0
Likes
28
Embeds 0
No embeds

No notes for slide

Transcript of "Simplicity: UXLx version"

  1. 1. cxpartners 1@gilescolborneSimplicity
  2. 2. 2I would not give a figfor the simplicitythis side of complexity,but I would give my life forthe simplicity on the otherside of complexity.Oliver Wendell Holmes Jr.
  3. 3. Advanced simplicity@gilescolborne3
  4. 4. 4
  5. 5. 5
  6. 6. 6
  7. 7. 7
  8. 8. http://www.flickr.com/photos/vanf/5321214369/8
  9. 9. 9
  10. 10. 10
  11. 11. 11
  12. 12. http://www.flickr.com/photos/iwouldstay/145628030/12
  13. 13. Donald Norman13Simplicity isnot the answer
  14. 14. Leonardo Da Vinci14Simplicity isthe ultimatesophistication
  15. 15. Simplicity is an experience15
  16. 16. 16How it’s engineered
  17. 17. 17
  18. 18. 18
  19. 19. How it feels to use19How it’s engineeredHow it looks
  20. 20. 20
  21. 21. What is minimal?GO21
  22. 22. May 2013 GOUsable22
  23. 23. Nov 2013 GO23
  24. 24. May 2012 GO24
  25. 25. May 2013Apr 2013Mar 2013Feb 2013Jan 2013Dec 201225Simple
  26. 26. Simplicity = Extreme usability26
  27. 27. Efficiency Effectiveness SatisfactionUsabilityISO 9241-1127
  28. 28. Efficiency Effectiveness SatisfactionBusiness system28
  29. 29. Efficiency Effectiveness SatisfactionCall centre29
  30. 30. Efficiency Effectiveness SatisfactionWeb site30
  31. 31. Efficiency Effectiveness SatisfactionSimplicity31
  32. 32. 32Enter your Post CodeBS1 4ND OKADDRESSType your address22 Queen Square Br|ADDRESSWhich is more efficient?22 Queen Square, Bristol, BS1 4ND
  33. 33. 33Keying(average typist)PointingHomingMentallypreparingWaitingfor a responseIcons: The Noun Project and Camila BertocoGOMS KLMM = 1.35 sec K = 0.2 sec H = 0.4 sec P = 1.1 sec R = ?
  34. 34. 34Rules (simplified)Walk through the interface step by step.List the Mental Preparation (M), Keying (K), Pointing (P),Homing(H) and Response times (R).Place Ms in front of all Ks and PsDelete Ms between Keying charactersin a single unit (like a word or a sentence)But keep the first M (thinking what to type).Delete Ms that come between Pointing and Keying(so PMK becomes PK)
  35. 35. Efficiency Effectiveness SatisfactionSimplicity35
  36. 36. 36Think of an experience that felt complicatedWhat was it? What made it feel like that?
  37. 37. Expert MainstreamerFocus on details Focus on goalsPerfection CompletionPrecise control Ease of controlPrinciples Examples, storiesTake it apart, explore Afraid of breaking itDetailed mental model Loose mental modelInvest time in learning What does RFTM mean?37
  38. 38. Not everyone wants simplicity38
  39. 39. 39
  40. 40. 40
  41. 41. 41
  42. 42. 42Phase 1 nameDescription of phase this phase in the users journeyPhase 2 nameDescription of phase this phase in the users journeyPhase 3 nameDescription of phase this phase in the users journeyPhase 4 nameDescription of phase this phase in the usersjourneyPhase 5 nameDescription of phase this phase in the users journeyAn item needsreplaceingHow can wesupport ourcustomers?CustomeractionsAsk what I needAsk what to lookfor in a productAsk where tolookView forumsAsk what theyhave usedbeforeAsk aboutpreviousexperienceAsk how much itshould costShow to partnerDiscover ImpregnantNeeds havechangedReceives a lot ofdisposable incomeAn item needsreplaceingLearns about andevent-Birth-BirthdayRealise this is realycomplicatedRealise this is realycomplicatedAsk friends andfamily for adviceAsk friends andfamily for adviceLook for adviceonlineLook for adviceonlineAsks what theywould likeAsks what theywould likeUses knowledgegained fromprevious purchasesAsk friends andfamily for opinionsAsk friends andfamily for opinionsLook at cataloguesLook at cataloguesSearches forspecific productthat they havebought beforeDoesnt find itDoesnt find itSearch for dspecifics thatmatch needsIs it the rightsizeIs it the rightcolourWhats thequality likeSearch forpreferred brandsResearch onlineResearch onlineLooks for offersand dealsLook for bestsellersSearches forspecific item orbrandIs it the rightsizeIs it the rightcolourWhats thequality likeCompare specificsCompare specificsCompare costCompare costCompare userratingsCompare userratingsCompare pricewith otherproductsCompare productspecifics againstmy needsRead impartialreviews on chosenproductShow choice tothird partyShow choice tothird partyAsk parent if gift issuitable for childAsk if its suitablePurchaseprocessWhat the user isthinkingWhat the user isthinkingWhat the user isthinkingWhat the user isthinkingWhat the user isthinkingWhat the user isthinkingWhat the user isthinkingWhat the user isthinkingCustomeremotionsCustomer Experience Map What customers do when purchasingFor a specificitemFor a specificbrandTrying stuff theyhave gotAsk friends andfamily for adviceNotice whatpeople in thestreet have gotLook for adviceonlineRealises specificneeds for productLearn brandsShould I buynew?Look at specificdetail of productTry the productAsk for adviceResearch in storeResearch in storeSee what thesupermarket sellsSee what thesupermarket sellsSee what thesupermarket sellsConsider secondhandCheckcompetitorprices on phoneView forums andsocial networksCompare costTalk to otherpeople whoalready ownproductsShow to GifterIs it safeI dont want tospend too muchCompare userratingsDecide which one IPreferWhat the user isthinkingUser typeDescription of of typical user behaviour and theirinformation needs. Include what difficulties theynormally have and anything that could potentiallyinfluence themUser typeDescription of of typical user behaviour and theirinformation needs. Include what difficulties theynormally have and anything that could potentiallyinfluence themUser typeDescription of of typical user behaviour and theirinformation needs. Include what difficulties theynormally have and anything that could potentiallyinfluence themUser typeDescription of of typical user behaviour and theirinformation needs. Include what difficulties theynormally have and anything that could potentiallyinfluence themWhat the user isthinkingGap analysisHow to support customers in this phaseHow to support customers in this phaseHow to support customers in this phaseHow to support customers in this phaseHow to support customers in this phaseHow to support customers in this phaseHow to support customers in this phaseHow to support customers in this phaseHow to support customers in this phaseHow to support customers in this phaseHow to support customers in this phaseHow to support customers in this phaseHow to support customers in this phaseHow to support customers in this phaseHow to support customers in this phaseHow to support customers in this phaseHow to support customers in this phaseHow to support customers in this phaseHow to support customers in this phaseHow to support customers in this phase
  43. 43. Thinking like an expert43
  44. 44. 44
  45. 45. 45
  46. 46. 46
  47. 47. PerformanceStressDifficult taskSimple taskYerkes-Dodson Law47
  48. 48. 48
  49. 49. 49
  50. 50. Feels simpleto my (mainstream) users50
  51. 51. 51Your turn
  52. 52. Simplify this!52
  53. 53. On/OffQuick OSD (On-Screen Display menu)FL Select (change the display on DVD player)Open/Close (Eject DVD)Advanced Disc Review (Review playlist)AV Enhancer (Adjust audio and video)Repeat (Repeat play)Multi Re-Master (Improve audio quality)Numeric KeypadDepth Enhancer (Reduce picture ‘noise’)Manual Skip (Skip 30 seconds forward)Quick Replay (Skip back a few seconds)CancelSkip ForwardSkip BackSlow ForwardSlow BackStopPausePlayDirect Navigator/Top Menu (Main menu)Play List/Menu (Show a disk menu or play list)Functions (Change on screen menu)Return (Return to previous menu)Up ArrowDown ArrowLeft ArrowRight ArrowEnterSubtitleAudio (Change soundtracks)Angle/Page (Change angle/advance still pictures)Setup (Quick setup menu)Play Mode (All/group/random play)Play Speed (Changes play speed)ZoomGroup (Selects groups of items to play)53
  54. 54. 54
  55. 55. 55
  56. 56. #1Remove56
  57. 57. 57
  58. 58. Perfection is achievednot when there is nothingmore to addbut when there isnothing more to take away58Antoine de Saint Exupery
  59. 59. Reduce,thoughtfully59John Maeda
  60. 60. 60
  61. 61. 61
  62. 62. Expert MainstreamerFocus on details focus on goalsPrecise control Ease of controlPerfection Good enoughPrinciples Examples, storiesDeferred gratification i want it now!invest time in learning What does RFTM mean?62
  63. 63. 63Rules for ‘Remove’Prioritise based on user goals, not frequency of useMultiple ways of doing the same thingFeatures that are responsible for a lot of errorsUnnecessary options and preferencesVisual clutter‘Nice to haves’ that no one will miss
  64. 64. 64A B247
  65. 65. #2Organise65
  66. 66. 66
  67. 67. Ready?67
  68. 68. 1972 6 4 83568
  69. 69. ?69
  70. 70. Ready?70
  71. 71. 1 2 3 4 5 6 7 8 971
  72. 72. ?72
  73. 73. 73Disney
  74. 74. 74
  75. 75. 75
  76. 76. 76
  77. 77. 77
  78. 78. 78
  79. 79. 79
  80. 80. 80Projects Photos Garden Tax Travel SchoolCredit Music Video Boat Bike Car
  81. 81. 81Finance Office Home Projects Photos Garden
  82. 82. 82Rules for ‘Organise’Follow patterns that the user knowsClearly frame your terms of referenceSimple, consistent groupingsHighlight the single most important thingDon’t force the user to learn codes
  83. 83. #3Hide83
  84. 84. 84
  85. 85. 85
  86. 86. 86
  87. 87. 87
  88. 88. 88
  89. 89. 89
  90. 90. 90
  91. 91. 91
  92. 92. 92
  93. 93. 93Rules for ‘Hide’Organise around patterns of use, not frequencyLook for behaviours that signal patterns of useLet users go from general to specificEnsure mainstreamer tasks are clearly visibleEnsure next steps are clearly visibleNever penalise errors or experiments - undo!
  94. 94. #4Displace94
  95. 95. 95
  96. 96. LONDONOXFORDSTRATFORD-UPON-AVONBATHMy Travel Plan96
  97. 97. LONDONOXFORDSTRATFORD-UPON-AVONBATHThe Roman BathsLorem ipsum dolor sit amet, consectetuer adipiscingelit. Morbi commodo, ipsum sed pharetra gravida, orcimagna rhoncus neque, id pulvinar odio lorem nonturpis.Mon-Fri 0900-1830 (includes Bank Holidays)Sat-Sun 0900-1730Christmas: Closed£10 Adults, £5 Children / Student / Over 65Allow 1 hour minimum Add thisMy Travel Plan97
  98. 98. LONDONOXFORDSTRATFORD-UPON-AVONBATHLOCATION ACTIVITY TIMEBathExcelsiorHotelN/ABathThe RomanBaths0930-1030BathTrain toOxford1042-1153OxfordThe King’sHead1230-1400Oxford Punting 1415-1515OxfordAshmoleanMuseum1530-1700OxfordTrain toLondon1722-1835My Travel PlanThe Roman BathsLorem ipsum dolor sit amet, consectetuer adipiscingelit. Morbi commodo, ipsum sed pharetra gravida, orcimagna rhoncus neque, id pulvinar odio lorem nonturpis.Mon-Fri 0900-1830 (includes Bank Holidays)Sat-Sun 0900-1730Christmas: Closed£10 Adults, £5 Children / Student / Over 65Allow 1 hour minimum Add this98
  99. 99. LONDONOXFORDSTRATFORD-UPON-AVONBATHLOCATION ACTIVITY TIMEBathExcelsiorHotelN/ABathThe RomanBaths0930-1030BathTrain toOxford1042-1153OxfordThe King’sHead1230-1400Oxford Punting 1415-1515OxfordAshmoleanMuseum1530-1700OxfordTrain toLondon1722-1835My Travel Plan99
  100. 100. No plansurvivescontact withthe enemyHelmuth von Moltke100
  101. 101. TuesdayWednesdayThursday101
  102. 102. TuesdayKid’s thingsTravel discounts102
  103. 103. 103
  104. 104. 104So, in order:1. Displace2. Remove3. Organise4. HideHow can you apply that?
  105. 105. 105BONUS!
  106. 106. The trouble with simplicity is...it’s boring.(Right?)106
  107. 107. 107Simplicity does not mean the absence ofany decoration.It means that the decor should belongintimately to the design proper, and thatanything foreign to it should be takenaway.Paul Jacques Grillo
  108. 108. 108Modern Traditional Elegant
  109. 109. 109Logos Pathos Ethos
  110. 110. 110Name of product / servicePractical: it makes SimplerEmotional: it makes me feelValues: What it says about meExperience Cheat Sheet
  111. 111. 111Name of product / servicePractical: it makes SimplerEmotional: it makes me feelValues: What it says about meExperience CHeat SheetPhotojojoBuying PhotosuppliesPlayfuli’m Creative
  112. 112. 112
  113. 113. 113
  114. 114. 114Name of product / servicePractical: it makes SimplerEmotional: it makes me feelValues: What it says about meExperience Cheat Sheet
  115. 115. 115Name of product / servicePractical: it makes SimplerEmotional: it makes me feelValues: it Shows i believe inBrand Cheat SheetPhase 1 nameDescription of phase this phase in the users journeyPhase 2 nameDescription of phase this phase in the users journeyPhase 3 nameDescription of phase this phase in the users journeyPhase 4 nameDescription of phase this phase in the usersjourneyPhase 5 nameDescription of phase this phase in the users journeyAn item needsreplaceingHow can wesupport ourcustomers?CustomeractionsAsk what I needAsk what to lookfor in a productAsk where tolookView forumsAsk what theyhave usedbeforeAsk aboutpreviousexperienceAsk how much itshould costShow to partnerDiscover ImpregnantNeeds havechangedReceives a lot ofdisposable incomeAn item needsreplaceingLearns about andevent-Birth-BirthdayRealise this is realycomplicatedRealise this is realycomplicatedAsk friends andfamily for adviceAsk friends andfamily for adviceLook for adviceonlineLook for adviceonlineAsks what theywould likeAsks what theywould likeUses knowledgegained fromprevious purchasesAsk friends andfamily for opinionsAsk friends andfamily for opinionsLook at cataloguesLook at cataloguesSearches forspecific productthat they havebought beforeDoesnt find itDoesnt find itSearch for dspecifics thatmatch needsIs it the rightsizeIs it the rightcolourWhats thequality likeSearch forpreferred brandsResearch onlineResearch onlineLooks for offersand dealsLook for bestsellersSearches forspecific item orbrandIs it the rightsizeIs it the rightcolourWhats thequality likeCompare specificsCompare specificsCompare costCompare costCompare userratingsCompare userratingsCompare pricewith otherproductsCompare productspecifics againstmy needsRead impartialreviews on chosenproductShow choice tothird partyShow choice tothird partyAsk parent if gift issuitable for childAsk if its suitablePurchaseprocessWhat the user isthinkingWhat the user isthinkingWhat the user isthinkingWhat the user isthinkingWhat the user isthinkingWhat the user isthinkingWhat the user isthinkingWhat the user isthinkingCustomeremotionsCustomer Experience Map What customers do when purchasingFor a specificitemFor a specificbrandTrying stuff theyhave gotAsk friends andfamily for adviceNotice whatpeople in thestreet have gotLook for adviceonlineRealises specificneeds for productLearn brandsShould I buynew?Look at specificdetail of productTry the productAsk for adviceResearch in storeResearch in storeSee what thesupermarket sellsSee what thesupermarket sellsSee what thesupermarket sellsConsider secondhandCheckcompetitorprices on phoneView forums andsocial networksCompare costTalk to otherpeople whoalready ownproductsShow to GifterIs it safeI dont want tospend too muchCompare userratingsDecide which one IPreferWhat the user isthinkingUser typeDescription of of typical user behaviour and theirinformation needs. Include what difficulties theynormally have and anything that could potentiallyinfluence themUser typeDescription of of typical user behaviour and theirinformation needs. Include what difficulties theynormally have and anything that could potentiallyinfluence themUser typeDescription of of typical user behaviour and theirinformation needs. Include what difficulties theynormally have and anything that could potentiallyinfluence themUser typeDescription of of typical user behaviour and theirinformation needs. Include what difficulties theynormally have and anything that could potentiallyinfluence themWhat the user isthinkingGap analysisHow to support customers in this phaseHow to support customers in this phaseHow to support customers in this phaseHow to support customers in this phaseHow to support customers in this phaseHow to support customers in this phaseHow to support customers in this phaseHow to support customers in this phaseHow to support customers in this phaseHow to support customers in this phaseHow to support customers in this phaseHow to support customers in this phaseHow to support customers in this phaseHow to support customers in this phaseHow to support customers in this phaseHow to support customers in this phaseHow to support customers in this phaseHow to support customers in this phaseHow to support customers in this phaseHow to support customers in this phase
  116. 116. 116Step by step1. Displace2. Remove3. Organise4. Hide5. Add character
  117. 117. No matter how cool your userinterface…...it would be betterif there were less of it117Alan Cooper
  118. 118. 118@gilescolborne
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×