Condescension in design - WIAD 2016 - Nicholas Hobson

@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