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
530
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
300
Prototyping for Mobile
zakiwarfel
4
500
Paper Prototyping
zakiwarfel
1
420
GA Know Your Audience
zakiwarfel
0
270
GA UX Research Workshop
zakiwarfel
3
290
GA Hi-fi Design for Mobile Web
zakiwarfel
3
310
UXWeek Prototyping with HTML5
zakiwarfel
4
1.1k
Designing with HTML5, CSS3, and jQuery
zakiwarfel
8
780
Designing with Data
zakiwarfel
98
5.2k
Other Decks in Design
See All in Design
TUNAG BOOK 2024
stmn
PRO
0
1.4k
生成AIの不確実性を価値に変える、「ビズリーチ」の体験設計 / KNOTS2026
visional_engineering_and_design
4
690
企業にデザインが融けたとき、デザイナーにできること。事業会社12年間の探究と葛藤 / Designship2025
visional_engineering_and_design
0
1.4k
はじめての演奏会フライヤーデザイン
chorkaichan
1
220
Vibe Coding デザインシステム
poteboy
3
1.6k
Figmaレクチャー会Part1 基本のき編@千株式会社 社内勉強会
designer_no_pon
2
250
Correspondence:共に生成していく過程
akiramotomura
0
190
AIスライドデザインを生成する仕組みを社内共有する
kenichiota0711
5
4.1k
モビリティプラットフォームの未来を築くクラウド基盤
kossykinto
0
200
コムデマネージャーがプロダクトデザインに挑戦した。むずかしくて楽しかった。
payatsusan213
0
200
自分たちがターゲットになりにくい業務アプリケーションのユーザビリティを担保する取り組み / Initiatives to ensure the usability of business applications that are difficult for us to target
hiromitsuuuuu
1
1.3k
Drawing for Animation
lynteo
2
190
Featured
See All Featured
Exploring anti-patterns in Rails
aemeredith
2
250
Optimising Largest Contentful Paint
csswizardry
37
3.6k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4.2k
Visualization
eitanlees
150
17k
The untapped power of vector embeddings
frankvandijk
1
1.6k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
54k
What the history of the web can teach us about the future of AI
inesmontani
PRO
1
430
Documentation Writing (for coders)
carmenintech
77
5.3k
Docker and Python
trallard
47
3.7k
Making Projects Easy
brettharned
120
6.6k
What’s in a name? Adding method to the madness
productmarketing
PRO
24
3.9k
Avoiding the “Bad Training, Faster” Trap in the Age of AI
tmiket
0
76
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