$30 off During Our Annual Pro Sale. View Details »

Design Patterns & Systems

Todd Zaki Warfel
May 17, 2013
Design
3
340

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
120
Prototyping for Mobile
zakiwarfel
4
320
Paper Prototyping
zakiwarfel
1
190
GA Know Your Audience
zakiwarfel
0
120
GA UX Research Workshop
zakiwarfel
3
140
GA Hi-fi Design for Mobile Web
zakiwarfel
3
150
UXWeek Prototyping with HTML5
zakiwarfel
4
850
Designing with HTML5, CSS3, and jQuery
zakiwarfel
8
610
Designing with Data
zakiwarfel
91
4.1k

Other Decks in Design

See All in Design
自分のYUMEMIに出会ってから、内定承諾までのストーリー
tact0001
0
630
Tu fais du Web et tu ne connais pas les Layout Shifts ?! Nan mais...
goetter
2
160
壺男で考えるクリエイティブ
takazudo
0
240
メタバース プレゼン講座1. マインドセット編
yusuke_akita
0
100
The Future of Themes: Designing for the Block Editor and Beyond
marktimemedia
0
160
UXA2022 Day 2; Rich Brophy - Death to “best practice”: The journey to cohesive design practice at scale
uxaustralia
PRO
0
370
UXA2022 Day 1; Ted Drake - Inclusive design for cognitive disabilities, neurodiversity, and chronic illness
uxaustralia
PRO
0
180
「プロダクトとユーザーをつなぐ」BtoB SaaSデザインの面白さ
sizucca
1
1.1k
Améliorez l'expérience utilisateur de vos formulaires web
geoffreycrofte
0
360
Visionalが運用する「コミュニケーションデザイン評価モデル」/ Visional Communication Design Evaluation Model
visional_engineering_and_design
3
1.5k
UXA2022 Day 1; Liz Adcock - Enterprise Service Design for Government: De-risking the design and delivery of digital services
uxaustralia
PRO
0
120
UIを完全に理解して、 プロダクトをチョット良くする
tojimasan
0
250

Featured

See All Featured
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
23
4.4k
A Tale of Four Properties
chriscoyier
149
21k
The Power of CSS Pseudo Elements
geoffreycrofte
51
4.2k
Bash Introduction
62gerente
600
210k
A Modern Web Designer's Workflow
chriscoyier
690
180k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
349
27k
What's in a price? How to price your products and services
michaelherold
231
9.6k
Clear Off the Table
cherdarchuk
79
290k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
226
16k
Web Components: a chance to create the future
zenorocha
304
40k
Design by the Numbers
sachag
271
17k
Build your cross-platform service in a week with App Engine
jlugia
221
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