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
sachi_y_portfolio
sachi337
0
270
250131_product meetup
motokoishida
0
210
組織で取り組むアクセシビリティのはじめ方
masakiohsumi
0
150
Storyboard Honey
rocioparronrubio
0
280
商業デザインのアクセシビリティにおける倫理フレームワークの考察
securecat
1
610
Мышление историями. Как текстовые модели поведения помогают дизайнеру проектировать
ashapiro
0
100
同人音声のための、 最高の視聴体験を求めて【サブカル×デザインMeetUP!】
vivion
0
750
【PoCで終わらない】運用フェーズまで見据えたAI駆動UIデザイン/フロントエンド開発実践
kitami
1
200
ブランドパーソナリティ言語化における生成AI活用の実際
h0sa
0
160
真・altはつけるだけじゃなくて -alt属性の考察 2025年版-
securecat
5
1.6k
デフォルトの16:9(960*540px)のケース / Google Slide Size Test
arthur1
0
2.9k
freee + Product Design FY25Q4
freee
4
14k
Featured
See All Featured
Rails Girls Zürich Keynote
gr2m
94
14k
The Pragmatic Product Professional
lauravandoore
35
6.7k
Site-Speed That Sticks
csswizardry
10
680
Faster Mobile Websites
deanohume
307
31k
Git: the NoSQL Database
bkeepers
PRO
430
65k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Documentation Writing (for coders)
carmenintech
72
4.9k
Optimizing for Happiness
mojombo
379
70k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
29
9.5k
Done Done
chrislema
184
16k
Visualization
eitanlees
146
16k
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