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
コムデマネージャーがプロダクトデザインに挑戦した。むずかしくて楽しかった。
Avatar for payatsun payatsusan213
0
290
図面資産×AI 眠れる資産を起こす挑戦
Avatar for 青野正寛 aonomasahiro
0
100
Mandalyn_DT5001_FinalAssignment.pdf
Avatar for Mandalyn Teo lynteo
0
220
2026の目標「もっと定量的に事業、会社へ貢献する！」
Avatar for yuri ohashi yuri_ohashi
0
810
UI生成の鍵は要件整理 -デザインプロセスのエッセンスを プロンプト作成に取り入れよう-
Avatar for 都村　美帆 abokadotyann
3
770
Drawing for Animation
Avatar for Mandalyn Teo lynteo
2
290
情報を翻訳する-伝わる可視化３原則とオープンデータ活用-
Avatar for Hajime Kato hjmkth
1
240
デザインコンテキストのバトンをつなぐ—AI時代のプロダクトマネジメント
Avatar for kumano ayumi kumanoayumi
6
1.1k
「見せる」登壇資料デザインの極意
Avatar for takanorip takanorip
3
780
Storyboard Assignment: Storyboard from Comic Strip
Avatar for Mandalyn Teo lynteo
3
260
2026_01_07_３DプリントはじめましたLT.pdf
Avatar for HideakiTakechi hideakitakechi
0
180
全員がアウトプットを出せる時代、 誰を採用する?
Avatar for NishaMe nishame
0
540

Featured

See All Featured
The Mindset for Success: Future Career Progression
Avatar for Greg Gifford greggifford
PRO
0
320
So, you think you're a good person
Avatar for Per Axbom axbom
PRO
2
2k
KATA
Avatar for Megan Lloyd mclloyd
PRO
35
15k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
191
11k
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
Avatar for Kenny Baas-Schwegler baasie
0
540
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
32
3k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
55
8.1k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
10
1.2k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
35
3.4k
More Than Pixels: Becoming A User Experience Designer
Avatar for Michelle Schulp Hunt marktimemedia
3
400
Sam Torres - BigQuery for SEOs
Avatar for Tech SEO Connect techseoconnect
PRO
0
250

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.