Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Designers Make it Go to Eleven

0d877f80c535471ede57c7a4c0f487de?s=47 Idan Gazit
September 24, 2011

Designers Make it Go to Eleven

Slides from my talk at DjangoCon US 2011. Video and other coverage on lanyrd at http://lanyrd.com/2011/djangocon-us/sggmr/#link-fgxf

0d877f80c535471ede57c7a4c0f487de?s=128

Idan Gazit

September 24, 2011
Tweet

Transcript

  1. @idangazit DjangoCon US 2011 Idan Gazit make it go to

    eleven 1 2 3 4 5 6 7 8 9 10 ˒
  2. None
  3. DJANGO APPLE.COM EVERYBLOCK RDIO wilson made: omgwt bq, amirite?

  4. None
  5. BDesigner FL

  6. table of contents

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

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

  9. HTTP://FLIC.KR/P/MWSWJ

  10. design

  11. compromise is the soul of design

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

  13. COLORBREWER2.ORG

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

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

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

  17. ILLUSTRATIONS PROVIDED BY GESTUREWORKS (WWW.GESTUREWORKS.COM) 1 2 3 4 q

    w r z e ^ S a s i o
  18. who what when/where why AUDIENCE

  19. constraints inform choices

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

  21. delight & obviousness 1-100 29-53 unbounded ˒ ˒ ˒ ˒

    ˒ UX
  22. input/output mediating I/O paving cowpaths IxD

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

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

    1 3 5 2 4 6
  25. expose functionality cues & clues affordance discoverability conventions interactability UI

  26. info hierarchy sort criteria findability IA

  27. visual hierarchy establishing connections mood & narrative beauty = performance

    VIZ
  28. None
  29. UX IxD UI IA VIZ

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

  31. CODE DESIGN “the fence”

  32. ok, so what?

  33. None
  34. HTTP://FLIC.KR/P/KZPSX

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

  36. why? because we can.

  37. lack of business constraints

  38. “patches accepted.”

  39. is this… code design good?

  40. uphill battle

  41. django relatively awesome.

  42. “non-code” docs tests

  43. BDesigner FL MOAR!

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

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

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

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

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

  49. pain points python on windows local setup project templates deployment

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

  51. trac doesn’t work for designers (yet?)

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

  53. style guide we already have code guidelines

  54. Pioneering we can be a shining example

  55. devops devigner? deseloper?

  56. come talk to me.

  57. THANK YOU! @idangazit