Save 37% off PRO during our Black Friday Sale! »

Developers as Intentional Designers

D67fff74178013024d833b3eec6cf27f?s=47 Lynn Fisher
April 26, 2014
Technology
0
290

Developers as Intentional Designers

A talk from JSConf Brazil, Fortaleza.

D67fff74178013024d833b3eec6cf27f?s=128

Lynn Fisher

April 26, 2014
Tweet

More Decks by Lynn Fisher

See All by Lynn Fisher
D67fff74178013024d833b3eec6cf27f?s=48 lynnandtonic
277
17k
D67fff74178013024d833b3eec6cf27f?s=48 lynnandtonic
8
630
D67fff74178013024d833b3eec6cf27f?s=48 lynnandtonic
8
2.2k
D67fff74178013024d833b3eec6cf27f?s=48 lynnandtonic
6
520
D67fff74178013024d833b3eec6cf27f?s=48 lynnandtonic
4
160
D67fff74178013024d833b3eec6cf27f?s=48 lynnandtonic
2
120

Other Decks in Technology

See All in Technology
D907136acebc72f1df878541b26f271a?s=48 pichuang
1
170
5d9cd19df0e91caac118b793b4f803d5?s=48 takefumiyoshii
5
2.9k
208eaad444edf8029cba3bbd1c0cc864?s=48 takumiogawa
6
3.2k
79c2f7db29ee6df3e1ceb85c6a0126d3?s=48 moriwaka
0
150
Dd228ece3eac622c0b1b5f71f54b29ea?s=48 chisaton
0
220
A60224e356e52f631bec70bc9df52889?s=48 empitsu
2
1.5k
484571ccba0db66b69dc11761afdd0c4?s=48 chiroito
1
180
88b514e6413838c0d0cfb3257cefd19d?s=48 kamata_shingo
1
190
932329c79bc511fdfed22abbd5ec92d2?s=48 rnakamuramartiny
0
800
665dd8a044d0e509e730a20ba9612d37?s=48 alexdaubois
1
130
33dd5188ff5f608ca2a1e007b9528e6b?s=48 okepy
PRO
0
450
950776c7623253d1ccd37e3cd32fa58f?s=48 indigolain
2
890

Featured

See All Featured
E4f5d494ebdc9e7cce1aecf3ce3e8bc1?s=48 shpigford
167
19k
61857dafbd287b3027c4dcea9008ad3c?s=48 carmenhchung
43
2.2k
E4f5d494ebdc9e7cce1aecf3ce3e8bc1?s=48 shpigford
373
43k
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
72
3.9k
1b75d89772b7eea1f6c89fbf362607d9?s=48 moore
129
22k
C86443373fbfe92996aa882d0d7a59f8?s=48 imathis
484
150k
A16eb159db895e3b01d3dc95767ad595?s=48 jonyablonski
40
1.8k
D47656e20ff5e42f125fc5ea0fd636c6?s=48 tmm1
64
10k
9952dfcd5d338f8a8e7175c8a8f65fb5?s=48 wjessup
342
16k
C7393b7ba7ec9c8890dd77d209fbb3c9?s=48 maltzj
504
37k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
688
180k
F716e5f737fcfb03f2cf8d1a184f1dbe?s=48 nonsquared
84
3.7k

