Design Patterns & Systems

F57e2136eb9895eb95ff5dc8a1c02677?s=47 Todd Zaki Warfel
May 17, 2013
Design
3
300

Design Patterns & Systems

What makes a design pattern collection or design system?

F57e2136eb9895eb95ff5dc8a1c02677?s=128

Todd Zaki Warfel

May 17, 2013
Tweet

More Decks by Todd Zaki Warfel

See All by Todd Zaki Warfel
F57e2136eb9895eb95ff5dc8a1c02677?s=48 zakiwarfel
1
82
F57e2136eb9895eb95ff5dc8a1c02677?s=48 zakiwarfel
4
280
F57e2136eb9895eb95ff5dc8a1c02677?s=48 zakiwarfel
1
140
F57e2136eb9895eb95ff5dc8a1c02677?s=48 zakiwarfel
0
96
F57e2136eb9895eb95ff5dc8a1c02677?s=48 zakiwarfel
3
100
F57e2136eb9895eb95ff5dc8a1c02677?s=48 zakiwarfel
3
120
F57e2136eb9895eb95ff5dc8a1c02677?s=48 zakiwarfel
4
810
F57e2136eb9895eb95ff5dc8a1c02677?s=48 zakiwarfel
8
570
F57e2136eb9895eb95ff5dc8a1c02677?s=48 zakiwarfel
87
3.2k

Other Decks in Design

See All in Design
Cf9808b306096a913709da756edeb665?s=48 uxevents
0
100
0e557ffd26105887d41ada5a5f58cad1?s=48 minamitary
2
210
5d6b856d87eac762ba8fb94a002f75af?s=48 storybychad
1
410
C970be04e110498ee6011bed00e90c23?s=48 airi0817
0
740
Fcd0a635b9bdca525510839713b80103?s=48 supergabs
1
130
Ec8e76e781c167e8d323abae71a7f1a8?s=48 keigo_arakaki
1
3.2k
B8285d1a70903427321cf55ff0dc6c40?s=48 shinyasato
1
230
99de77666ff40dbf0988652899cc92ef?s=48 kamihira
1
910
362300e15ba385af5ad8275335120362?s=48 meecho
0
600
82414e7232f1483734d998f5c2e4f346?s=48 misaaa09
0
1k
Cf9808b306096a913709da756edeb665?s=48 uxevents
0
110
03b94ab7c6fc1a56632bd27feceb1817?s=48 cduc
1
300

Featured

See All Featured
0fe2973fa8d27d96547e43322341183a?s=48 swwweet
205
6.7k
3d6ace9554821d552146413bcdf874f6?s=48 trishagee
14
960
1b8ad785acdd1ce1c99914b1c2a4e10e?s=48 sugarenia
230
790k
Dad095ea7038f89f760419ce475d5d14?s=48 michaelherold
224
8.3k
245cee81a9c424266e5e401d844ea881?s=48 lara
590
60k
A60068bce2e73de3a37ca9d2dbe36092?s=48 bryan
29
3.2k
5f50f94346fbcb23706f0707169317a4?s=48 aarron
254
36k
761be20b5ebd271008bcee1244fc5b52?s=48 matthewcrist
71
7k
Aff5641764408271f7bc398f2097edd0?s=48 denniskardys
219
110k
C0390e8b11079f8761c0cd3274ed61cb?s=48 productmarketing
5
530
9375a9529679f1b42b567a640d775e7d?s=48 schacon
144
6.5k
9cde37f47e4a800ea081ea42de8d749a?s=48 dougneiner
119
7.7k

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