Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Developers as Intentional Designers

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Lynn Fisher Lynn Fisher
April 26, 2014
Technology
1.2k
1

Developers as Intentional Designers

A talk from JSConf Brazil, Fortaleza.

Avatar for Lynn Fisher

Lynn Fisher

April 26, 2014

More Decks by Lynn Fisher

See All by Lynn Fisher
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
304
22k
A Different Kind of UX
Avatar for Lynn Fisher lynnandtonic
9
1.4k
Illustration with CSS
Avatar for Lynn Fisher lynnandtonic
9
4.3k
Be Good At Lots of Things
Avatar for Lynn Fisher lynnandtonic
8
1.6k
I’ll Be Awesome At Lots of Things, Thank You Very Much
Avatar for Lynn Fisher lynnandtonic
4
460
Illustrating With Heart
Avatar for Lynn Fisher lynnandtonic
3
650

Other Decks in Technology

See All in Technology
OpenTelemetryのメトリクスをCloudWatchに送ってPromQLで見てみた
Avatar for Itaru Ota ota1022
0
150
白金鉱業Meetup Vol.25 アウトカムが二値のデータに対するCausal Impact
Avatar for BrainPad brainpadpr
0
210
Slack上でインフラをトラブルシュートする！ Agentic Platform Engineeringの第一歩
Avatar for teru0x1 teru0x1
5
1.7k
range over func 2年間の軌跡 Issue #56413 はGoのエコシステムをどう変えたか
Avatar for Ryuji Kokubu ryujicre8ive
0
190
「守り」で活用するオンデバイスLLM 〜写ってはいけないを総力戦で防ぐ〜 / iOSDC Japan 2026
Avatar for nakamuuu nakamuuu
0
160
30座EKS, 180次升級淬煉的EKS Upgrade Skill 的歷程
Avatar for Eric eric8230
0
170
アプリをもっと"iOSアプリっぽく"する小さな工夫 / Small Touches That Make Your App Feel More Like an iOS App
Avatar for matsuji matsuji
2
920
AIエージェントの自己改善をどう設計するか / How to Design Self-Improvement for AI Agents
Avatar for 223 22mi
25
16k
Snowflakeのコスト最適化を支えるアーキテクチャ設計
Avatar for Tatsuya Koreeda ktatsuya
1
1.6k
映像変換サーバーなしで端末内でHLSを生成してライブ配信
Avatar for HikaruSato hikarusato
0
120
目の前の楽しいが人生を変える - コミュニティの螺旋の歩き方と楽しむコツ / change your life
Avatar for soudai sone soudai
PRO
5
630
LTのテーマ どうきめてる？〜5つの型と私のやり方〜
Avatar for Yuuki Yamashita yama3133
1
110

Featured

See All Featured
The Language of Interfaces
Avatar for Des Traynor destraynor
162
27k
Between Models and Reality
Avatar for mayunak mayunak
4
460
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
Avatar for David Carrasco davidcarrasco
3
240
From Legacy to Launchpad: Building Startup-Ready Communities
Avatar for Dug Song dugsong
0
330
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
270
14k
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
9
2.6k
Applied NLP in the Age of Generative AI
Avatar for Ines Montani inesmontani
PRO
4
2.5k
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
Avatar for Aleyda Solis aleyda
2
2.1k
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
Avatar for Sophie Logan marketingsoph
0
410
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
41
2.7k
The Curse of the Amulet
Avatar for Matthew Lei leimatthew05
3
14k
We Are The Robots
Avatar for Honza Javorek honzajavorek
0
370

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