Your SlideShare is downloading. ×
0
(D)esign          IS HOW IT WORKS@marcelosomersbehindcompanies.com
lo.Hel
OUR CLIENTS HIRE US TO OWNTHEIR TOUGHEST PROBLEMSTHEY RETAIN US BECAUSE WEKEEP OUR PROMISES
(D)esigner      T    NO(d)esigner
design ASOUTCOME
DESIGN ASPROCESS              design AS             OUTCOME
Elizabeth Boling:"Designer” does not mean “artist” – though lots ofpeople want to think it does. The job of a designeris n...
Same DESIGN AS                diffe                                rent                                     skill,PROCESS ...
a  de)               dr e t ’ seature hel(insert f
a d ds!    e t ’ s ratinglov iem
THE UX STACKPurpose Audience Content Design TechnologyWHAT GOAL ARE WE     WHO DO WE NEED TO   WHAT FEATURES DOES THE   WH...
PurposeWHAT GOAL ARE WETRYING TO ACHIEVE?
1. Attract new customers
1. Attract new customers2. Retain old customers
AudienceWHO DO WE NEED TOACHIEVE THE GOAL?
1. Attract new customers2. Retain old customers
1. Attract new customers2. Retain old customers                           How?
THE PROBLEM
rado x ofPa ice  Cho              http://commons.wikimedia.org/wiki/File:Inside_a_video_store_in_Islamabad.jpg
rado x ofPa ice  Cho               http://commons.wikimedia.org/wiki/File:Inside_a_video_store_in_Islamabad.jpg        t o...
THE SOLUTION
THE SOLUTION (i t’s a bout   c onte nt!)
The Point Is:Netflix solved the problem of retainingusers without getting into how it looks.
(D)esign    T   NO(d)esign
(D)esignIS HOW IT WORKS.
When technology delivers basicneeds, user experience dominates–Donald Norman
60s&70sMakingThingsCheaper
60s&70s   80s&90sMaking MakingThings ThingsCheaper BETTER
60s&70s   80s&90s    2000sMaking Making        MakingThings Things        BETTERCheaper BETTER       Things
User ExpeHierarchy     rience          of Needs          Adapted from Stephen Anderson (http://amzn.to/zFxjd6)            ...
vimeo.c om/37709985                         gister: h ttps://V ideo ab out Sq uare Re
User ExpeHierarchy     rience          of Needs          Adapted from Stephen Anderson (http://amzn.to/zFxjd6)            ...
User ExpeHierarchy     rience          of Needs          Adapted from Stephen Anderson (http://amzn.to/zFxjd6)            ...
-focusedThe task t start  projec
“The strategy was simple: keep the currentusers happy, and let the BlackBerry namedo the rest.”
User ExpeHierarchy     rience          of Needs          Adapted from Stephen Anderson (http://amzn.to/zFxjd6)            ...
User Expe       Hierarchy     rience                 of NeedsHow?                 Adapted from Stephen Anderson (http://am...
xerc ise:E
xerc ise:E     Design a vase              Exercise via Stephen Anderson (http://uxlx.23video.com/video/4689842/critical-th...
xerc ise:E     Design a vase              Exercise via Stephen Anderson (http://uxlx.23video.com/video/4689842/critical-th...
xerc ise:E     Design a vase              Exercise via Stephen Anderson (http://uxlx.23video.com/video/4689842/critical-th...
xerc ise:E    Design a way for people to    enjoy flowers in their home                       Exercise via Stephen Anderso...
xerc ise:E    Design a way for people to    enjoy flowers in their home                       Exercise via Stephen Anderso...
1 Reframe your problem
Let’s build vs Let’s build a waymovie ratings   to retain customers
Let’s build vs Let’s build a waymovie ratings   to retain customers                 Design a way for people toDesign a vas...
Companies need to regularly ask themselves, ‘Are we in thesteam locomotive business, or the transportation business?’     ...
2 What “job” are you doing?
3 How do you work?
Wireframes?
http://wireframes.linowski.ca/2009/04/object-oriented-wireframes/
http://wireframes.linowski.ca/2009/04/object-oriented-wireframes/
Tell a Story
We would like to build a new Best Buy location in Plano.
Traffic    Income  Population  Retail SalesProperty SearchRetailer Search
Data filter overlays                   Traffic                   Income                Population                Retail Sale...
Begin with a search for areas with high retail sales                                                           Traffic     ...
Traffic           Income          Population         Retail Sales       Property Search        Retailer SearchData overlays...
Continue by mapping stores that are complements andcompetitors to Best Buy                                                ...
Group retailers by       store Retailer Search             types                                                          ...
Retailer Search                                            Traffic                                    K         Big Box    ...
Retailer Search                                                           Traffic         Big Box                  Bed Bat...
Retailer Search                                                                   Traffic         Big Box                 ...
Traffic                         Income                       Population                       Retail Sales                 ...
Next, map available leases in the Plano area                                                   Traffic                     ...
Traffic                                                             Income        Property Search                          ...
Traffic    Income  Population  Retail SalesProperty SearchRetailer Search
ote kungf u.comKeyn
4 Are you Attractive?
TheAsthetic-UsabilityEffect
CRAP
ContrastRepetitionAlignmentProximity
Proximity
From The Non-Designer’s Design Book (http://amzn.to/GErqOH)
From The Non-Designer’s Design Book (http://amzn.to/GErqOH)
From The Non-Designer’s Design Book (http://amzn.to/GErqOH)
From The Non-Designer’s Design Book (http://amzn.to/GErqOH)
Alignment
From The Non-Designer’s Design Book (http://amzn.to/GErqOH)
From The Non-Designer’s Design Book (http://amzn.to/GErqOH)
From The Non-Designer’s Design Book (http://amzn.to/GErqOH)
From The Non-Designer’s Design Book (http://amzn.to/GErqOH)
From The Non-Designer’s Design Book (http://amzn.to/GErqOH)
From The Non-Designer’s Design Book (http://amzn.to/GErqOH)
Repetition
Contrast
Are you sure you want to permanently    erase the items in the Trash?          No           Yes
Are you sure you want to permanently    erase the items in the Trash?          No           Yes
Are you sure you want to permanently    erase the items in the Trash?          No           Yes
http://amzn.to/GErqOH
DESIGN ASPROCESS              design AS             OUTCOME
Making it work:1 Reframe your problem2 What “job” are you doing?3 How do you work?4 Are you Attractive?
Questions?
Thank you!@marcelosomers                                 Slides Available:behindcompanies.com    http://slidesha.re/GGdqFG...
Design is How It Works
Design is How It Works
Design is How It Works
Design is How It Works
Design is How It Works
Design is How It Works
Design is How It Works
Design is How It Works
Design is How It Works
Design is How It Works
Design is How It Works
Design is How It Works
Design is How It Works
Design is How It Works
Design is How It Works
Design is How It Works
Design is How It Works
Design is How It Works
Upcoming SlideShare
Loading in...5
×

Design is How It Works

2,719

Published on

Design is much more than a slick visual presentation. It's really a process for creatively solving your business problems. User-centered design helps the people buying and using your software feel confident that what you make will meet their needs.

There are logical, repeatable concepts that can be applied universally to better solve problems. Just like there are laws of physics, design shouldn't be a mysterious black box.

Published in: Design, Technology, Business

Transcript of "Design is How It Works"

  1. 1. (D)esign IS HOW IT WORKS@marcelosomersbehindcompanies.com
  2. 2. lo.Hel
  3. 3. OUR CLIENTS HIRE US TO OWNTHEIR TOUGHEST PROBLEMSTHEY RETAIN US BECAUSE WEKEEP OUR PROMISES
  4. 4. (D)esigner T NO(d)esigner
  5. 5. design ASOUTCOME
  6. 6. DESIGN ASPROCESS design AS OUTCOME
  7. 7. Elizabeth Boling:"Designer” does not mean “artist” – though lots ofpeople want to think it does. The job of a designeris not self-expression, it’s problem-solving."
  8. 8. Same DESIGN AS diffe rent skill,PROCESS result design AS OUTCOME
  9. 9. a de) dr e t ’ seature hel(insert f
  10. 10. a d ds! e t ’ s ratinglov iem
  11. 11. THE UX STACKPurpose Audience Content Design TechnologyWHAT GOAL ARE WE WHO DO WE NEED TO WHAT FEATURES DOES THE WHAT IS THE BEST WAY TO HOW IS THE MESSAGETRYING TO ACHIEVE? ACHIEVE THE GOAL? AUDIENCE NEED? PRESENT THE CONTENT? PHYSICALLY PRESENTED?
  12. 12. PurposeWHAT GOAL ARE WETRYING TO ACHIEVE?
  13. 13. 1. Attract new customers
  14. 14. 1. Attract new customers2. Retain old customers
  15. 15. AudienceWHO DO WE NEED TOACHIEVE THE GOAL?
  16. 16. 1. Attract new customers2. Retain old customers
  17. 17. 1. Attract new customers2. Retain old customers How?
  18. 18. THE PROBLEM
  19. 19. rado x ofPa ice Cho http://commons.wikimedia.org/wiki/File:Inside_a_video_store_in_Islamabad.jpg
  20. 20. rado x ofPa ice Cho http://commons.wikimedia.org/wiki/File:Inside_a_video_store_in_Islamabad.jpg t of n ou iesRug ood mov http://s undaym isfits.blo gspot.co m/2011 /05/baske tball-x-d reams.h tml
  21. 21. THE SOLUTION
  22. 22. THE SOLUTION (i t’s a bout c onte nt!)
  23. 23. The Point Is:Netflix solved the problem of retainingusers without getting into how it looks.
  24. 24. (D)esign T NO(d)esign
  25. 25. (D)esignIS HOW IT WORKS.
  26. 26. When technology delivers basicneeds, user experience dominates–Donald Norman
  27. 27. 60s&70sMakingThingsCheaper
  28. 28. 60s&70s 80s&90sMaking MakingThings ThingsCheaper BETTER
  29. 29. 60s&70s 80s&90s 2000sMaking Making MakingThings Things BETTERCheaper BETTER Things
  30. 30. User ExpeHierarchy rience of Needs Adapted from Stephen Anderson (http://amzn.to/zFxjd6) Sketch by Ben Jordan (http://bigbadcollab.com/)
  31. 31. vimeo.c om/37709985 gister: h ttps://V ideo ab out Sq uare Re
  32. 32. User ExpeHierarchy rience of Needs Adapted from Stephen Anderson (http://amzn.to/zFxjd6) Sketch by Ben Jordan (http://bigbadcollab.com/)
  33. 33. User ExpeHierarchy rience of Needs Adapted from Stephen Anderson (http://amzn.to/zFxjd6) Sketch by Ben Jordan (http://bigbadcollab.com/)
  34. 34. -focusedThe task t start projec
  35. 35. “The strategy was simple: keep the currentusers happy, and let the BlackBerry namedo the rest.”
  36. 36. User ExpeHierarchy rience of Needs Adapted from Stephen Anderson (http://amzn.to/zFxjd6) Sketch by Ben Jordan (http://bigbadcollab.com/)
  37. 37. User Expe Hierarchy rience of NeedsHow? Adapted from Stephen Anderson (http://amzn.to/zFxjd6) Sketch by Ben Jordan (http://bigbadcollab.com/)
  38. 38. xerc ise:E
  39. 39. xerc ise:E Design a vase Exercise via Stephen Anderson (http://uxlx.23video.com/video/4689842/critical-thinking-skills-for)
  40. 40. xerc ise:E Design a vase Exercise via Stephen Anderson (http://uxlx.23video.com/video/4689842/critical-thinking-skills-for)
  41. 41. xerc ise:E Design a vase Exercise via Stephen Anderson (http://uxlx.23video.com/video/4689842/critical-thinking-skills-for)
  42. 42. xerc ise:E Design a way for people to enjoy flowers in their home Exercise via Stephen Anderson (http://uxlx.23video.com/video/4689842/critical-thinking-skills-for)
  43. 43. xerc ise:E Design a way for people to enjoy flowers in their home Exercise via Stephen Anderson (http://uxlx.23video.com/video/4689842/critical-thinking-skills-for)
  44. 44. 1 Reframe your problem
  45. 45. Let’s build vs Let’s build a waymovie ratings to retain customers
  46. 46. Let’s build vs Let’s build a waymovie ratings to retain customers Design a way for people toDesign a vase vs enjoy flowers in their home
  47. 47. Companies need to regularly ask themselves, ‘Are we in thesteam locomotive business, or the transportation business?’ https://twitter.com/#!/joncarroll/status/154701998082629632
  48. 48. 2 What “job” are you doing?
  49. 49. 3 How do you work?
  50. 50. Wireframes?
  51. 51. http://wireframes.linowski.ca/2009/04/object-oriented-wireframes/
  52. 52. http://wireframes.linowski.ca/2009/04/object-oriented-wireframes/
  53. 53. Tell a Story
  54. 54. We would like to build a new Best Buy location in Plano.
  55. 55. Traffic Income Population Retail SalesProperty SearchRetailer Search
  56. 56. Data filter overlays Traffic Income Population Retail Sales Property Search Retailer SearchMap-based search
  57. 57. Begin with a search for areas with high retail sales Traffic Income Population K Retail Sales CLIC Property Search Retailer Search
  58. 58. Traffic Income Population Retail Sales Property Search Retailer SearchData overlays would allow quick and meaningful visualization of demographic data
  59. 59. Continue by mapping stores that are complements andcompetitors to Best Buy Traffic Income Population Retail Sales Property Search Retailer Search CLICK
  60. 60. Group retailers by store Retailer Search types Traffic Big Box  Income Restaurants  Drill down to select Population Specialty Retailers  specific stores Retail Sales Property SearchSelect all stores in a category Retailer Search
  61. 61. Retailer Search Traffic K Big Box CLIC  Income Restaurants  Population Specialty Retailers  Retail Sales Property Search Retailer Search
  62. 62. Retailer Search Traffic Big Box  Bed Bath & Beyond Income Restaurants  Best Buy Population Specialty Retailers  Costco Retail Sales Dollar Tree Property Search Home Depot Retailer Search JC Penney Kohl’s Nordstrom Office Max Wal-Mart
  63. 63. Retailer Search Traffic Big Box  Bed Bath & Beyond Income Restaurants K Best Buy  CLIC Population Specialty Retailers  Costco Retail Sales Dollar Tree Property Search K CLIC Home Depot Retailer Search JC Penney Kohl’s Nordstrom Office Max K Wal-Mart CLIC
  64. 64. Traffic Income Population Retail Sales Property SearchMap locations with Retailer Search geo-coded store logos
  65. 65. Next, map available leases in the Plano area Traffic Income Population Retail Sales K CLIC Property Search Retailer Search
  66. 66. Traffic Income Property Search Population Available Square Footage Retail Sales 125,000 500,000 Property Search Map by multiple Searchvariables in property Retailer Search search
  67. 67. Traffic Income Population Retail SalesProperty SearchRetailer Search
  68. 68. ote kungf u.comKeyn
  69. 69. 4 Are you Attractive?
  70. 70. TheAsthetic-UsabilityEffect
  71. 71. CRAP
  72. 72. ContrastRepetitionAlignmentProximity
  73. 73. Proximity
  74. 74. From The Non-Designer’s Design Book (http://amzn.to/GErqOH)
  75. 75. From The Non-Designer’s Design Book (http://amzn.to/GErqOH)
  76. 76. From The Non-Designer’s Design Book (http://amzn.to/GErqOH)
  77. 77. From The Non-Designer’s Design Book (http://amzn.to/GErqOH)
  78. 78. Alignment
  79. 79. From The Non-Designer’s Design Book (http://amzn.to/GErqOH)
  80. 80. From The Non-Designer’s Design Book (http://amzn.to/GErqOH)
  81. 81. From The Non-Designer’s Design Book (http://amzn.to/GErqOH)
  82. 82. From The Non-Designer’s Design Book (http://amzn.to/GErqOH)
  83. 83. From The Non-Designer’s Design Book (http://amzn.to/GErqOH)
  84. 84. From The Non-Designer’s Design Book (http://amzn.to/GErqOH)
  85. 85. Repetition
  86. 86. Contrast
  87. 87. Are you sure you want to permanently erase the items in the Trash? No Yes
  88. 88. Are you sure you want to permanently erase the items in the Trash? No Yes
  89. 89. Are you sure you want to permanently erase the items in the Trash? No Yes
  90. 90. http://amzn.to/GErqOH
  91. 91. DESIGN ASPROCESS design AS OUTCOME
  92. 92. Making it work:1 Reframe your problem2 What “job” are you doing?3 How do you work?4 Are you Attractive?
  93. 93. Questions?
  94. 94. Thank you!@marcelosomers Slides Available:behindcompanies.com http://slidesha.re/GGdqFGhi@marcelosomers.com
  1. A particular slide catching your eye?

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

×