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

Design Patterns & Systems

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

More Decks by Todd Zaki Warfel

See All by Todd Zaki Warfel
Make Mentor Learn
zakiwarfel
1
280
Prototyping for Mobile
zakiwarfel
4
470
Paper Prototyping
zakiwarfel
1
390
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
Tableau曲線表現講座(2024.11.21)
cielo1985
0
260
1年目のクリエイターがつくりあげた！採用冊子CANVAS制作の裏側 / creator-canvas
cyberagentdevelopers
PRO
1
530
pixel-art-skill-and-knowhow/ドット絵の経歴と知見
aokashi
0
220
12年続くB2DサービスとUXデザイン / UX Design keeps B2D service alive over 12 years
tnj
0
280
Дизайн современной услуги с Картой процесса-опыта
ashapiro
0
120
富山デザイン勉強会_デザイントレンド2025.pdf
keita_yoshikawa
0
170
プロダクトデザインの「守破離」の「破」について
hayashirine
0
320
20241019-CUD友の会「困った！を解決するデザイン改訂版」交流会
majimasachi
0
330
Museum Heist
allykae
0
140
発表資料テンプレート / My slide template
thatblue
0
220
Les petites aventures de CSS, saison 2025
goetter
3
4k
ゲーム開発における、Figma活用事例の紹介 / applibot-figma
cyberagentdevelopers
PRO
2
680

Featured

See All Featured
Fireside Chat
paigeccino
34
3.2k
A Tale of Four Properties
chriscoyier
158
23k
Speed Design
sergeychernyshev
27
810
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.7k
Embracing the Ebb and Flow
colly
84
4.6k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
4
430
Visualization
eitanlees
146
15k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.1k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
33
2.8k
Become a Pro
speakerdeck
PRO
26
5.2k
Making the Leap to Tech Lead
cromwellryan
133
9.1k
A better future with KSS
kneath
238
17k

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