Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Design Patterns & Systems
Search
Todd Zaki Warfel
May 17, 2013
Design
3
520
Design Patterns & Systems
What makes a design pattern collection or design system?
Todd Zaki Warfel
May 17, 2013
Tweet
Share
More Decks by Todd Zaki Warfel
See All by Todd Zaki Warfel
Make Mentor Learn
zakiwarfel
1
290
Prototyping for Mobile
zakiwarfel
4
490
Paper Prototyping
zakiwarfel
1
410
GA Know Your Audience
zakiwarfel
0
260
GA UX Research Workshop
zakiwarfel
3
280
GA Hi-fi Design for Mobile Web
zakiwarfel
3
300
UXWeek Prototyping with HTML5
zakiwarfel
4
1.1k
Designing with HTML5, CSS3, and jQuery
zakiwarfel
8
770
Designing with Data
zakiwarfel
98
5.2k
Other Decks in Design
See All in Design
freee + Product Design FY25Q4
freee
4
15k
#Dubois Challenge 2025: Economics
ajstarks
0
150
mento Design Team Portfolio
mento0fficial
0
500
AI動画生成ガチャ紹介
piyo7
1
170
ポートフォリオ_webデザイナー
nami_webdesigner
0
140
【Firefly Image 4対応版】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
0
1.5k
文字コントラストを改めて考える / Reevaluating Text Contrast
lycorptech_jp
PRO
0
420
新しいデザインの難しさ(公開版) / Difficulties in the New Design (public ver.)
usagimaru
1
800
FigmaのFigmaファイルから学ぶTips & Tricks
hilokifigma
0
620
デザインから開発まで一貫したデザインシステムを構築するベストプラクティス / Best Practices for Building a Consistent Design System from Design to Development
lycorptech_jp
PRO
0
430
Yumika Yamada Portfolio
yumii
0
1.1k
サービスデザインにおける、 映像活用の可能性(Spectrum Tokyo Meetup #18)
ka71
0
150
Featured
See All Featured
Thoughts on Productivity
jonyablonski
69
4.8k
Music & Morning Musume
bryan
46
6.7k
Adopting Sorbet at Scale
ufuk
77
9.5k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
182
54k
Practical Orchestrator
shlominoach
190
11k
Optimizing for Happiness
mojombo
379
70k
Statistics for Hackers
jakevdp
799
220k
Rebuilding a faster, lazier Slack
samanthasiow
83
9.1k
The Cult of Friendly URLs
andyhume
79
6.5k
Git: the NoSQL Database
bkeepers
PRO
431
65k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
Code Reviewing Like a Champion
maltzj
524
40k
Transcript
PATTERNS & DESIGN SYSTEMS METHODS FOR MAKING SCALABLE DESIGN
THEY’RE EVERYWHERE WE LOOK
None
None
0 1 1 2 3 5 8 13 21 34
55 89 144
None
PREDICTABLE OUTCOMES IMPROVED USABILITY BETTER USER EXPERIENCE SCALABLE SYSTEMS
DEFINING A DESIGN SYSTEM
PATTERN COLLECTIONS DESIGN SYSTEMS
PATTERN COLLECTIONS
http://www.lukew.com/ff/entry.asp?1514
http://www.flickr.com/photos/factoryjoe/collections/72157600001823120/
http://inspired-ui.com
http://pinterest.com/abhinavsharma/mobile-web-navigation-patterns/
http://box.mepholio.com
http://dribbble.com/404
http://patterntap.com
http://patterntap.com
DESIGN SYSTEMS
VISUAL EXAMPLE DESCRIPTION PROBLEM IT SOLVES WHEN TO USE HOW
TO USE IT
None
None
http://developer.yahoo.com/ypatterns/
http://developer.yahoo.com/ypatterns/
http://ui-patterns.com
http://ui-patterns.com
http://patternry.com
http://patternry.com
http://patternry.com