Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Design Patterns & Systems

Todd Zaki Warfel
May 17, 2013
Design
3
470

Design Patterns & Systems

What makes a design pattern collection or design system?

Todd Zaki Warfel

May 17, 2013
Tweet

More Decks by Todd Zaki Warfel

See All by Todd Zaki Warfel
Make Mentor Learn
zakiwarfel
1
240
Prototyping for Mobile
zakiwarfel
4
430
Paper Prototyping
zakiwarfel
1
350
GA Know Your Audience
zakiwarfel
0
220
GA UX Research Workshop
zakiwarfel
3
240
GA Hi-fi Design for Mobile Web
zakiwarfel
3
250
UXWeek Prototyping with HTML5
zakiwarfel
4
1k
Designing with HTML5, CSS3, and jQuery
zakiwarfel
8
730
Designing with Data
zakiwarfel
98
5.1k

Other Decks in Design

See All in Design
ピクシブにおける「ビジョン」の取り扱われ方 #pixivdevmeetup / 20240920
minamitary
1
670
デザインからアプリ実装まで一貫したデザインシステムを構築するベストプラクティス
shuzo
12
5.1k
企業やプロダクトにおける "らしさ"を分析する | UXリサーチャー/デザイナーはもっとAIを触って欲しいシリーズ
iflection
0
260
Designing and Automating Component Specifications (Into Design Systems)
nathanacurtis
3
390
PMとデザイナーはニコイチ! メリットと具体的なアクション10選
mosmos_noki
0
940
最速で価値を届けるUXリサーチ
degudegu2510
5
1.2k
ZOZO CDO Office Design
zozodevelopers
PRO
1
210
Mitra Manual
nnidhz
0
190
情報サービスユニット UXUIチーム紹介/btobuxui
nikkei_engineer_recruiting
2
210
Осязаемый потребительский опыт. Ловим его за хвост с Картой процесса-опыта
ashapiro
2
130
拡大するマルチプロダクトSaaSの顧客理解にデザイン組織はどう取り組んでいるか / RAKUSTechCon2024_Design
rakus_dev
0
1.9k
新しいemoji😄のアイデアを Unicodeが募集中‼️🏃‍♀️💨💨💨 傾向を学んでみんな提案しよう💪
oguemon
2
610

Featured

See All Featured
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
44
2k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
37
1.7k
Learning to Love Humans: Emotional Interface Design
aarron
271
40k
Debugging Ruby Performance
tmm1
73
12k
Rebuilding a faster, lazier Slack
samanthasiow
79
8.6k
Clear Off the Table
cherdarchuk
91
320k
How STYLIGHT went responsive
nonsquared
94
5.1k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
7
560
Agile that works and the tools we love
rasmusluckow
327
21k
How to train your dragon (web standard)
notwaldorf
87
5.6k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
663
120k
jQuery: Nuts, Bolts and Bling
dougneiner
61
7.5k

Transcript

  1. PATTERNS & DESIGN SYSTEMS METHODS FOR MAKING SCALABLE DESIGN

  2. THEY’RE EVERYWHERE WE LOOK

  3. None
  4. None

  5. 0 1 1 2 3 5 8 13 21 34

    55 89 144
  6. None

  7. PREDICTABLE OUTCOMES IMPROVED USABILITY BETTER USER EXPERIENCE SCALABLE SYSTEMS

  8. DEFINING A DESIGN SYSTEM

  9. PATTERN COLLECTIONS DESIGN SYSTEMS

  10. PATTERN COLLECTIONS

  11. http://www.lukew.com/ff/entry.asp?1514

  12. http://www.flickr.com/photos/factoryjoe/collections/72157600001823120/

  13. http://inspired-ui.com

  14. http://pinterest.com/abhinavsharma/mobile-web-navigation-patterns/

  15. http://box.mepholio.com

  16. http://dribbble.com/404

  17. http://patterntap.com

  18. http://patterntap.com

  19. DESIGN SYSTEMS

  20. VISUAL EXAMPLE DESCRIPTION PROBLEM IT SOLVES WHEN TO USE HOW

    TO USE IT
  21. None
  22. None

  23. http://developer.yahoo.com/ypatterns/

  24. http://developer.yahoo.com/ypatterns/

  25. http://ui-patterns.com

  26. http://ui-patterns.com

  27. http://patternry.com

  28. http://patternry.com

  29. http://patternry.com