This slide leftintentionally blank
Simplicity is the glory Everything should      of expression.          be made as simple      Walt Whitman            as p...
But how?
The Complexityof SimplicityDan Saffer@odannyboy
SIMPLICITY                                               COMPLEXITYWe tend to think of simplicity like this: as opposite c...
SIMPLICITY                                       COMPLICATEDWe mind UNNECESSARY complexity, and its byproduct: confusion.
Complicated products arecharacterized by★ unclear starting place★ muddled mental model of how  the product works★ interact...
SIMPLICITY         SIMPLISTIC                                              COMPLICATEDBut equally, we can also dislike pro...
Simplistic products arecharacterized by★   lack of control caused by too    much automation★   underpowered or too powerful
SIMPLISTIC   SIMPLICITY   COMPLICATED
Truly simple products are        characterized by          ★   being understandable          ★   having an underlying stru...
Simplicity is                             in the mindOne thing to be aware of is one person’s simplicity is another person...
COMPLEX?
SIMPLE?
How do we                                  find the right                                    balance?One thing that sets t...
Time                    Problem or Opportunity                                      Simple ProductHow do we get from a pro...
PROCRUSTESTrust me when I say you can thank me for the placement of the title here. Procrustes was ason of Poseidon who ha...
Time   Problem or Opportunity        Brute Force Product           Simple Product
Lotus Notes
Google Wave
Segway
There is always an easysolution to every problem—neat, plausible, and wrong.H.L. Mencken
Brute force products arecharacterized by★ lack of nuance★ incorrect problem framing★ conformity of the user to its way of ...
Seek simplicity, but distrust it.Alfred North Whitehead
WHAT MAKES                       PRODUCTS                      COMPLICATED?No one wants to make a difficult product. No on...
Time   Problem or Opportunity                 Features                 Versions                 Context        Brute Force...
FEATURESMore features means more controls, need for a menu or a fuller menu, more complexitysimply because there’s more st...
People love features.                   Companies also                    love features.Without ever having used a product...
The Sport                        Utility PrincipleDavid Pogue 2006. People like to surround themselves with unnecessary po...
How to fight “featuritis”★ tell a story★ be beautiful★ seem luxurious★ focus on differentiators other  than features  ★ ta...
VERSIONSNew versions = more features. If you have to put out a new version (and I know you do) focuson improving the core ...
CONTEXT    Courtesy Siddharth MuthyalaAnd lest we think the blame always lies elsewhere, our own user-centered design meth...
How many designers           Does it have to be      a lightbulb? Can we rethink         does it take to change           ...
Users    Courtesy galaciaCAD.comNamely, multiple user groups. When you have a diverse group of people, with their owngener...
One of the simplest homepages online ever, and even so, it had to break the site into needand have hay.
Personas     Courtesy Todd Zaki WarfelThe way to combat the spread of users is to use the old tried and true method of per...
STAKEHOLDERSLikewise, the number of stakeholders who want their pet feature or idea featured in theproduct, often simply s...
Principles      Courtesy Adaptive PathOne way to avoid or at least argue effectively against stakeholders jamming in new f...
ACTIVITY      Courtesy Sunlight LabsAll activities have some complexity. Some activities are very complex. Some things can...
Tesler’s LawThis is Larry Tesler, the guy who created cut and paste, among other UI conventions.
ACTIVITY                                        COMPLEXITY                                                                ...
This is what a complicated (to most people) email client would be like. It’s pushed a lot of thecomplexity onto the user, ...
This is what the Simplistic email client would be like. You never have to fill out anything, noteven the message or to whom...
Autofill is a great example of the system taking on some of the complexity itself.
Of course, auto-correct can go too far...
Schedule                                Cost                    Budget            CONSTRAINTSRisk                         ...
Had I but more time,          I would have written less.          Thomas JeffersonJefferson’s quip here rings true for des...
EDGE CASES“But what if the user does...”
Problem or Opportunity              Edge                             Edge              Cases                            Ca...
How not to get bogged downwith edge cases★ focus on core experience first. Sell it.★ set priorities and establish frequenc...
Time   Problem or Opportunity                 Features                 Versions                 Context          Multiple ...
I would not give a figfor the simplicity this sideof complexity, but I wouldgive my life for thesimplicity on the other si...
The far sideof complexity
When you start looking at a problem, and it seemsreally simple with all these simple solutions, you don’treally understand...
Problem or Opportunity                                               Features                                             ...
REMOVEMost obvious way to simplify a product is to remove features, especially unnecessaryfeatures. When in doubt whether ...
How to choose what features        to remove          ★ prioritize based on user goals          ★ doesn’t fit the design p...
MENTAL                               MODEL                             ALIGNMENT      Courtesy Chris MarmoA mental model r...
How to align mental models withthe product’s conceptual model★   match expected task activities with    what is shown on s...
HIDINGA way to reduce the choices of your product is by hiding them. Users don’t get distracted oroverwhelmed by choices.
How to hide features★   staged disclosure: functionality on a    “need to use” basis★   limit the “rocks,” but hide well★ ...
ORGANIZING     Courtesy Bart PiotrowskiOrganization helps many seem like few...as long as the group are less than the numb...
How to organize a product★ make it modular: cluster similar things  ★ make each module easy to learn  ★ label in understan...
EXPAND/COLLAPSECourtesy FindTarget.com
Operational Simplicity                       vs.               Perceived SimplicityPerceived simplicity = fewer controls, ...
Audience Participation: Mute,Volume Down, Volume Up★ three controls★ two controls★ one control★ more than three controls? ...
UI tools for collapsing★ menus/drop-down menus★ panels★ tabs★ scrolling★ list boxes★ icons★ popups/overlays/right-click me...
UI tools for expanding★ buttons★ sliders★ checkboxes★ radio buttons★ dials
REDUCE CHOICE/                      SMART DEFAULTS       Courtesy Gary IsaacGiving choices gives people a sense of control...
How to reduce choice and make        smart defaults          ★ best defaults are those that suit the            most users...
Sometimes people need help getting started. Good design in some ways relies on the abilityto instill instant familiarity. ...
LOGICAL                   INCONSISTENCYWhen you have a choice between being consistent or being logical, it sometimes make...
When to be logically inconsistent★   optimize for common use, not an    arbitrary scheme★   make it easy to get to the las...
A foolish consistency is thehobgoblin of little minds.Ralph Waldo Emerson
SHORTCUTS
Make it easy to access/get to★ the last thing engaged with  ★ document, media, file, etc.  ★ step in a process★ the last c...
DISTRIBUTIONThe last method is distribution of features. If you can’t rid of features, one way is todistribute them across...
How to distribute functionality          ★   pick the right platform for the task          ★   perform a “functional carto...
Time   Problem or Opportunity                  Features                  Versions                  Context         Brute F...
Most companies are         looking to “wow” with         their products, when in         reality what they should         ...
Thanks.        dan@odannyboy.com        @odannyboy on TwitterGo now, to the far side of complexity, and simplify your prod...
The Complexity of Simplicity
The Complexity of Simplicity
The Complexity of Simplicity
Upcoming SlideShare
Loading in...5
×

