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

Reusability makes scale possible.

Avatar for marcosuarez marcosuarez
October 30, 2017
Design
59
0

Reusability makes scale possible.

Avatar for marcosuarez

marcosuarez

October 30, 2017

More Decks by marcosuarez

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

Other Decks in Design

See All in Design
設計と制作 意図を形に表す / Design and Making: Intent Made Form
Avatar for usagimaru usagimaru
3
1.8k
root COMPANY DECK / We are hiring！
Avatar for 株式会社ルート root_recruit
2
28k
CREATIVE CLASS受講課題｜無印良品を題材としたブランド再構築について
Avatar for satoshi kobayashi happy_ferret153
0
880
「デザイン」の自分ごと化から始める、デザインピープルのふるまい
Avatar for mewmo mewmo
0
230
hicard_credential_202601
Avatar for hicard hicard
0
230
Tendências de UX Research 2026
Avatar for Viviane Delvequio videlvequio
0
100
Storyboard Exercise: Chase Sequence
Avatar for Mandalyn Teo lynteo
1
300
From the Visible Crossroads: Turning Outputs into Outcomes
Avatar for takai_kanako takaikanako
2
1.4k
2026の目標「もっと定量的に事業、会社へ貢献する！」
Avatar for yuri ohashi yuri_ohashi
0
810
デザインコンテキストのバトンをつなぐ—AI時代のプロダクトマネジメント
Avatar for kumano ayumi kumanoayumi
6
1.1k
TUNAG BOOK 2024
Avatar for 株式会社スタメン stmn
PRO
0
1.5k
改正JISを見据えた、企業のアクセシビリティ対応ロードマップ
Avatar for Yu Morita securecat
1
360

Featured

See All Featured
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.7k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
28
2.6k
Designing Powerful Visuals for Engaging Learning
Avatar for Mike Taylor tmiket
1
360
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
5.9k
Ruling the World: When Life Gets Gamed
Avatar for Sebastian Deterding codingconduct
0
220
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
10
1.2k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
82
6.2k
16th Malabo Montpellier Forum Presentation
Avatar for AKADEMIYA2063 akademiya2063
PRO
0
110
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
3k
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
32
2.9k
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
Avatar for Tech SEO Connect techseoconnect
PRO
0
170
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
Avatar for David Carrasco davidcarrasco
3
120

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.