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

Design Patterns & Systems

Todd Zaki Warfel
May 17, 2013
Design
3
510

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
480
Paper Prototyping
zakiwarfel
1
390
GA Know Your Audience
zakiwarfel
0
260
GA UX Research Workshop
zakiwarfel
3
280
GA Hi-fi Design for Mobile Web
zakiwarfel
3
290
UXWeek Prototyping with HTML5
zakiwarfel
4
1.1k
Designing with HTML5, CSS3, and jQuery
zakiwarfel
8
770
Designing with Data
zakiwarfel
98
5.1k

Other Decks in Design

See All in Design
共通言語としてのデザイントークンと Figmaでの運用
kamy0042
0
310
東急URBAN HACKSのデザイナーって何やってるの？ 〜Designer Night #1〜 組織横断のデザインの 取り組みについて
sig
1
300
The Golden Whitney
ohtristanart
PRO
0
200
Echoes Boomerang
artcloudyu
PRO
0
100
【Adobe MAX Japan 2025】上手にFireflyにお願いしてウェブデザイン案を出すぞ！
cremacrema
7
5k
Figma Code Connect を使ってエンジニアの新しい体験をデリバリする
junkifurukawa
0
740
NAHO SHIMONO_Portfolio2025
nahohphp
0
330
クライアントワークにおける UXリサーチの実践
kozotaira
0
560
今更聞けないデザイン思考 - 高専キャリア2024冬 / imasara-design-thinking
chige
6
980
エンタメ業界からDX領域に飛び込んだデザイナーが今立ち向かっている壁とは / applibot-dx-designer
cyberagentdevelopers
PRO
1
230
Building foundations 堅牢なデザイントークンの設計
hilokifigma
1
2.7k
How to go from research data to insights?
mastervicedesign
0
250

Featured

See All Featured
The MySQL Ecosystem @ GitHub 2015
samlambert
251
12k
Why You Should Never Use an ORM
jnunemaker
PRO
55
9.3k
Building Your Own Lightsaber
phodgson
104
6.3k
Become a Pro
speakerdeck
PRO
27
5.2k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
40
2k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
160
15k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
8
700
It's Worth the Effort
3n
184
28k
Java REST API Framework Comparison - PWX 2021
mraible
29
8.5k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
22
2.6k
Raft: Consensus for Rubyists
vanstee
137
6.8k
Side Projects
sachag
452
42k

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