Condescension in design - WIAD 2016 - Nicholas Hobson
-
Upload
nicholas-hobson -
Category
Design
-
view
735 -
download
1
Transcript of Condescension in design - WIAD 2016 - Nicholas Hobson
![Page 1: Condescension in design - WIAD 2016 - Nicholas Hobson](https://reader035.fdocuments.in/reader035/viewer/2022070513/5886656c1a28ab7d408b48c7/html5/thumbnails/1.jpg)
@nichobby 1
![Page 2: Condescension in design - WIAD 2016 - Nicholas Hobson](https://reader035.fdocuments.in/reader035/viewer/2022070513/5886656c1a28ab7d408b48c7/html5/thumbnails/2.jpg)
@nichobby 2
Condescension in design
@nichobby
And its remedy mutative design
WIAD 2016 Source: orbojunglist reddit.com
![Page 3: Condescension in design - WIAD 2016 - Nicholas Hobson](https://reader035.fdocuments.in/reader035/viewer/2022070513/5886656c1a28ab7d408b48c7/html5/thumbnails/3.jpg)
@nichobby 3
Conversation between man and machine
![Page 4: Condescension in design - WIAD 2016 - Nicholas Hobson](https://reader035.fdocuments.in/reader035/viewer/2022070513/5886656c1a28ab7d408b48c7/html5/thumbnails/4.jpg)
@nichobby 4
What is Condescension?
![Page 5: Condescension in design - WIAD 2016 - Nicholas Hobson](https://reader035.fdocuments.in/reader035/viewer/2022070513/5886656c1a28ab7d408b48c7/html5/thumbnails/5.jpg)
@nichobby 5
“Patronizing attitude or behavior”
![Page 6: Condescension in design - WIAD 2016 - Nicholas Hobson](https://reader035.fdocuments.in/reader035/viewer/2022070513/5886656c1a28ab7d408b48c7/html5/thumbnails/6.jpg)
@nichobby 6Source: moviepilot.com Harry Potter@nichobby
![Page 7: Condescension in design - WIAD 2016 - Nicholas Hobson](https://reader035.fdocuments.in/reader035/viewer/2022070513/5886656c1a28ab7d408b48c7/html5/thumbnails/7.jpg)
@nichobby 7@nichobby Source: craveonline.com Social Network
![Page 8: Condescension in design - WIAD 2016 - Nicholas Hobson](https://reader035.fdocuments.in/reader035/viewer/2022070513/5886656c1a28ab7d408b48c7/html5/thumbnails/8.jpg)
@nichobby 8
“descending from a superior intellectual level to be understood.”
![Page 9: Condescension in design - WIAD 2016 - Nicholas Hobson](https://reader035.fdocuments.in/reader035/viewer/2022070513/5886656c1a28ab7d408b48c7/html5/thumbnails/9.jpg)
@nichobby 9@nichobby Source: criticalcommons.org The Matrix Reloaded
![Page 10: Condescension in design - WIAD 2016 - Nicholas Hobson](https://reader035.fdocuments.in/reader035/viewer/2022070513/5886656c1a28ab7d408b48c7/html5/thumbnails/10.jpg)
@nichobby 10
Example 1
Source: wix.com
![Page 11: Condescension in design - WIAD 2016 - Nicholas Hobson](https://reader035.fdocuments.in/reader035/viewer/2022070513/5886656c1a28ab7d408b48c7/html5/thumbnails/11.jpg)
@nichobby 11
“Don’t treat me like I’m stupid”
![Page 12: Condescension in design - WIAD 2016 - Nicholas Hobson](https://reader035.fdocuments.in/reader035/viewer/2022070513/5886656c1a28ab7d408b48c7/html5/thumbnails/12.jpg)
@nichobby 12Source: mailchimp.com
![Page 13: Condescension in design - WIAD 2016 - Nicholas Hobson](https://reader035.fdocuments.in/reader035/viewer/2022070513/5886656c1a28ab7d408b48c7/html5/thumbnails/13.jpg)
@nichobby 13Source: hostgator
![Page 14: Condescension in design - WIAD 2016 - Nicholas Hobson](https://reader035.fdocuments.in/reader035/viewer/2022070513/5886656c1a28ab7d408b48c7/html5/thumbnails/14.jpg)
@nichobby 14Source: youtube.com
![Page 15: Condescension in design - WIAD 2016 - Nicholas Hobson](https://reader035.fdocuments.in/reader035/viewer/2022070513/5886656c1a28ab7d408b48c7/html5/thumbnails/15.jpg)
@nichobby 15Source: windows 10
![Page 16: Condescension in design - WIAD 2016 - Nicholas Hobson](https://reader035.fdocuments.in/reader035/viewer/2022070513/5886656c1a28ab7d408b48c7/html5/thumbnails/16.jpg)
@nichobby 16
“I don’t have a clue about what this
thing is telling me”
![Page 17: Condescension in design - WIAD 2016 - Nicholas Hobson](https://reader035.fdocuments.in/reader035/viewer/2022070513/5886656c1a28ab7d408b48c7/html5/thumbnails/17.jpg)
@nichobby 17
But why does this happen?
![Page 18: Condescension in design - WIAD 2016 - Nicholas Hobson](https://reader035.fdocuments.in/reader035/viewer/2022070513/5886656c1a28ab7d408b48c7/html5/thumbnails/18.jpg)
@nichobby 18
Prejudice
![Page 19: Condescension in design - WIAD 2016 - Nicholas Hobson](https://reader035.fdocuments.in/reader035/viewer/2022070513/5886656c1a28ab7d408b48c7/html5/thumbnails/19.jpg)
@nichobby 19
Clustering
@nichobby Source: thestocks.com
![Page 20: Condescension in design - WIAD 2016 - Nicholas Hobson](https://reader035.fdocuments.in/reader035/viewer/2022070513/5886656c1a28ab7d408b48c7/html5/thumbnails/20.jpg)
@nichobby 20
All these architects
informationspend countless hours gathering all this
@nichobby Source: thestocks.com
![Page 21: Condescension in design - WIAD 2016 - Nicholas Hobson](https://reader035.fdocuments.in/reader035/viewer/2022070513/5886656c1a28ab7d408b48c7/html5/thumbnails/21.jpg)
@nichobby 21
PersonasBehavioral MappingArchetypes
Affinity Diagrams
Journey maps
Experience mapsEcosystems
Touch points
Storyboarding
Territory mapping
Cultural mapping
![Page 22: Condescension in design - WIAD 2016 - Nicholas Hobson](https://reader035.fdocuments.in/reader035/viewer/2022070513/5886656c1a28ab7d408b48c7/html5/thumbnails/22.jpg)
@nichobby 22
Distill all this into one static design
![Page 23: Condescension in design - WIAD 2016 - Nicholas Hobson](https://reader035.fdocuments.in/reader035/viewer/2022070513/5886656c1a28ab7d408b48c7/html5/thumbnails/23.jpg)
@nichobby 23*Don’t worry we did that responsive thing Source: thestocks.com
![Page 24: Condescension in design - WIAD 2016 - Nicholas Hobson](https://reader035.fdocuments.in/reader035/viewer/2022070513/5886656c1a28ab7d408b48c7/html5/thumbnails/24.jpg)
@nichobby 24
an unreceptive, linear experience that doesn’t speak to users at their level of understanding
@nichobby Source: thestocks.com
![Page 25: Condescension in design - WIAD 2016 - Nicholas Hobson](https://reader035.fdocuments.in/reader035/viewer/2022070513/5886656c1a28ab7d408b48c7/html5/thumbnails/25.jpg)
@nichobby 25
Isn’t that what we all really wantUnderstanding
Source: geekandsundry.com Ex Machina@nichobby
![Page 26: Condescension in design - WIAD 2016 - Nicholas Hobson](https://reader035.fdocuments.in/reader035/viewer/2022070513/5886656c1a28ab7d408b48c7/html5/thumbnails/26.jpg)
@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
![Page 27: Condescension in design - WIAD 2016 - Nicholas Hobson](https://reader035.fdocuments.in/reader035/viewer/2022070513/5886656c1a28ab7d408b48c7/html5/thumbnails/27.jpg)
@nichobby 27
Etiquette and empathy
![Page 28: Condescension in design - WIAD 2016 - Nicholas Hobson](https://reader035.fdocuments.in/reader035/viewer/2022070513/5886656c1a28ab7d408b48c7/html5/thumbnails/28.jpg)
@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/
![Page 29: Condescension in design - WIAD 2016 - Nicholas Hobson](https://reader035.fdocuments.in/reader035/viewer/2022070513/5886656c1a28ab7d408b48c7/html5/thumbnails/29.jpg)
@nichobby 29
“How can it mean anything to me, if I really don’t feel anything at all” - MJK,Tool
![Page 30: Condescension in design - WIAD 2016 - Nicholas Hobson](https://reader035.fdocuments.in/reader035/viewer/2022070513/5886656c1a28ab7d408b48c7/html5/thumbnails/30.jpg)
@nichobby 30
Here’s the lock:“I can’t design for everyone”
Source: visualhunt.com@nichobby
![Page 31: Condescension in design - WIAD 2016 - Nicholas Hobson](https://reader035.fdocuments.in/reader035/viewer/2022070513/5886656c1a28ab7d408b48c7/html5/thumbnails/31.jpg)
@nichobby 31
Here’s the key:Mutative design
Source: Daryn Bartlett@nichobby
![Page 32: Condescension in design - WIAD 2016 - Nicholas Hobson](https://reader035.fdocuments.in/reader035/viewer/2022070513/5886656c1a28ab7d408b48c7/html5/thumbnails/32.jpg)
@nichobby 32
What is Mutative design?
![Page 33: Condescension in design - WIAD 2016 - Nicholas Hobson](https://reader035.fdocuments.in/reader035/viewer/2022070513/5886656c1a28ab7d408b48c7/html5/thumbnails/33.jpg)
@nichobby 33
Liam Spradlin’s Project Phoebe
https://medium.com/project-phoebe@nichobby
![Page 34: Condescension in design - WIAD 2016 - Nicholas Hobson](https://reader035.fdocuments.in/reader035/viewer/2022070513/5886656c1a28ab7d408b48c7/html5/thumbnails/34.jpg)
@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
![Page 35: Condescension in design - WIAD 2016 - Nicholas Hobson](https://reader035.fdocuments.in/reader035/viewer/2022070513/5886656c1a28ab7d408b48c7/html5/thumbnails/35.jpg)
@nichobby 35
What is Atomic design?
@nichobby Source: 3dprint.com
![Page 36: Condescension in design - WIAD 2016 - Nicholas Hobson](https://reader035.fdocuments.in/reader035/viewer/2022070513/5886656c1a28ab7d408b48c7/html5/thumbnails/36.jpg)
@nichobby 36
Brad Frost’s Atomic Design
Source: http://bradfrost.com patternlab.io
atoms molecules molecules templates pages
![Page 37: Condescension in design - WIAD 2016 - Nicholas Hobson](https://reader035.fdocuments.in/reader035/viewer/2022070513/5886656c1a28ab7d408b48c7/html5/thumbnails/37.jpg)
@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
![Page 38: Condescension in design - WIAD 2016 - Nicholas Hobson](https://reader035.fdocuments.in/reader035/viewer/2022070513/5886656c1a28ab7d408b48c7/html5/thumbnails/38.jpg)
@nichobby 38
High level order from low level organisation
Entrophy
@nichobby Source: thestocks.com
![Page 39: Condescension in design - WIAD 2016 - Nicholas Hobson](https://reader035.fdocuments.in/reader035/viewer/2022070513/5886656c1a28ab7d408b48c7/html5/thumbnails/39.jpg)
@nichobby 39
Ontological design The things we design, design us
back
![Page 40: Condescension in design - WIAD 2016 - Nicholas Hobson](https://reader035.fdocuments.in/reader035/viewer/2022070513/5886656c1a28ab7d408b48c7/html5/thumbnails/40.jpg)
@nichobby 40
Ouroboros ultimate feedback loop
Source: wikia.com Hemlockgrove@nichobby
![Page 41: Condescension in design - WIAD 2016 - Nicholas Hobson](https://reader035.fdocuments.in/reader035/viewer/2022070513/5886656c1a28ab7d408b48c7/html5/thumbnails/41.jpg)
@nichobby 41
from gathering and understanding all the information to creating the rules for
mutations.
Focus shift
![Page 42: Condescension in design - WIAD 2016 - Nicholas Hobson](https://reader035.fdocuments.in/reader035/viewer/2022070513/5886656c1a28ab7d408b48c7/html5/thumbnails/42.jpg)
@nichobby
@nichobbynichobby.com