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

Developers as Intentional Designers

Lynn Fisher
April 26, 2014
Technology
1
940

Developers as Intentional Designers

A talk from JSConf Brazil, Fortaleza.

Lynn Fisher

April 26, 2014
Tweet

More Decks by Lynn Fisher

See All by Lynn Fisher
Art, The Web, and Tiny UX
lynnandtonic
298
20k
A Different Kind of UX
lynnandtonic
9
1.2k
Illustration with CSS
lynnandtonic
9
3.8k
Be Good At Lots of Things
lynnandtonic
7
1.3k
I’ll Be Awesome At Lots of Things, Thank You Very Much
lynnandtonic
4
380
Illustrating With Heart
lynnandtonic
3
490

Other Decks in Technology

See All in Technology
勝手に！深堀り！Cloud Run worker pools / Deep dive Cloud Run worker pools
iselegant
4
530
Azure Maps Visual in PowerBIで分析しよう
nakasho
0
100
Cross Data Platforms Meetup LT 20250422
tarotaro0129
1
800
React ABC Questions
hirotomoyamada
0
560
Oracle Cloud Infrastructure：2025年4月度サービス・アップデート
oracle4engineer
PRO
0
190
AIと共に乗り越える、 入社後２ヶ月の苦労と学習の軌跡
sai_kaneko
0
130
AWSの新機能検証をやる時こそ、Amazon Qでプロンプトエンジニアリングを駆使しよう
duelist2020jp
1
290
2025-04-14 Data & Analytics 井戸端会議 Multi tenant log platform with Iceberg
kamijin_fanta
0
120
品質文化を支える小さいクロスファンクショナルなチーム / Cross-functional teams fostering quality culture
toma_sm
0
150
【Λ（らむだ）】最近のアプデ情報 / RPALT20250422
lambda
0
130
ガバクラのAWS長期継続割引 ～次の4/1に慌てないために～
hamijay_cloud
1
500
ドキュメント管理の理想と現実
kazuhe
1
250

Featured

See All Featured
Code Review Best Practice
trishagee
67
18k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
30
2.3k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Fontdeck: Realign not Redesign
paulrobertlloyd
84
5.5k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
32
5.4k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Build The Right Thing And Hit Your Dates
maggiecrowley
35
2.7k
A Tale of Four Properties
chriscoyier
158
23k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
Stop Working from a Prison Cell
hatefulcrawdad
268
20k
GraphQLとの向き合い方2022年版
quramy
46
14k
Being A Developer After 40
akosma
91
590k

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