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
53

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
750
What I learned starting an intensive design class.
Avatar for marcosuarez marcosuarez
0
160

Other Decks in Design

See All in Design
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
0
260
FigmaのFigmaファイルから学ぶTips & Tricks
Avatar for Hiroki Tani hilokifigma
0
690
Design Studio Deck | インクルーシブデザインスタジオCULUUM
Avatar for インクルーシブデザインスタジオCULUMU culumu
3
4.2k
ユーザー像を「みてね」らしく可視化する　家族アルバムみてねUXリサーチチームの取り組み
Avatar for MIXI DESIGN mixi_design
PRO
1
200
Findyのプロデチームの 歩みとこれから
Avatar for Satty satty9556
0
290
Meet, Learn, Grow × AI ― コミュニティで加速するスキル循環 「コミュニティと関わり方」
Avatar for ため tame
0
260
1920*1080pxに設定したケース / Google Slide Size Test
Avatar for Arthur arthur1
0
3.5k
デザイナーのAI活用とチームへの浸透戦略
Avatar for Kaori Ueda ukaoli
0
130
Installing and Running decksh/pdfdeck
Avatar for Anthony Starks ajstarks
1
860
逆向きUIの世界 〜iOSアプリのRTL言語対応〜
Avatar for akatsuki174 akatsuki174
1
240
【MIXI MEETUP！ー TECH & DESIGN DAYー】新たなSNS「mixi2」の “0→1”開発の舞台裏：デザイナーが語るプロダクト誕生秘話
Avatar for MIXI DESIGN mixi_design
PRO
0
140
8_8_リサーチカンファレンスプレイベント.pdf
Avatar for Muture muture
PRO
2
400

Featured

See All Featured
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
56
14k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
248
1.3M
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
110k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
16k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
2.8k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
139
7.1k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
301
51k
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
237
140k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
140
34k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
84
9.2k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
53
7.8k
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
273
27k

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.