Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Condescension in design - WIAD 2016 - Nicholas Hobson

873 views

Published on

Condescension in design wiad2016 - Nicholas Hobson
And its remedy Mutative Design

Published in: Design
  • Be the first to comment

  • Be the first to like this

Condescension in design - WIAD 2016 - Nicholas Hobson

  1. 1. @nichobby 1
  2. 2. @nichobby 2 Condescension in design @nichobby And its remedy mutative design WIAD 2016 Source: orbojunglist reddit.com
  3. 3. @nichobby 3 Conversation between man and machine
  4. 4. @nichobby 4 What is Condescension?
  5. 5. @nichobby 5 “Patronizing attitude or behavior”
  6. 6. @nichobby 6Source: moviepilot.com Harry Potter@nichobby
  7. 7. @nichobby 7@nichobby Source: craveonline.com Social Network
  8. 8. @nichobby 8 “descending from a superior intellectual level to be understood.”
  9. 9. @nichobby 9@nichobby Source: criticalcommons.org The Matrix Reloaded
  10. 10. @nichobby 10 Example 1 Source: wix.com
  11. 11. @nichobby 11 “Don’t treat me like I’m stupid”
  12. 12. @nichobby 12Source: mailchimp.com
  13. 13. @nichobby 13Source: hostgator
  14. 14. @nichobby 14Source: youtube.com
  15. 15. @nichobby 15Source: windows 10
  16. 16. @nichobby 16 “I don’t have a clue about what this thing is telling me”
  17. 17. @nichobby 17 But why does this happen?
  18. 18. @nichobby 18 Prejudice
  19. 19. @nichobby 19 Clustering @nichobby Source: thestocks.com
  20. 20. @nichobby 20 All these architects information spend countless hours gathering all this @nichobby Source: thestocks.com
  21. 21. @nichobby 21 Personas Behavioral MappingArchetypes Affinity Diagrams Journey maps Experience maps Ecosystems Touch points Storyboarding Territory mapping Cultural mapping
  22. 22. @nichobby 22 Distill all this into one static design
  23. 23. @nichobby 23*Don’t worry we did that responsive thing Source: thestocks.com
  24. 24. @nichobby 24 an unreceptive, linear experience that doesn’t speak to users at their level of understanding @nichobby Source: thestocks.com
  25. 25. @nichobby 25 Isn’t that what we all really want Understanding Source: geekandsundry.com Ex Machina@nichobby
  26. 26. @nichobby 26 Architects have been designing systems that have an ultimate authority of intelligence without the ability to be receptive and sympathetic to person on the other side @nichobby
  27. 27. @nichobby 27 Etiquette and empathy
  28. 28. @nichobby 28 iOS Human Interface Guidelines As much as possible, avoid “you,” “your,” “me,” and “my.” Sometimes, text that identifies people directly can be ambiguous and can even be interpreted as insulting or patronizing. Source: developer.apple.com/library/ios/
  29. 29. @nichobby 29 “How can it mean anything to me, if I really don’t feel anything at all” - MJK,Tool
  30. 30. @nichobby 30 Here’s the lock: “I can’t design for everyone” Source: visualhunt.com@nichobby
  31. 31. @nichobby 31 Here’s the key: Mutative design Source: Daryn Bartlett@nichobby
  32. 32. @nichobby 32 What is Mutative design?
  33. 33. @nichobby 33 Liam Spradlin’s Project Phoebe https://medium.com/project-phoebe@nichobby
  34. 34. @nichobby 34 Liam Spradlin’s Project Phoebe https://medium.com/project-phoebe • Age (A) • Exposure to technology (E) • Vision level/type (V) • Physical ability (P) • Language (L) • Data availability (D) • Lighting (S) Starting State A3E3V2B2P5D3. @nichobby
  35. 35. @nichobby 35 What is Atomic design? @nichobby Source: 3dprint.com
  36. 36. @nichobby 36 Brad Frost’s Atomic Design Source: http://bradfrost.com patternlab.io atoms molecules molecules templates pages
  37. 37. @nichobby 37 Atomic elements like Copy, Buttons, Inputs, Cards, Colours will be able to mutate on both a local micro scale and a larger group macro scale
  38. 38. @nichobby 38 High level order from low level organisation Entrophy @nichobby Source: thestocks.com
  39. 39. @nichobby 39 Ontological design The things we design, design us back
  40. 40. @nichobby 40 Ouroboros ultimate feedback loop Source: wikia.com Hemlockgrove@nichobby
  41. 41. @nichobby 41 from gathering and understanding all the information to creating the rules for mutations. Focus shift
  42. 42. @nichobby @nichobby nichobby.com

×