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

Reusability makes scale possible.

Avatar for marcosuarez marcosuarez
October 30, 2017
Design
0
46

Reusability makes scale possible.

Avatar for marcosuarez

marcosuarez

October 30, 2017
Tweet

More Decks by marcosuarez

See All by marcosuarez
Increasing Team Velocity with Design Systems
Avatar for marcosuarez marcosuarez
1
120
New York Design Systems Coalition
Avatar for marcosuarez marcosuarez
0
730
What I learned starting an intensive design class.
Avatar for marcosuarez marcosuarez
0
160

Other Decks in Design

See All in Design
今日から意識できるアクセシビリティ
Avatar for fumiko fumiko
0
240
Goodpatch Tour💙 / We are hiring!
Avatar for Goodpatch Inc. goodpatch
31
860k
Les petites aventures de CSS, saison 2025
Avatar for Raphael Goetter goetter
3
4k
「描く」という衝動に立ち返る〜Figma Drawがひらく思考のかたち〜
Avatar for Miwa Kuramitsu transit_kix
1
880
ブランドパーソナリティ言語化における生成AI活用の実際
Avatar for Hiroki Hosaka h0sa
0
130
パンくずリストかわいい(breadcrumb so cute)
Avatar for Ysuda ysuda
0
270
Generating Momentum | Yasuhiro Yokota
Avatar for Yasuhiro Yokota | 横田泰広 yasuhiroyokota
1
360
1920*1080pxに設定したケース / Google Slide Size Test
Avatar for Arthur arthur1
0
2.8k
A brief & incomplete history of 
UX Design for the World Wide Web: 1989–2019
Avatar for Jason CranfordTeague jct
1
200
AIで加速するアクセシビリティのこれから
Avatar for Rikiya Ihara / magi magi1125
3
510
freee + Product Design FY25Q4
Avatar for freee freee
4
14k
Мышление дизайнера историями. Как текстовые модели человеческого поведения помогают проектировать
Avatar for Andrew Shapiro ashapiro
0
240

Featured

See All Featured
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
161
15k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
137
34k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
16k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
107
19k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
159
23k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
657
60k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
7
490
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
140
7k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
270
20k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
34
3k
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
277
23k
The Language of Interfaces
Avatar for Des Traynor destraynor
158
25k

Transcript

  1. None

  2. Marco Suarez @marcosuarez

  3. None

  4. Design is bespoke.

  5. Bespoke design doesn’t scale.

  6. Design debt is acquired by designing for the short-term.

  7. None
  8. None

  9. Software Crisis

  10. Douglas McIlroy

  11. Component-based development

  12. None
  13. None

  14. Segue

  15. None
  16. None

  17. Reusability makes scale possible.

  18. Vision

  19. Principles

  20. t4 Good design makes a product understandable.

  21. t4 Be effective Create unity Always be thorough Express Etsy

  22. Process

  23. Process creates understanding

  24. Process builds data

  25. Process sets expectations

  26. Process is a reusable system of tasks for arriving at

    optimal solutions.

  27. Visual Language

  28. Color Type Shape Space Icons Motion

  29. Whether brand recognition, action identification, or hierarchy, color is used

    with intention.

  30. A purposeful and restrained use of color builds conventions and

    removes distractions, making our products more pleasant and easier to use.
  31. None
  32. None

  33. t4 Vision Principles Process Visual Language

  34. Reusability makes scale possible.

  35. Thanks!

  36. A design system is a collection of reusable solutions.