Learn You Some Design

Slides from my talk at The Junction on January 12th.

Transcript

1. hT://fI.K/p/61x DESIGN Ler yu sM a talk by Idan Gazit @idangazit
2. h, Wh y We He. l u Kw i ThN a BrKN.
3. bit.ly/LearnYouSomeDesign GoG MoEAr
4. links are usualy here SlD Wl b OnIE Sit back, relax and enjoy!
5. DjnOpoC.O SklsP.O
6. We o (“the best wave EVAR!1one OMGLOL”)
7. u Nt o JuCi ChNe 1 DeIN Bu iS, E’S aE  Oul O QuSIs
8. hT://fI.K/p/5uF
9. hT://fI.K/p/2SZ2g
10. hT://fI.K/p/mW
11. I N C E P T I O N
12. I DA N C E P T I O N F R O M T H E C R E A T O R S O F T H E J U N C T I O N
13. design, i
14. design, code i
15. design, code i scarier,
16. design, code i scarier, harder,
17. design, code i scarier, harder, takes more time to learn
18. hT://fI.K/p/4q1r
19. gO design, code i scarier, harder, takes more time to learn
20. design |dəˈzīn| noun 1 a plan or drawing produced to show the look and function or workings of a building, garment, or other object before it is built or made: he has just unveiled his design for the new museum. • the art or action of conceiving of and producing such a plan or drawing: good design can help the reader understand complicated information | the cloister is of late- twelfth-century design. • an arrangement of lines or shapes created to form a pattern or decoration: pottery with a lovely blue and white design. 2 purpose, planning, or intention that exists or is thought to exist behind an action, fact, or material object: the appearance of design in the universe. verb [ with obj. ] decide upon the look and functioning of (a building, garment, or other object), typically by making a detailed drawing of it: a number of architectural students were designing a factory | [ as adj. with submodifier ] (designed) : specially designed buildings. • do or plan (something) with a specific purpose or intention in mind: [ with obj. and infinitive ] : the tax changes were designed to stimulate economic growth.
21. F*c Tt yeah Yr PrDc design is
22. Wt i i Wt i Ds h i Ds i h i LoK h i FeL To ue
23. hT://fI.K/p/9v CoPOmS is the soul of design
24. hT://fI.K/p/4O 3
25. hT://fI.K/p/78X you are making things for HuAS
26. hT://fI.K/p/78X you are making things for HuAS CoPTs with
27. hT://fI.K/p/78X you are making things for HuAS CoPTs with  s of
28. hT://fI.K/p/7x PhSOlG & PsCOlG
29. CoOBrWR2.o
30. hT://W.WisNmnr.O/Pot/08/C/0/ReaIv-EaaIlt/
31. 54239 vs. 54-22-39 hT://E.WiieI.R/wK/Unig_(PscOlg)
32. hT://fI.K/p/9S MeIM
33. hT://fI.K/p/5G1ZW
34. OK
35. IlUTrTo CoRe GeTReOk (w.GeTReOk.c) 1 2 3 4 q w r z e ^ S a s i o
36. who what when/where why AuIn
37. inform CoSRaNS ChIe
38. hT://fI.K/p/Kk
39. u IxD u i v DeIN is
40. 1-10, 1-10 23-58 A, B, C unbounded u DeiHt aD ViunS
41. mediating I/O paving “cowpaths” IXD pT / tU
42. HTTP://WWW.LUKEW.COM/FF/ENTRY.ASP?504 p H F
43. HTTP://WWW.LUKEW.COM/FF/ENTRY.ASP?504 p H F 1 2 3 1 2 3 1 3 5 2 4 6
44. cues & clues afordance discoverability conventions interactability u ExO FuCIoAi
45. sort criteria findability i Io HiRRy
46. establishing conections mod & narative beauty = performance v ViU HiRRy
47. AtRCtV ThN Wk BeTR hT://W.N.R/D.S/c1.D
49. u Ix u i v
50. hT://W.KikRsuI.O/bO/Imgs/U.P
51. O, So wA?
52. Bgs FeD PhTS
53. hT://fI.K/p/6V
54. hT://fI.K/p/4u Me i eT
55. PaSo
56. TIME ABILITY PASSION THRESHOLD SUCK THRESHOLD bit.ly/suck-threshold 1 2
57. TIME ABILITY PASSION THRESHOLD SUCK THRESHOLD bit.ly/suck-threshold 1 2
58. TIME ABILITY PASSION THRESHOLD SUCK THRESHOLD bit.ly/suck-threshold 1 2
59. E C PeFRmNE AlblT a & InERaI BiLn R a’S tin
60. hT://fI.K/p/7M6hK ImAT (move the nedle)
61. hT://fI.K/p/AEz I’Ll jSt hR A eIge O A oPl oR’ wR!
62. hT://fI.K/p/4q1r
63. hT://fI.K/p/8Vk
64. hT://fI.K/p/8Vk
65. n MoE n MaDt n DeINs n PrBe! d
66. Ur PeSn
68. mL, N, nL, Ve N e ai A Stn
69. Mika wants to share photos with her parents, who aren’t very technical. Both Mika and her parents have iPhones, but her parents’ model is older. She also likes to share photos with her sister, but there are pictures she wants to share *only* with her sister, and not her parents. She shares about 10 photos a day with her sister, and maybe one mL, N, nL, Ve N e ai A Stn
70. SkTHg
71. organizing your thoughts WrTn organizing your visual thoughts SkTHg
72. ugly fast disposable low-resolution loks incomplete  Gd SkT i ChA
73. we’re going to ned Ls o iTRtIN. ItRTiN.
74. paper fat markers a wal Wt d  Nd?
75. a computer an iPad training talent Wt d  n Nd?
76.  c’ Dw
77. BuLH*T.
83. hT://fI.K/p/BZ Plr. d. LeR.
84. I N C E P T I O N
85. DeINg you are already d i BeTR don’t panic! now go
86. ThN y! @idangazit & htp://gazit.me