Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
Design Patterns & Systems
Search
Todd Zaki Warfel
May 17, 2013
Design
560
3
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Design Patterns & Systems
What makes a design pattern collection or design system?
Todd Zaki Warfel
May 17, 2013
More Decks by Todd Zaki Warfel
See All by Todd Zaki Warfel
Make Mentor Learn
zakiwarfel
1
320
Prototyping for Mobile
zakiwarfel
4
510
Paper Prototyping
zakiwarfel
1
450
GA Know Your Audience
zakiwarfel
0
300
GA UX Research Workshop
zakiwarfel
3
320
GA Hi-fi Design for Mobile Web
zakiwarfel
3
320
UXWeek Prototyping with HTML5
zakiwarfel
4
1.2k
Designing with HTML5, CSS3, and jQuery
zakiwarfel
8
820
Designing with Data
zakiwarfel
98
5.2k
Other Decks in Design
See All in Design
いいUIとは？初心者向けに事例をもとにUIデザインを分解
yuichi_hara7
11
6k
ポートフォリオ_あやの
ngyenmazt1412
0
1.7k
日経電子版を支えていく Kasane Design System
taitotnk
0
130
空間アプリ開発のフィードバックをCodexにするための抽象的なデザインツールの模索
karad
0
190
「使いやすさ」だけでは、「勝てる」サービスにはならない。〜KPIとUXの分断を埋める、サービス戦略という「指針」〜
nbkouhou
3
630
root COMPANY DECK / We are hiring！
root_recruit
4
30k
Signull 団体説明資料
signull
0
810
Debiasing Your Software Design Decision-Making @ Flowcon '26
baasie
1
170
染み出し好きの、 染み出しコントロール論
mukai_takeru
0
460
AVI 2026 Keynote "Vision-Driven Design"
ishii_mit
0
140
decksh object reference
ajstarks
2
1.8k
デザインハーネス 〜AIが生成する"デザイン"の妥当性を、誰がどう担保するのか〜 / PdEConf2026 Design Harness
kgsi
12
20k
Featured
See All Featured
WENDY [Excerpt]
tessaabrams
13
39k
Designing for Performance
lara
611
70k
Faster Mobile Websites
deanohume
310
32k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.8k
How to Align SEO within the Product Triangle To Get Buy-In & Support - #RIMC
aleyda
2
1.8k
Side Projects
sachag
456
43k
Tell your own story through comics
letsgokoyo
1
1.1k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
17k
How to build an LLM SEO readiness audit: a practical framework
nmsamuel
1
890
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
rkaga
63
45k
How GitHub (no longer) Works
holman
316
150k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.9k
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
zakiwarfel
yuichi_hara7
ngyenmazt1412
taitotnk
karad
nbkouhou
root_recruit
signull
baasie
mukai_takeru
ishii_mit
ajstarks
kgsi
tessaabrams
lara
deanohume
philnash
aleyda
sachag
letsgokoyo
afnizarnur
nmsamuel
rkaga
holman
zakiyama