The Complexity of Simplicity

23,967

Published on

A talk given at various places in 2010-2011.

Published in: Design, Business, Technology
9 Comments
123 Likes
Statistics
Notes
No Downloads
Views
Total Views
23,967
On Slideshare
0
From Embeds
0
Number of Embeds
11
Actions
Shares
0
Downloads
820
Comments
9
Likes
123
Embeds 0
No embeds

No notes for slide

The Complexity of Simplicity

  1. 1. This slide leftintentionally blank
  2. 2. Simplicity is the glory Everything should of expression. be made as simple Walt Whitman as possible, but no simpler. Albert Einstein Nothing is true, but that which is simple. Goethe Simplicity is the ultimate sophistication. Less is more. Leonardo da Vinci Mies van der RoheSimplicity, simplicity, simplicity! Henry David Thoreau implored us.
  3. 3. But how?
  4. 4. The Complexityof SimplicityDan Saffer@odannyboy
  5. 5. SIMPLICITY COMPLEXITYWe tend to think of simplicity like this: as opposite complexity. A simple object is moreusable, pleasing, and less complex. But this is really a false dichotomy. We don’t really mindcomplexity.
  6. 6. SIMPLICITY COMPLICATEDWe mind UNNECESSARY complexity, and its byproduct: confusion.
  7. 7. Complicated products arecharacterized by★ unclear starting place★ muddled mental model of how the product works★ interaction design that makes tasks overly difficult★ visual or industrial design without recognizable patterns
  8. 8. SIMPLICITY SIMPLISTIC COMPLICATEDBut equally, we can also dislike products that are TOO SIMPLE, as to become simplistic. Ifpeople feel your product is simplistic, they won’t buy it because they’ll think it can’t do thejob (even if it can).
  9. 9. Simplistic products arecharacterized by★ lack of control caused by too much automation★ underpowered or too powerful
  10. 10. SIMPLISTIC SIMPLICITY COMPLICATED
  11. 11. Truly simple products are characterized by ★ being understandable ★ having an underlying structure ★ optimized for the most common being users and use cases ★ an understanding of the complexity of the activity, but not reflective of itWe’re going to talk about how we achieve this and get to there throughout this talk.
  12. 12. Simplicity is in the mindOne thing to be aware of is one person’s simplicity is another person’s complex mess. Oftenwhat designers and engineers think of as simple is not.
  13. 13. COMPLEX?
  14. 14. SIMPLE?
  15. 15. How do we find the right balance?One thing that sets truly simple products apart is their ability to work under extremeconditions. To be simple, you have to aim for higher than just usable.
  16. 16. Time Problem or Opportunity Simple ProductHow do we get from a problem or opportunity to a simple product? Strangely, the way isTHROUGH complexity. But there are some traps for the unwary.
  17. 17. PROCRUSTESTrust me when I say you can thank me for the placement of the title here. Procrustes was ason of Poseidon who had an iron bed in which he invited every passer-by to spend the night,and where he set to work on them with his smiths hammer, to stretch them to fit. Or if theguest proved too tall, Procrustes would amputate the excess length. Procrustes continued hisreign of terror until he was captured by Theseus, traveling to Athens along the sacred way,who "fitted" Procrustes to his own bed.
  18. 18. Time Problem or Opportunity Brute Force Product Simple Product
  19. 19. Lotus Notes
  20. 20. Google Wave
  21. 21. Segway
  22. 22. There is always an easysolution to every problem—neat, plausible, and wrong.H.L. Mencken
  23. 23. Brute force products arecharacterized by★ lack of nuance★ incorrect problem framing★ conformity of the user to its way of doing the activity, not the other way around★ socially tone-deaf
  24. 24. Seek simplicity, but distrust it.Alfred North Whitehead
  25. 25. WHAT MAKES PRODUCTS COMPLICATED?No one wants to make a difficult product. No one starts out saying, you know what? Let’smake this son of bitch as confusing as possible.
  26. 26. Time Problem or Opportunity Features Versions Context Brute Force Product Multiple User Groups Stakeholders Activity Complexity Constraints Edge Cases Complicated Product Simple Product
  27. 27. FEATURESMore features means more controls, need for a menu or a fuller menu, more complexitysimply because there’s more stuff.
  28. 28. People love features. Companies also love features.Without ever having used a product, people want to know what it does. They look at thefeature list. Everything being equal, they will choose the product that does more, even ifthere are features they will likely never use.
  29. 29. The Sport Utility PrincipleDavid Pogue 2006. People like to surround themselves with unnecessary power. Research hasshown that feature lists matter UNTIL users use the product, after which they matter muchless than the usability of the product. The idea of a feature can be more appealing than its
  30. 30. How to fight “featuritis”★ tell a story★ be beautiful★ seem luxurious★ focus on differentiators other than features ★ targeted users ★ transitions ★ unique interactions
  31. 31. VERSIONSNew versions = more features. If you have to put out a new version (and I know you do) focuson improving the core functionality, not on “value-add” extras.
  32. 32. CONTEXT Courtesy Siddharth MuthyalaAnd lest we think the blame always lies elsewhere, our own user-centered design methodscan sometimes cause complexity as well. The more we understand the context of theproblem, the more the problem space seems bigger than just the issue we want to solve.
  33. 33. How many designers Does it have to be a lightbulb? Can we rethink does it take to change the a lightbulb? electrical grid?How many designers does it take to change a lightbulb?Does it have to be a lightbulb?
  34. 34. Users Courtesy galaciaCAD.comNamely, multiple user groups. When you have a diverse group of people, with their owngeneral needs, wants, and feature requests, the product is bound to get more complicatedbecause you have to design more areas, new ways into the site, etc.
  35. 35. One of the simplest homepages online ever, and even so, it had to break the site into needand have hay.
  36. 36. Personas Courtesy Todd Zaki WarfelThe way to combat the spread of users is to use the old tried and true method of personas.This will also keep people from saying, “Well, the user wants...” because you can say, “Whichuser?” Just be sure to keep the number of personas small: less than 3 is optimal, more than 7is overkill.
  37. 37. STAKEHOLDERSLikewise, the number of stakeholders who want their pet feature or idea featured in theproduct, often simply so they can say they affected the product. Beware the “value add.”
  38. 38. Principles Courtesy Adaptive PathOne way to avoid or at least argue effectively against stakeholders jamming in new features isby establishing design principles near the beginning of the product. Design principles statethe design objectives in clear, memorable language. If you can get people to agree to thoseat the beginning of the project, you’ll have ammunition to use later in the project to preventthe product from being pulled in various directions.
  39. 39. ACTIVITY Courtesy Sunlight LabsAll activities have some complexity. Some activities are very complex. Some things can neverbe made simple. We need to keep Tesler’s Law in mind.
  40. 40. Tesler’s LawThis is Larry Tesler, the guy who created cut and paste, among other UI conventions.
  41. 41. ACTIVITY COMPLEXITY Person SystemAll processes have a core of complexity. It’s just who or what handles that complexity. [Emailexample]
  42. 42. This is what a complicated (to most people) email client would be like. It’s pushed a lot of thecomplexity onto the user, including remember the email addresses of where to send email.
  43. 43. This is what the Simplistic email client would be like. You never have to fill out anything, noteven the message or to whom it’s addressed.
  44. 44. Autofill is a great example of the system taking on some of the complexity itself.
  45. 45. Of course, auto-correct can go too far...
  46. 46. Schedule Cost Budget CONSTRAINTSRisk Business Processes Technology Team
  47. 47. Had I but more time, I would have written less. Thomas JeffersonJefferson’s quip here rings true for design as well. If you have enough time, you can come upwith simpler, tighter solutions.
  48. 48. EDGE CASES“But what if the user does...”
  49. 49. Problem or Opportunity Edge Edge Cases Cases Simple ProductEdge cases.
  50. 50. How not to get bogged downwith edge cases★ focus on core experience first. Sell it.★ set priorities and establish frequencies ★ low chance=less priority, prominence ★ almost no chance=a bug★ prevention, not support when possible
  51. 51. Time Problem or Opportunity Features Versions Context Multiple User Groups Stakeholders Activity Complexity Constraints Edge Cases Complicated Product Simple Product
  52. 52. I would not give a figfor the simplicity this sideof complexity, but I wouldgive my life for thesimplicity on the other sideof complexity.Oliver Wendell Holmes
  53. 53. The far sideof complexity
  54. 54. When you start looking at a problem, and it seemsreally simple with all these simple solutions, you don’treally understand the complexity of the problem. Andyour solutions are way too simplified and they don’twork. Then you get into the problem and you see it’sreally complicated. And you come up with all theseconvoluted solutions. That’s sort of the middle, and it’swhere most people stop, and the solutions tend to workfor a while. But the really great person will keep ongoing and find, sort of, the key underlying principle ofthe problem. And come up with a beautiful elegantsolution that works.Steve Jobs
  55. 55. Problem or Opportunity Features Versions Context Multiple User Groups Stakeholders Activity Complexity Constraints Edge Cases Complicated Product Removing Mental Model Alignment Hiding Organizing Expansion/Collapsing Reduce Choice/Smart Defaults Logical Inconsistency Shortcuts Distribution Simple ProductSo how do we make things simpler?
  56. 56. REMOVEMost obvious way to simplify a product is to remove features, especially unnecessaryfeatures. When in doubt whether something should be there, consider getting rid of it.
  57. 57. How to choose what features to remove ★ prioritize based on user goals ★ doesn’t fit the design principles ★ difficult to implement and low usage ★ poorly-implemented features ★ “nice to haves” (that no one will miss) ★ multiple ways of performing the same task ★ unnecessary options and preferencesThe question you should always ask isn’t Why should we get rid of this? Instead it should beWhy should we keep this?
  58. 58. MENTAL MODEL ALIGNMENT Courtesy Chris MarmoA mental model represents a person’s thought process for how something works, based onincomplete facts, past experiences, and even intuitive perceptions. They help shape actionsand behavior, influence what people pay attention to in complicated situations, and definehow people approach and solve problems.
  59. 59. How to align mental models withthe product’s conceptual model★ match expected task activities with what is shown on screen★ map decisions to specific controls or to a multi-purpose control★ figure out what the system can handle★ break up complex tasks into understandable pieces...★ ...but don’t break the task flow
  60. 60. HIDINGA way to reduce the choices of your product is by hiding them. Users don’t get distracted oroverwhelmed by choices.
  61. 61. How to hide features★ staged disclosure: functionality on a “need to use” basis★ limit the “rocks,” but hide well★ progressive disclosure: hide precision tools for expert users★ things that are rarely updated like account details, one-time settings★ beware of automatic hiding of things like menu items
  62. 62. ORGANIZING Courtesy Bart PiotrowskiOrganization helps many seem like few...as long as the group are less than the number ofitems to organize.
  63. 63. How to organize a product★ make it modular: cluster similar things ★ make each module easy to learn ★ label in understandable ways★ look for framing metaphors from existing products users might know★ remove visual clutter★ keep emphasis on one or two items★ remove introductions and unnecessary instructions
  64. 64. EXPAND/COLLAPSECourtesy FindTarget.com
  65. 65. Operational Simplicity vs. Perceived SimplicityPerceived simplicity = fewer controls, less visible optionsOperational simplicity = one control per action, everything expanded
  66. 66. Audience Participation: Mute,Volume Down, Volume Up★ three controls★ two controls★ one control★ more than three controls? (seriously?)
  67. 67. UI tools for collapsing★ menus/drop-down menus★ panels★ tabs★ scrolling★ list boxes★ icons★ popups/overlays/right-click menus
  68. 68. UI tools for expanding★ buttons★ sliders★ checkboxes★ radio buttons★ dials
  69. 69. REDUCE CHOICE/ SMART DEFAULTS Courtesy Gary IsaacGiving choices gives people a sense of control. But as Barry Schwartz points out in Paradox ofChoice, too many choices becomes a cognitive burden. Users are happier with limited choices.It’s the responsibility of the designers to help with that. This is why preferences can be sobad: they abdicate responsibility.
  70. 70. How to reduce choice and make smart defaults ★ best defaults are those that suit the most users most of the time ★ visual signals ★ emphasis of the next likely step ★ desire lines: show shortcuts ★ how alternatives are visually presented affects the choice ★ strive for no error messages ★ don’t forget the almighty return key“The natural world functions quite well without error messages.” Don Norman
  71. 71. Sometimes people need help getting started. Good design in some ways relies on the abilityto instill instant familiarity. Make the suggested choice the default choice or the ONLYchoice.
  72. 72. LOGICAL INCONSISTENCYWhen you have a choice between being consistent or being logical, it sometimes makes senseto be inconsistent.
  73. 73. When to be logically inconsistent★ optimize for common use, not an arbitrary scheme★ make it easy to get to the last thing(s) the user was working on, even if it means putting them in a special place or pulling out of a heirarchy
  74. 74. A foolish consistency is thehobgoblin of little minds.Ralph Waldo Emerson
  75. 75. SHORTCUTS
  76. 76. Make it easy to access/get to★ the last thing engaged with ★ document, media, file, etc. ★ step in a process★ the last changed setting★ the next actions users often perform immediately following★ hidden functionality for expert users★ invitations to explore (e.g. tool tips)
  77. 77. DISTRIBUTIONThe last method is distribution of features. If you can’t rid of features, one way is todistribute them across platforms.
  78. 78. How to distribute functionality ★ pick the right platform for the task ★ perform a “functional cartography” Desktop Web Mobile Feature X Feature X Feature XWhat’s hard on one platform can be easy on another.
  79. 79. Time Problem or Opportunity Features Versions Context Brute Force Product Multiple User Groups Stakeholders Activity Complexity Constraints Edge Cases Complicated Product Removing Mental Model Alignment Hiding Organizing Expansion/Collapsing Reduce Choice/Smart Defaults Logical Inconsistency Shortcuts Distribution Simple Product
  80. 80. Most companies are looking to “wow” with their products, when in reality what they should be looking for is an “of course” reaction. Christian LindholmI think this gets at the heart of simplicity. Of course it works like that. Of course that featurewould be here, not there. It’s this comfort of understanding combined with a feeling ofmastery that is at the heart of simplicity.
  81. 81. Thanks. dan@odannyboy.com @odannyboy on TwitterGo now, to the far side of complexity, and simplify your products. Thank you very much.
  1. A particular slide catching your eye?

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

×