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
500
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
270
Prototyping for Mobile
zakiwarfel
4
470
Paper Prototyping
zakiwarfel
1
380
GA Know Your Audience
zakiwarfel
0
250
GA UX Research Workshop
zakiwarfel
3
270
GA Hi-fi Design for Mobile Web
zakiwarfel
3
280
UXWeek Prototyping with HTML5
zakiwarfel
4
1.1k
Designing with HTML5, CSS3, and jQuery
zakiwarfel
8
760
Designing with Data
zakiwarfel
98
5.1k
Other Decks in Design
See All in Design
20250129_DAST28_実空間にデジタル資源の接点をデザインする
majimasachi
0
210
入社3ヶ月目のプロダクトデザイナー視点で見たヤプリ / Joining Yappli as a Product Designer: My Perspective After 90 Days
yappli_developers
0
120
一人ひとりのポテンシャルを活かしたナレッジマネジメントとは?
atsushihomma
0
360
今更聞けないデザイン思考 - 高専キャリア2024冬 / imasara-design-thinking
chige
5
870
TUNAG BOOK 2024
stmn
0
470
エンタメ業界からDX領域に飛び込んだデザイナーが今立ち向かっている壁とは / applibot-dx-designer
cyberagentdevelopers
PRO
1
190
Dive Deep into Communication
yomtsu
0
210
【Adobe MAX Japan 2025】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
3
2.9k
デザイナーのお仕事(UI/UX GRAPHIC GROUP)
mirrativ
0
110
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜 移動・不動産領域の取り組み
tmtgtkhs
0
200
パンくずリストかわいい(breadcrumb so cute)
ysuda
0
160
Tableau曲線表現講座(2024.11.21)
cielo1985
0
250
Featured
See All Featured
How GitHub (no longer) Works
holman
313
140k
YesSQL, Process and Tooling at Scale
rocio
171
14k
Making Projects Easy
brettharned
116
6k
Fontdeck: Realign not Redesign
paulrobertlloyd
82
5.4k
Docker and Python
trallard
44
3.3k
How to train your dragon (web standard)
notwaldorf
90
5.8k
Producing Creativity
orderedlist
PRO
343
39k
GraphQLとの向き合い方2022年版
quramy
44
13k
Speed Design
sergeychernyshev
25
780
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
129
19k
Code Review Best Practice
trishagee
66
17k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.7k
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