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

Design Patterns & Systems

Todd Zaki Warfel
May 17, 2013
Design
3
420

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
190
Prototyping for Mobile
zakiwarfel
4
400
Paper Prototyping
zakiwarfel
1
270
GA Know Your Audience
zakiwarfel
0
180
GA UX Research Workshop
zakiwarfel
3
200
GA Hi-fi Design for Mobile Web
zakiwarfel
3
210
UXWeek Prototyping with HTML5
zakiwarfel
4
940
Designing with HTML5, CSS3, and jQuery
zakiwarfel
8
690
Designing with Data
zakiwarfel
95
4.8k

Other Decks in Design

See All in Design
豊かな自然を守るための、 クラフトビール造りのプロジェクトとデザイン
kazuakiebe
0
440
Wishing Star Comic
torije
1
1.1k
UX/UI改善に貢献するユーザーテストとは？ 基礎知識から実施のプロセスまで解説
ncdc
0
310
Ride or Die Animatics
warwatkar
0
140
ゲームクリエイター、事業会社のデザイナーになる
satomium1
0
170
BtoB SaaS Design Conference 登壇資料 Cloudbase LT
narizuka
0
480
Goodpatch Tour💙 / We are hiring!
goodpatch
28
690k
Designship 2023｜想いを可視化するデザインの力
weddingpark
0
230
良いアプリケーションをデザインするための感覚の持ち方 / Cultivating a Sense for Designing Great Applications
usagimaru
22
7.5k
業務システムのUX/UI設計ノウハウを解説。デザイナー不在で失敗しないために身につけるべき基本とは？
ncdc
1
240
共創のための地域基盤としての非公式組織の形成 / Informal community as an infrastructure for co-creation
fumiyaakasaka
1
220
フロントエンドエンジニアが知っておくべきUIUX心理学
yukiringo
1
260

Featured

See All Featured
Building a Modern Day 
E-commerce SEO Strategy
aleyda
16
6.3k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
153
14k
What's new in Ruby 2.0
geeforr
336
31k
Testing 201, or: Great Expectations
jmmastey
27
6.3k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
118
38k
Making Projects Easy
brettharned
106
5.5k
Building Better People: How to give real-time feedback that sticks.
wjessup
352
18k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
73
41k
Typedesign – Prime Four
hannesfritz
36
2k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
60
14k
Web Components: a chance to create the future
zenorocha
304
41k
Fireside Chat
paigeccino
19
2.6k

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