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
Edmonton River Slidedeck
edmontonriver
0
280
インターンから2年 新卒フロントエンドエンジニアから見た サイボウズのアクセシビリティ
taku10101
0
140
20260309_3月ICTデザイン勉強会_地域創生2.0
a2k
0
180
AVI 2026 Keynote "Vision-Driven Design"
ishii_mit
0
140
エンジニアがAI活用してスライドデザインできる世界が来たよ！
kaikou
1
460
Jun Wei Portfolio 2026
wjw100788
PRO
1
270
The Art of Caring
klemens
0
450
Signull 団体説明資料
signull
0
810
Claudeもくもく会、はじめませんか？
yusukeiyoda
0
210
タイル紹介サイト「タイルだもんで」
calpin
0
180
デザイン組織の"次の"強みづくり
isaikaori
2
230
AI時代に求められるUXデザインのアプローチ
xtone
1
9.2k
Featured
See All Featured
Context Engineering - Making Every Token Count
addyosmani
9
1.1k
Automating Front-end Workflow
addyosmani
1369
210k
Information Architects: The Missing Link in Design Systems
soysaucechin
1
1.1k
Documentation Writing (for coders)
carmenintech
77
5.5k
Money Talks: Using Revenue to Get Sh*t Done
nikkihalliwell
0
490
The Invisible Side of Design
smashingmag
301
52k
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
livdayseo
0
190
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
reverentgeek
1
590
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
baasie
0
690
<Decoding/> the Language of Devs - We Love SEO 2024
nikkihalliwell
1
320
Ten Tips & Tricks for a 🌱 transition
stuffmc
0
220
Technical Leadership for Architectural Decision Making
baasie
3
560
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
edmontonriver
taku10101
a2k
ishii_mit
kaikou
wjw100788
klemens
signull
yusukeiyoda
calpin
isaikaori
xtone
addyosmani
soysaucechin
carmenintech
nikkihalliwell
smashingmag
livdayseo
reverentgeek
baasie
stuffmc
