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
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
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
自分たちがターゲットになりにくい業務アプリケーションのユーザビリティを担保する取り組み / Initiatives to ensure the usability of business applications that are difficult for us to target
hiromitsuuuuu
1
1.3k
【pmconf2025】PdMの頭の中を見える化する体験構造図
kamechi7222222
1
1.9k
文化のデザイン - Soft Impact of Design
atsushihomma
0
140
Storyboard Exercise: Chase Sequence
lynteo
1
200
コムデマネージャーがプロダクトデザインに挑戦した。むずかしくて楽しかった。
payatsusan213
0
200
Vibe Coding デザインシステム
poteboy
3
1.6k
逆向きUIの世界〜AndroidアプリのRTL言語対応〜
akatsuki174
1
800
アンエシカルデザインの枠組みの提案 -HCD-Netダークパターン研究会活動報告-
securecat
0
200
ユーザー像を「みてね」らしく可視化する 家族アルバムみてねUXリサーチチームの取り組み
mixi_design
PRO
3
730
Diverse Design Team Deck
diverse
0
630
Goodpatch Tour💙 / We are hiring!
goodpatch
31
1M
爆速開発でAIプロダクトが40万インプレッションになった話
tsubura
0
160
Featured
See All Featured
Joys of Absence: A Defence of Solitary Play
codingconduct
1
290
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.7k
Lightning Talk: Beautiful Slides for Beginners
inesmontani
PRO
1
440
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
122
21k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
287
14k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
47
7.9k
How to Talk to Developers About Accessibility
jct
2
140
How to Grow Your eCommerce with AI & Automation
katarinadahlin
PRO
1
110
Mind Mapping
helmedeiros
PRO
0
90
Navigating Algorithm Shifts & AI Overviews - #SMXNext
aleyda
0
1.1k
How STYLIGHT went responsive
nonsquared
100
6k
WENDY [Excerpt]
tessaabrams
9
36k
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
hiromitsuuuuu
kamechi7222222
atsushihomma
lynteo
payatsusan213
poteboy
akatsuki174
securecat
mixi_design
diverse
goodpatch
tsubura
codingconduct
marktimemedia
inesmontani
panda_program
stephaniewalter
eileencodes
jct
katarinadahlin
helmedeiros
aleyda
nonsquared
tessaabrams
