Designers Make it Go to Eleven

Slide 1

Slide 1 text

@idangazit DjangoCon US 2011 Idan Gazit make it go to eleven 1 2 3 4 5 6 7 8 9 10 ˒

Slide 2

Slide 2 text

No content

Slide 3

Slide 3 text

DJANGO APPLE.COM EVERYBLOCK RDIO wilson made: omgwt bq, amirite?

Slide 4

Slide 4 text

No content

Slide 5

Slide 5 text

BDesigner FL

Slide 6

Slide 6 text

table of contents

Slide 7

Slide 7 text

HTTP://FLIC.KR/P/5K9ORX

Slide 8

Slide 8 text

HTTP://FLIC.KR/P/7ZE3R9

Slide 9

Slide 9 text

HTTP://FLIC.KR/P/MWSWJ

Slide 10

Slide 10 text

design

Slide 11

Slide 11 text

compromise is the soul of design

Slide 12

Slide 12 text

HTTP://FLIC.KR/P/7RHSFX PHYSIOLOGY & PSYCHOLOGY

Slide 13

Slide 13 text

COLORBREWER2.ORG

Slide 14

Slide 14 text

7186014416 vs. 718-601-4416 http://en.wikipedia.org/wiki/Chunking_(psychology)

Slide 15

Slide 15 text

HTTP://FLIC.KR/P/89UTSR MEDIUM

Slide 16

Slide 16 text

HTTP://FLIC.KR/P/5G1ZHW

Slide 17

Slide 17 text

ILLUSTRATIONS PROVIDED BY GESTUREWORKS (WWW.GESTUREWORKS.COM) 1 2 3 4 q w r z e ^ S a s i o

Slide 18

Slide 18 text

who what when/where why AUDIENCE

Slide 19

Slide 19 text

constraints inform choices

Slide 20

Slide 20 text

HTTP://FLIC.KR/P/NCNZV UX IxD UI IA VIZ

Slide 21

Slide 21 text

delight & obviousness 1-100 29-53 unbounded ˒ ˒ ˒ ˒ ˒ UX

Slide 22

Slide 22 text

input/output mediating I/O paving cowpaths IxD

Slide 23

Slide 23 text

HTTP://WWW.LUKEW.COM/FF/ENTRY.ASP?504 Top Right Left

Slide 24

Slide 24 text

HTTP://WWW.LUKEW.COM/FF/ENTRY.ASP?504 Top Right Left 1 2 3 1 2 3 1 3 5 2 4 6

Slide 25

Slide 25 text

expose functionality cues & clues aﬀordance discoverability conventions interactability UI

Slide 26

Slide 26 text

info hierarchy sort criteria ﬁndability IA

Slide 27

Slide 27 text

visual hierarchy establishing connections mood & narrative beauty = performance VIZ

Slide 28

Slide 28 text

No content

Slide 29

Slide 29 text

UX IxD UI IA VIZ

Slide 30

Slide 30 text

HTTP://WWW.KICKERSTUDIO.COM/BLOG/IMAGES/UX.JPG

Slide 31

Slide 31 text

CODE DESIGN “the fence”

Slide 32

Slide 32 text

ok, so what?

Slide 33

Slide 33 text

No content

Slide 34

Slide 34 text

HTTP://FLIC.KR/P/KZPSX

Slide 35

Slide 35 text

HTTP://FLIC.KR/P/4PWUVG PRETTY MAKE IT

Slide 36

Slide 36 text

why? because we can.

Slide 37

Slide 37 text

lack of business constraints

Slide 38

Slide 38 text

“patches accepted.”

Slide 39

Slide 39 text

is this… code design good?

Slide 40

Slide 40 text

uphill battle

Slide 41

Slide 41 text

django relatively awesome.

Slide 42

Slide 42 text

“non-code” docs tests

Slide 43

Slide 43 text

BDesigner FL MOAR!

Slide 44

Slide 44 text

HTTP://FLIC.KR/P/93CO6Q CHEFS PER KITCHEN FEW

Slide 45

Slide 45 text

HTTP://FLIC.KR/P/7M2TL6 MATCHMAKING

Slide 46

Slide 46 text

TIME ABILITY PASSION THRESHOLD SUCK THRESHOLD bit.ly/suck-threshold 1 2

Slide 47

Slide 47 text

TIME ABILITY PASSION THRESHOLD SUCK THRESHOLD bit.ly/suck-threshold 1 2

Slide 48

Slide 48 text

TIME ABILITY PASSION THRESHOLD SUCK THRESHOLD bit.ly/suck-threshold 1 2

Slide 49

Slide 49 text

pain points python on windows local setup project templates deployment

Slide 50

Slide 50 text

ux.djangoproject.com (doesn’t exist yet)

Slide 51

Slide 51 text

trac doesn’t work for designers (yet?)

Slide 52

Slide 52 text

HTTP://FLIC.KR/P/S1CNA EDUCATION

Slide 53

Slide 53 text

style guide we already have code guidelines

Slide 54

Slide 54 text

Pioneering we can be a shining example

Slide 55

Slide 55 text

devops devigner? deseloper?

Slide 56

Slide 56 text

come talk to me.

Slide 57

Slide 57 text

THANK YOU! @idangazit