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