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
550
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
310
Prototyping for Mobile
zakiwarfel
4
510
Paper Prototyping
zakiwarfel
1
450
GA Know Your Audience
zakiwarfel
0
290
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
810
Designing with Data
zakiwarfel
98
5.2k
Other Decks in Design
See All in Design
エンジニアがAI活用してスライドデザインできる世界が来たよ！
kaikou
1
320
CULTURE DECK／Marketing Director
mhand01
0
1.4k
保育現場にAIを 〜人と技術に橋を架けるデザインで考えてきたこと〜 uiuxcamp2026-hoiku-ai-design
hiro93n
1
330
UI生成の鍵は要件整理 -デザインプロセスのエッセンスを プロンプト作成に取り入れよう-
abokadotyann
4
960
開発・制作におけるUI・UXデザインの重要性について～UI・UXデザインってなんだろう～
yamasaku
0
120
セブンデックス プロジェクト事例 / innovation Scenes
sevendex
1
1.3k
結びながら、ひらく - にじむ境界のデザイン
hilokifigma
4
1.7k
怖くないアクセシビリティ -カウンターカルチャーとしてのアッカン東京-
securecat
1
220
I.A. como meio, não como fim. Como avaliar o valor entregue?
videlvequio
0
400
研修担当者が一番伸びた 熊本市役所✕AI『泥臭いAI研修』のワークショップ設計について
garyuten
2
430
AI時代に必要な アイデアの形
uxman
0
230
1000人規模の組織でデザインハーネスを導入するための第一歩
pkshadeck
PRO
1
1.5k
Featured
See All Featured
We Are The Robots
honzajavorek
0
270
Testing 201, or: Great Expectations
jmmastey
46
8.2k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
6k
Prompt Engineering for Job Search
mfonobong
0
370
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
konakalab
0
480
Building a Modern Day E-commerce SEO Strategy
aleyda
45
9.1k
Discover your Explorer Soul
emna__ayadi
2
1.2k
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
inesmontani
PRO
0
440
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
201
75k
How Fast Is Fast Enough? [PerfNow 2025]
tammyeverts
3
640
Six Lessons from altMBA
skipperchong
29
4.3k
Darren the Foodie - Storyboard
khoart
PRO
3
3.4k
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
kaikou
mhand01
hiro93n
abokadotyann
yamasaku
sevendex
hilokifigma
securecat
videlvequio
garyuten
uxman
pkshadeck
honzajavorek
jmmastey
reverentgeek
mfonobong
konakalab
aleyda
emna__ayadi
inesmontani
soudai
tammyeverts
skipperchong
khoart
