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
570
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
460
GA Know Your Audience
zakiwarfel
0
300
GA UX Research Workshop
zakiwarfel
3
330
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
トランジションの冒険 自分と世界を変える冒険の書 / Transition Adventure
dmattsun
2
780
作品が生まれ続けるコミュニティデザイン ― 研究室でも会社でもないサードプレイス ― / designship26-iwaken
iwaken71
0
170
Figmaを使わなくなった私が、最近していること
mela_dayo
0
120
エンジニアでも捗る デザイナー的思考入門(bitA Edit 新ver)
tinykitten
1
640
デザイナーがいない部署にハーネスを設計する
kenichiota0711
5
5.4k
AVI 2026 Keynote "Vision-Driven Design"
ishii_mit
0
210
開閉UIのアニメーション設計
hiro0218
2
1.1k
Agentic Design Workflowを育てる 「三層デザインハーネス」の現在地
sayadesign2
0
790
【2026】ポートフォリオ_大坪明日香
tsubo52
0
130
デザインワークフローの最前線。 ログラスでのAI活用の現在地
ukaoli
1
3.5k
JBUG大阪#9_登壇資料_引き継ぎで困らないためのBacklogWikiの整え方_ミスと属人化を防ぐために、 “次の人が動ける状態”をどう残すか
webnaut
2
290
“なんとなくFigma”から一歩先へ。AI時代も活きるWeb制作フロー
ayumidesign
0
260
Featured
See All Featured
Groundhog Day: Seeking Process in Gaming for Health
codingconduct
0
410
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
reverentgeek
1
640
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
254
22k
Impact Scores and Hybrid Strategies: The future of link building
tamaranovitovic
0
460
Are puppies a ranking factor?
jonoalderson
2
4.1k
Marketing to machines
jonoalderson
1
5.9k
We Analyzed 250 Million AI Search Results: Here's What I Found
joshbly
2
2k
Odyssey Design
rkendrick25
PRO
2
870
What Being in a Rock Band Can Teach Us About Real World SEO
427marketing
0
1.1k
The SEO identity crisis: Don't let AI make you average
varn
0
590
Deep Space Network (abreviated)
tonyrice
0
370
Building Flexible Design Systems
yeseniaperezcruz
330
41k
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
dmattsun
iwaken71
mela_dayo
tinykitten
kenichiota0711
ishii_mit
hiro0218
sayadesign2
tsubo52
ukaoli
webnaut
ayumidesign
codingconduct
reverentgeek
smashingmag
tamaranovitovic
jonoalderson
joshbly
rkendrick25
427marketing
varn
tonyrice
yeseniaperezcruz
