Diese Präsentation wurde erfolgreich gemeldet.
Die SlideShare-Präsentation wird heruntergeladen. ×

Critical Thinking forUX Designers (Workshop)

Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Nächste SlideShare
Stop Doing What Youre Told
Stop Doing What Youre Told
Wird geladen in …3
×

Hier ansehen

1 von 210 Anzeige
Anzeige

Weitere Verwandte Inhalte

Diashows für Sie (20)

Ähnlich wie Critical Thinking forUX Designers (Workshop) (20)

Anzeige

Weitere von Stephen Anderson (20)

Aktuellste (20)

Anzeige

Critical Thinking forUX Designers (Workshop)

  1. Critical Thinking for UX Designers (or Anyone really!) Stephen P Anderson . Russ Unger @stephenanderson @russu
  2. It’s not about the tools, it’s about the thinking process that led to these tools
  3. A C T I V I T Y It’s five years in the future. Your big idea failed. Write THE OBITUARY for your big idea.
  4. A C T I V I T Y It’s five years in the future. Your big idea failed. Write THE OBITUARY for your big idea. It’s 2017. “User Experience” is Dead. What happened? Write the obituary for User Experience.
  5. Critical Thinking Skills?
  6. Houses, Walls, Windows Image Source © Time Inc.
  7. Henry Ford “ If I would have asked people what they wanted, they would have said “a faster horse.” Images Source © Time Inc.
  8. The Limbic System Images Source http://home.comcast.net/~momtofive/SIDWEBPAGE2.htm
  9. Brains Are Wired 2-Dimensionally Image Source © icanhascheezburger.com
  10. Limbic Also Controls the Orgasms Image Source © http://www.meh.ro/
  11. My Wife “ Really? An orgasm slide? Those people had better not think that’s me in the picture... Image Source Russ Unger
  12. Dr. Steve Julius “ With a bit of training and through some basic brain- stretching exercises, we can be re ective. We can slow down and nd alternative solutions. Image Source Steve’s Son Max
  13. Let’s Try One •Four Magic Seedlings •Must be planted equal distances apart from each other •Yes. You have to plant four of them to make the magic Image Source © Russ Unger
  14. Show Your Work 2’ Math Lesson: A 2 + B2 = C2 2’ 4+4=8 271 2’ 2’ 284 2.8 Square Root of 8 = 2.82842712 2’ Image Source © Russ Unger
  15. Solved! 2’ 2’ 2’ ’ 2’ 2 2’ Image Source © Russ Unger
  16. DTCT What It IS NOT: What It IS: •Biased •Self-directed •Partial •Self-monitored •Uninformed •Self-corrective •Prejudiced Image Source © Time Inc.
  17. ‘Z’-Shaped Thinkers
  18. Why ?
  19. ‘T’ was taken... T empathy to see patterns and branch out into other areas deep vertical expertise
  20. -Shaped Thinkers?
  21. V -Shaped Thinkers?
  22. iShaped Thinkers?
  23. Z
  24. “When everyone zigs, zag.”
  25. X
  26. Z
  27. Z
  28. Z
  29. reliable, but diminishing returns
  30. reliable, but diminishing returns opportunity to ‘change the game’
  31. ?
  32. Nicholas Negroponte
  33. Nicholas Negroponte George Lucas
  34. Dean Kamen
  35. buckm inster fuller
  36. Geodesic Dome Housing
  37. The Fuller Projection
  38. The Dymaxion Car
  39. The Dymaxion Bathroom / Fog Gun Shower
  40. “When everyone zigs, zag.”
  41. Cool... But What does this have to do with appl ication design and development?
  42. ‘Z’-Shaped Thinkers approach challenges (of all kinds!) in different ways
  43. Z what happens here?
  44. ‘Z’-Shaped Thinkers... reframe the ??? problem
  45. A C T I V I T Y You have 3 minutes. Design a vase. (example from Marc Rettig)
  46. A C T I V I T Y You have 3 minutes. Design a vase. Design a better way for people to enjoy flowers in their home. (example from Marc Rettig)
  47. ‘Z’-Shaped Thinkers... reframe the ??? problem
  48. ‘Z’-Shaped Thinkers... reframe the problem
  49. A ROUGH DESIGN MATURITY CONTINUUM DESIGN AS Design redefines the challenges facing the organization. FRAMING Framing sets the agenda, outlines the boundaries and axes of interest, and moves design from executing strategy to shaping strategy. Disruptive innovation lives here. Design finds new opportunities by solving existing problems. PROBLEM ? Design process generates alternatives within a problem space. Design also narrows down SOLVING those options to a specific solution. Design makes things work better. FUNCTION This is the classic practice of design - but it's still commonly limited to incremental + improvements through iteration over existing AND FORM solutions. Design is the gateway to be hip and cool. STYLE , Design is stylish, but too often is percieved and practiced as a cosmetic afterthought. Design value isn't recognized. NO CONSCIOUS DESIGN ? This attitude fosters design by default - however things come out is fine, because there are more important issues to deal with. (Jess McMullin - Design Maturity Model - http://www.bplusd.org/2005/10/19/a-rough-design-maturity-model/ )
  50. Design a vase. Design a better way for people to enjoy flowers in their home.
  51. Design a vase. Design a better way for people to enjoy flowers in their home. Design a better search Design a better way to learn engine results page. about [topic]
  52. Design a vase. Design a better way for people to enjoy flowers in their home. Design a better search Design a better way to learn engine results page. about [topic] Product or Task Focused Experience Focused.
  53. Framing the right problem is about: Context Current Desired Problem(s) Outcome(s)
  54. A C T I V I T Y “Find the center”
  55. A C T I V I T Y “Strategy Canvas”
  56. A C T I V I T Y “Strategy Canvas”
  57. A C T I V I T Y “Strategy Canvas”
  58. A C T I V I T Y
  59. A B
  60. A B WRONG PROBLEM!
  61. ! ?
  62. ! ? (RIGHT PROBLEM TO SOLVE)
  63. “What’s the value of what I’m delivering?”
  64. For the purpose of... I’ve used... DESIGN RESEARCH UNDERSTANDING Looks at People, the Activities, and the Context of those Activities PERSONAS SCENARIOS ALIGNMENT EXPERIENCE MODELS MENTAL MODELS EXPLORATION STORIES CLARIFICATION MOCKUPS COMMUNICATION PRESENTATIONS / INSPIRATION MODELS PERSUASION PROTOTYPES HUMILIATION & GALVANIZATION EXPERT EVALUATIONS
  65. ‘Z’-Shaped Thinkers... explore many perspectives
  66. The Cotton Bowl Image Source My Cousin
  67. The Cotton Bowl “ She focused so much on her business that she forgot to focus on her business. Image Source My Cousin
  68. A C T I V I T Y “role play the browser”
  69. A C T I V I T Y p! Ask yourself “can a five year old understand this?”
  70. A C T I V I T Y “Wear a different hat.” How would these different brands respond to the same design challenge?
  71. A C T I V I T Y “Classical Invention” (as a way to see something from 5 different perspectives) Definition -Genus -Division Circumstance -Possible and impossible Comparison -Past fact and future fact -Similarity -Difference Testimony -Degree -Authority -Testimonial Relationship -Statistics -Cause and effect -Maxims -Antecedent and consequence -Law -Compliments -Precedents -Contradictions
  72. A C T I V I T Y “Peaks & Valleys” Draw the emotional peaks and valleys in your customer journey. Where does the experience start? When does it end?
  73. A C T I V I T Y “Peaks & Valleys” Draw the emotional peaks and valleys in your customer journey. Where does the experience start? When does it end?
  74. Ordering Pizza for Delivery Browse Review Payment Build Pizza Wait Eat! Coupons Price Info
  75. Ordering Pizza for Delivery Browse Review Payment Build Pizza Wait Eat! Coupons Price Info
  76. Ordering Pizza for Delivery ! Eat! Browse Build Pizza Wait Coupons Review Price Payment Info "
  77. ! ! ! Wait Eat! Build Pizza Browse Coupons Review Price Payment Info "
  78. ! ! ! Wait Eat! Build Pizza Browse Coupons Review Price Payment Info "
  79. ! ! ! Wait Eat! Build Pizza Browse Coupons Review Price Payment Info "
  80. ! ! ! Wait Eat! Build Pizza Browse Coupons Review Price Payment Info "
  81. ! ! ! Wait Eat! Build Pizza Browse Coupons Review Price Payment Info "
  82. A C T I V I T Y “Peaks & Valleys” Draw the emotional peaks and valleys in your customer journey. Where does the experience start? When does it end?
  83. A C T I V I T Y “Reverse the Problem” What’s the opposite of what you’re trying to do? How would you design something with the opposite goal?
  84. Habit to develop: {Training your mind differently (Count squares for a week, etc.)} http://www.flickr.com/photos/43130906@N04/4251109221/
  85. Habit to develop: Change your work context every 18 months. (new job, new project or new role within your company) http://www.flickr.com/photos/43130906@N04/4251109221/
  86. ‘Z’-Shaped Thinkers... synthesize information
  87. News To Me Images Source © Time Inc.
  88. Deja vu? Images Source © e Wachowski Brothers
  89. Remember These? Images Source © http://www.flickr.com/photos/jacksonboyle/1506260962/sizes/l/in/photostream/
  90. Remember These? “ When the cassette recorder was invented, the music industry announced a moral panic over the fact that people could simply steal music from the radio, or copy it from each other. - John Lanchester Images Source © http://www.flickr.com/photos/jacksonboyle/1506260962/sizes/l/in/photostream/
  91. Remember These? Images Source Wikipedia
  92. Meet the First Digital Audio Player Images Source Kane Kramer http://www.kanekramer.com
  93. Meet the First Digital Audio Player 1979 Images Source Kane Kramer http://www.kanekramer.com
  94. Meet the First Digital Audio Player Images Source Kane Kramer http://www.kanekramer.com
  95. Meet the First Digital Audio Player Images Source Kane Kramer http://www.kanekramer.com
  96. The MP3 Player is an Application Images Source © http://flickriver.com
  97. The New Books
  98. The New Books Free?
  99. Back to the Newspapers...
  100. Back to the Newspapers...
  101. Back to the Newspapers...
  102. + = Fog Gun Shower
  103. + Cooking
  104. + Cooking
  105. + Poetry
  106. + Poetry
  107. + Usability
  108. + Usability
  109. Habit to develop: Expose yourself: Learn from other disciplines (film, restaurants, gardening, etc.) http://www.flickr.com/photos/43130906@N04/4251109221/
  110. A C T I V I T Y “Forced connections”
  111. http://getmentalnotes.com/
  112. Habit to develop: Expose yourself! To other kinds of UIs–from games, different industries, and other devices (kiosks, mobile, medical, car dashboards, etc.) http://www.flickr.com/photos/43130906@N04/4251109221/
  113. http://www.aaronjasinski.com/
  114. 1 Categories Bars... 5 3 color coding More 4 height details on click 2 Sub-Categories
  115. 27 26 25 REGION 3 24 23 21 20 19 18 17 16 15 REGION 2 14 13 12 11 10 09 08 07 06 REGION 1 05 04 03 02 01
  116. REGION 1 REGION 2 REGION 3 123.45 93.04 Supervisor: John Smith Qtly Avg: $4.2m Other: $55.3m Q4 TODAY 07 Miami Branch 04 06 09 05 08 02 20 03 24 26 25 23 27 01 10 14 16 19 15 18 12 21 13 17 11
  117. _ _ Navigation! _ Activity Focused
  118. Geographical Places Building Interiors, Caves, etc.
  119. Geographical Places Building Interiors, Caves, etc.
  120. Persistent Global Controls Geographical Places Building Interiors, Caves, etc.
  121. Persistent Global Controls Geographical Places Building Interiors, Caves, etc.
  122. Map, News, Character Stats Persistent Global Controls Geographical Places Building Interiors, Caves, etc.
  123. Map, News, Character Stats Persistent Global Controls Geographical Places Building Interiors, Caves, etc.
  124. Map, News, Character Stats Persistent Global Controls Geographical Places Building Interiors, Caves, etc. Games
  125. Map, News, Character Stats Persistent Global Controls Geographical Places Building Interiors, Caves, etc. Games
  126. Map, News, Character Stats Persistent Global Controls Geographical Places Building Interiors, Caves, etc. Games
  127. Map, News, ? Character Stats Persistent Global Controls Geographical Places Building Interiors, Caves, etc. Games
  128. Map, News, Character Stats Global Popups, Profile, Navigation, News Persistent Global Persistent Global Controls Controls Various Geographical Places Applications Building Interiors, Plug-Ins, related Caves, etc. tools Context-Specific Tasks, Games Contextual Help
  129. I have problems with separate disciplines & serialized workflows.
  130. I have problems with UX certifications.
  131. “ Don’t worry about how we’re going to do it, we just want to see an impression of what these scenes are going to look like on the screen... George Lucas, speaking to Ralph McQuarrie about concept paintings for Star Wars
  132. “ We started out with almost no experience in building models in this quantity or this type... Grant McCune
  133. “ Everybody sort of cross-trained and worked in different techniques. That was different than the Hollywood system that had very strict sort of union rules. But there was no way that this work could be done that way, or that the Hollywood unions could understand what we were doing… Dennis Muren
  134. “ We took the concept of motion control... and we made it production savvy, by tying it into a computer, which at that point was custom built microprocessors. There were no PCs... We built them from scratch. John Dykstra
  135. “Broad and Deep Generalists” People who are ... Passionate Curious “Synthesizers” VS. Siloed Disciplines Information Interaction Visual Usability/ Front-End Back-End Researchers Human Architects Designers Designers Developers Developers Factors
  136. A C T I V I T Y Exercise Estimate billable hours/roles for this project: Web site for a non-profit organization Accept Donations from any variety of Payment Types Highlight “the Good” being done Highlight the Board of Directors Highlight Opportunities to help/join/volunteer/etc. News / Events / Newsletter Contact Info
  137. ‘Z’-Shaped Thinkers... embrace constraints
  138. A C T I V I T Y Exercise Estimate billable hours/roles for this project: Web site for a non-profit organization Accept Donations from any variety of Payment Types Highlight “the Good” being done Highlight the Board of Directors Highlight Opportunities to help/join/volunteer/etc. News / Events / Newsletter Contact Info New Twist: How would you do this in x hours?!
  139. e ! e ! r e f iz p r es this have to W hat do ith Sta r Wars? do w
  140. “Graflex 3-Cell Flashgun” “Luke’s Lightsaber”
  141. “Denix C96 Mauser” “Han Solo’s Blaster”
  142. “ Man built most nobly when limitations were at their greatest. Frank Lloyd Wright:
  143. why I stopped wireframing...
  144. “Abstraction”
  145. A C T I V I T Y Design for Mobile First. introduces constraints and forces you to focus on the essential
  146. A C T I V I T Y Design Studio introduces constraints and forces you to focus on the essential
  147. task analysis grid
  148. inspiration library
  149. quantity over quality.
  150. 6-8/5
  151. Design Studio
  152. A C T I V I T Y “Design the Box”
  153. Design the Box
  154. Design the Box
  155. Design the Box
  156. A C T I V I T Y What can you build and launch in a weekend? .. the Minimum Viable Product (MVP) is that product which has just those features (and no more) that allows you to ship a product that resonates with early adopters; some of whom will pay you money or give you feedback. -Eric Reis
  157. ‘Z’-Shaped Thinkers... challenge assumptions
  158. Fast Food: Good or Bad?
  159. Build a tricycle with wings! *
  160. Build a tricycle (SILLY REQUEST) with wings! *
  161. Build a tricycle (SILLY REQUEST) with wings! * B What color do you want it?
  162. Build a tricycle (SILLY REQUEST) with wings! * B B What color do you want it? We can try out some HTML5-coated titanium!
  163. Build a tricycle (SILLY REQUEST) with wings! * B b We can try Stop. out some Why is this HTML5-coated valuable? And titanium! for whom? B What color do you want it?
  164. A C T I V I T Y “Ladders of Abstraction” also known as... Why? Why? WHY? WHY? WHY?
  165. A C T I V I T Y “What if…?”
  166. “We’ve tried that…”
  167. ‘Z’-Shaped Thinkers... appreciate details
  168. THINGS NOT BROKEN modal transparent confirmation messages boxes
  169. http://37signals.com/svn/archives2/the_long_road_to_simple_creating_debating_and_iterating_add_an_event.php
  170. Habit to develop: Take up a hobby where a subtle appreciation of details is required (enjoying Wine, cheese, hot teas, chocolate, jewelry, paper, etc.) http://www.flickr.com/photos/43130906@N04/4251109221/
  171. ‘Z’-Shaped Thinkers... reframe the problem explore many perspectives synthesize information embrace constraints challenge assumptions appreciate details
  172. ‘Z’-Shaped Thinkers... reframe the problem explore many perspectives synthesize information embrace constraints challenge assumptions appreciate details in order to... envision unseen opportunities
  173. Deborah Adler
  174. A C T I V I T Y It’s five years in the future. Your big idea failed. Write THE OBITUARY for your big idea. It’s 2017. “User Experience” is Dead. What happened? Write the obituary for User Experience.
  175. A C T I V I T Y It’s 5 years in the future. Write the press for your successful product/service/company.
  176. A C T I V I T Y It’s 5 years in the future. Write the press for your successful product/service/company. Be the press release for UX!
  177. Z
  178. Thank you! slideshare.net/stephenpa getmentalnotes.com Stephen P Anderson . Russ Unger @stephenanderson @russu www.poetpainter.com www.userglue.com

×