Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
Increasing Team Velocity with Design Systems
marcosuarez
January 26, 2018
Design
1
100
Increasing Team Velocity with Design Systems
A talk given at Vista UX Summit in Dallas on Jan 24, 2018
marcosuarez
January 26, 2018
Tweet
Share
More Decks by marcosuarez
See All by marcosuarez
Reusability makes scale possible.
marcosuarez
0
36
New York Design Systems Coalition
marcosuarez
0
430
What I learned starting an intensive design class.
marcosuarez
0
110
Other Decks in Design
See All in Design
We’re Not doing Design Systems Properly and That’s Okay
morganepeng
2
440
Cleaning Kimba's Eyes
kignato1
0
510
未来をデザインするDesignOps / DesignOpsMeets #1
takeshiinotsume
0
220
家族アルバム みてねの企画からリリースまでとデザインの意図
naoyawatanabe
2
21k
to B SaaS のコミュニケーションデザインが目指すもの - SmartHR Communication Design Group
bebe
1
1.5k
i3DESIGN_Culture_Book / for Designer
i3design
0
7.6k
Anatomy of Dynamic color
rockname
0
600
DL2022 Zoe Rose - ‘Scientific design methods’ and ‘applied creativity’: a lost history
uxaustralia
PRO
0
140
ヘッドショットの気持ち良さを考える 〜フィードバックとUX〜
migi1982
1
240
decksh object reference
ajstarks
2
470
Grub
rottentwinkies
1
360
「Social Food‐Drive」福祉的な食料支援のしくみづくり中間レポート
koshiba_noriaki
1
170
Featured
See All Featured
How New CSS Is Changing Everything About Graphic Design on the Web
jensimmons
214
12k
10 Git Anti Patterns You Should be Aware of
lemiorhan
643
54k
Art Directing for the Web. Five minutes with CSS Template Areas
malarkey
196
9.8k
Agile that works and the tools we love
rasmusluckow
320
20k
Web Components: a chance to create the future
zenorocha
304
40k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
29
7.9k
What the flash - Photography Introduction
edds
64
10k
Support Driven Design
roundedbygravity
88
8.9k
Into the Great Unknown - MozCon
thekraken
2
280
How to train your dragon (web standard)
notwaldorf
66
4.2k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
13
5.4k
Rebuilding a faster, lazier Slack
samanthasiow
69
7.5k
Transcript
None
Marco Suarez @marcosuarez
None
None
None
None
None
None
None
None
None
Velocity
None
None
None
Empower the people
Learnable Teachable Refinable
Reusable
None
Components Standards
Components
None
None
None
Software Crisis
Douglas McIlroy
Component-based development (Reusability)
Standards
None
None
None
Standards explains why
None
None
Standards (Reusability)
None
None
None
None
Systems empower
Reusability makes scale possible
No definition of good design.
No expectation for how to create good design.
No one knew where we were going.
Learnable Teachable Refinable
None
None
None
None
None
Vision
A vision statement moves everyone toward a common destination.
“To inspire and nurture the human spirit – one person,
one cup and one neighborhood at a time.” Starbucks
“We create digital products that make our customers happy and
our partners proud.” Starbucks
“It helped us create a system that, we think, is
clear and scalable across the various global markets we serve while still being unique.” Jason Stoff
2-3 years
Principles
Design principles act as a reusable standard for designers to
measure their work.
None
Shallow by default. deep by choice.
Icons are fast. Colors are faster. Words are clearest.
“Disagreements happened less and less because we were now aligned.”
Steven Fabre
medium.com/esty-design
Process
A defined process for how user experience decisions are approached
and solved builds alignment.
Process sets expectations
Process builds a strong foundation
Process gives place to all those involved
None
Vision Principles Process Standards & Components
Don’t tell, show
None
None
“Getting up-front buy-in would be very difficult. User adoption would
be the key to success. Do that first.” Ryan Rumsey
None
Small immediate wins make the long-term wins possible.
“Great affairs sometimes take their rise from small circumstances.” Ben
Franklin
None
None
None
None
None
“A complex system that works is invariably found to have
evolved from a simple system that worked. A complex system designed from scratch never works and cannot be patched up to make it work. You have to start over with a working simple system.” Gall’s Law
Focus on what is completed, not what isn’t.
“Don’t look at what was missing or failing, but at
what was working and functioning.” Cristiano Rastelli
Separate style from system
Title Subtitle Body Label
None
Don’t do it alone
Design Systems
Reusability
Empower people
Reusable systems empower people
Learnable Teachable Refinable
Reusable
Thanks!