Transcript

  1. DEVELOPERS AS INTENTIONAL DESIGNERS Lynn Fisher @ lynnandtonic

  2. None
  3. None
  4. None
  5. None
  6. None
  7. None

  8. DESIGN DEVELOPMENT

  9. DESIGN DESIGN DEVELOPMENT DEVELOPMENT

  10. DESIGN DESIGN DESIGN DEVELOPMENT

  11. DESIGN + DEVELOPMENT

  12. DEVELOPERS AS INTENTIONAL DESIGNERS

  13. DEVELOPERS DECIDING TO BE DESIGNERS —DESIGNING WITH PURPOSE & ON

    PURPOSE
  14. None

  15. SPECIALIZATION IS A GOOD THING

  16. CONFLICT IS A GOOD THING

  17. CONSTRUCTIVE CONFLICT IS A GOOD THING

  18. BUT SOMETIMES IT’S JUST YOU

  19. SORRY

  20. SORRY I’M NOT A DESIGNER

  21. STOP APOLOGIZING

  22. YOU GOTS THE SKILLZ

  23. MODULARITY & REUSABILITY

  24. MODULE

  25. DON’T REPEAT YOURSELF

  26. REUSE

  27. MODULE

  28. CONSISTENCY

  29. 2 SPACES 4 SPACES >

  30. 2 SPACES 4 SPACES <

  31. CONSISTENCY!

  32. @ brad_frost

  33. HIERARCHY

  34. 1 2 3 4 5

  35. ORDER

  36. ORDER GROUPING

  37. ORDER GROUPING SIZE

  38. READABILITY

  39. section.readability h1 Look at this contrast! p Your text editor

    has some really helpful colors for strong readability. a(role=“example”) See? p It’s awesome! 1 2 3 4 5 6 7 8

  40. IS IT READABLE?

  41. STICK WITH HIGH CONTRAST. LOW CONTRAST CAN BE HARDER TO

    READ.

  42. UP THAT FONT SIZE. DON’T MAKE PEOPLE SQUINT.

  43. MAKE THOSE LINKS OBVIOUS. LIKE, IS THIS EVEN A LINK?

  44. TOOLS

  45. + 1 2 3 4 5 6 7 8 9

    10 11 12 13 <!DOCTYPE html> <html> <head> <title>JSConfBR</title> </head> <body> <div class=“content”> <h1>Welcome!</h1> </div> </body> </html> <title>JSConfBR</title> </head> <body> <div class=“content”> .content margin: 0 padding: 10px

  46. @ spiralstairs

  47. RECAP

  48. MODULARITY RECAP

  49. MODULARITY RECAP REUSABILITY

  50. MODULARITY RECAP REUSABILITY CONSISTENCY

  51. MODULARITY RECAP REUSABILITY CONSISTENCY HIERARCHY

  52. MODULARITY RECAP REUSABILITY CONSISTENCY HIERARCHY READABILITY

  53. MODULARITY RECAP REUSABILITY CONSISTENCY HIERARCHY READABILITY TOOLS

  54. VISUAL DESIGN

  55. None

  56. GO TEAM!

  57. PRACTICE

  58. AIN’T NOBODY GOT TIME FOR THAT

  59. START SMALL

  60. CLICK HERE! SUBMIT NAME EMAIL PHONE CANCEL OK

  61. NOT EVERY PROJECT IS A REDESIGN

  62. CONSISTENCY (REMEMBER?)

  63. RECREATE & REDESIGN

  64. REDESIGN OFTEN

  65. REDESIGN OFTEN & QUICKLY

  66. DRAW SOMETHING EVERY DAY

  67. 1. SOMETHING YOU CAN SEE

  68. 1. SOMETHING YOU CAN SEE 2. SOMETHING YOU IMAGINE

  69. None

  70. 1. SOMETHING YOU CAN SEE 2. SOMETHING YOU IMAGINE

  71. CREATE A VISUAL REPRESENTATION OF WHAT YOU SEE WITH YOUR

    EYES

  72. CREATE A VISUAL REPRESENTATION OF WHAT YOU SEE WITH YOUR

    EYES AND WHAT YOU SEE WITH YOUR MIND

  73. SO OTHERS CAN SEE WHAT YOU SEE

  74. SHOW OTHERS YOUR WORK

  75. “ONLY THOSE WHO ARE WILLING TO TAKE THE RISK OF

    WRITING CODE THAT’S NOT PERFECT EVER WRITE CODE.” - MICHAEL “GAR” GARVIN

  76. SHAPE THE COMMUNITY

  77. RECAP

  78. START SMALL RECAP

  79. START SMALL RECAP REDESIGN & RECREATE

  80. START SMALL RECAP REDESIGN & RECREATE DRAW SOMETHING EVERY DAY

  81. START SMALL RECAP REDESIGN & RECREATE DRAW SOMETHING EVERY DAY

    SHOW YOUR WORK

  82. START SMALL RECAP REDESIGN & RECREATE DRAW SOMETHING EVERY DAY

    SHOW YOUR WORK SHAPE THE COMMUNITY

  83. HOW TO WORK WITH DESIGNERS

  84. EVERY “HOW TO WORK WITH X PERSON” ARTICLE OR TALK

  85. EVERY “HOW TO WORK WITH X PERSON” ARTICLE OR TALK

    CAN BE SUMMED UP WITH UNDERSTAND THEM & APPRECIATE THEM.

  86. IT’S NOT JUST ABOUT DESIGNERS

  87. DESIGNERS AS INTENTIONAL DEVELOPERS

  88. STOP APOLOGIZING

  89. YOU’RE DOING THIS

  90. THANK YOU Lynn Fisher @ lynnandtonic