Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Design Patterns

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Tammie Lister Tammie Lister
March 27, 2016
Design
2.1k
1

Design Patterns

WordCamp London talk.

Avatar for Tammie Lister

Tammie Lister

March 27, 2016

More Decks by Tammie Lister

See All by Tammie Lister
Growing the WordPress design system
Avatar for Tammie Lister tammielis
1
1.2k
CSS in the editor
Avatar for Tammie Lister tammielis
0
390
Global styles the story so far
Avatar for Tammie Lister tammielis
1
970
Dropped stitches and tangled yarn - a call to simplify WordPress
Avatar for Tammie Lister tammielis
1
1.4k
Being Brave
Avatar for Tammie Lister tammielis
2
1.9k
Lessons from growing design in the open
Avatar for Tammie Lister tammielis
0
1.2k
Thinking in patterns
Avatar for Tammie Lister tammielis
0
43
Design matters in open source
Avatar for Tammie Lister tammielis
1
910
Opportunity of Open Source
Avatar for Tammie Lister tammielis
0
760

Other Decks in Design

See All in Design
Webデザイナー中田美穂_ポートフォリオ
Avatar for miho nakada omy
0
230
デザイナーがいない部署にハーネスを設計する
Avatar for 太田賢一 kenichiota0711
5
6k
デザインレビューを「他者へのおすそわけ」に再定義し、たのしい場にする試み
Avatar for Beeworks Marketing Design webnaut
2
180
個人理念（自分の言葉）の言語化ワークショップ
Avatar for 加来幸樹 SIGNCOSIGN kakukoki
1
460
ポートフォリオ_あやの
Avatar for ayano ngyenmazt1412
0
2k
PLATEAUで白い街を作る
Avatar for aikautau aikautau
0
240
【2026】ポートフォリオ_大坪明日香
Avatar for tsubo52 tsubo52
0
160
デザイン組織の広報が、AIを_社内外に広げる_ためにやってきたこと
Avatar for MIXI DESIGN mixi_design
PRO
0
190
From Desktop to Spatial Interfaces UX Design Implications of Evolving Interaction Paradigms
Avatar for h.crane hcrane
0
150
MUUUUU.ORG 協賛バナーのご案内
Avatar for クオートワークス quoitworks999
0
720
泥臭く語るUIデザイン会｜ホワイトボードチャレンジ【RAMEN TECH 2026】
Avatar for @Garyuten garyuten
1
260
Edmonton River Slidedeck
Avatar for Edmonton River edmontonriver
0
480

Featured

See All Featured
Digital Ethics as a Driver of Design Innovation
Avatar for Per Axbom axbom
PRO
1
510
Unsuck your backbone
Avatar for Amy Palamountain ammeep
672
58k
Side Projects
Avatar for Sacha Greif sachag
456
43k
Primal Persuasion: How to Engage the Brain for Learning That Lasts
Avatar for Mike Taylor tmiket
0
520
New Earth Scene 8
Avatar for Sydney Stone popppiees
4
2.8k
Unlocking the hidden potential of vector embeddings in international SEO
Avatar for Frank van Dijk frankvandijk
0
1k
Are puppies a ranking factor?
Avatar for Jono Alderson jonoalderson
2
4.2k
Claude Code どこまでも/ Claude Code Everywhere
Avatar for nwiizo nwiizo
68
60k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k
Designing Powerful Visuals for Engaging Learning
Avatar for Mike Taylor tmiket
1
650
Ruling the World: When Life Gets Gamed
Avatar for Sebastian Deterding codingconduct
0
440
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
516
110k

Transcript

  1. Design Pa erns Tammie Lister

  2. None
  3. None
  4. None
  5. None

  6. Design

  7. To work our way towards a shared language once again,

    we must first learn how to discover pa erns which are deep, and capable of generating life. - CHRISTOPHER ALEXANDER
  8. None
  9. None

  10. Process

  11. None
  12. None

  13. Analysis

  14. None
  15. None

  16. Everything should begin with research

  17. None
  18. None
  19. None
  20. None
  21. None
  22. None
  23. None

  24. Pa ern Libraries

  25. None

  26. Pa ern Vs Design Libary

  27. Speed

  28. Iteration

  29. Consistency

  30. we define our design in a single location and use

    a system to cascade it down to all platforms. We call it our Single Source of Truth. - LIVING DESIGN SYSTEMS @SALES FORCE

  31. Understanding

  32. Without foundations, there can be no fashion. - CHRISTIAN DIOR

  33. Conscious designing

  34. not a design process. It’s manufacturing. It’s a cupcake machine

    churning out identical cakes with different icing. But they all taste the same. - MARK BOULTON
  35. None

  36. Alive and Open

  37. None

  38. THEME pa ern library

  39. None

  40. components.underscores.me github.com/Automa ic/theme-components

  41. None

  42. Tammie Lister @karmatosed Thanks, any questions?

  43. Resources http://patternlab.io/resources.html http://clearleft.com/thinks/165 http://ui-patterns.com/ http://styleguides.io https://medium.com/@bradhaynes/designing-products-that-scale- c8f3001f709b http://markboulton.co.uk/journal/design-abstraction-escalation