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

Design Patterns

Avatar for Tammie Lister Tammie Lister
March 27, 2016
Design
1
1.8k

Design Patterns

WordCamp London talk.

Avatar for Tammie Lister

Tammie Lister

March 27, 2016
Tweet

More Decks by Tammie Lister

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

Other Decks in Design

See All in Design
Goodpatch Tour💙 / We are hiring!
Avatar for Goodpatch Inc. goodpatch
31
880k
児童相談所における養育里親委託時の親権者同意に向けたコミュニケーションの実態
Avatar for trivia trivia
0
540
sachi_y_portfolio
Avatar for Sachi sachi337
0
520
数理的アプローチで挑むスマホUIのデザイン改善：タップ成功率推定ツール「Tappy」の社内活用事例 / Improving Smartphone UI Design with a Mathematical Approach: In-house Use Case of the Tap Success Rate Estimation Tool "Tappy"
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
800
組織で取り組むアクセシビリティのはじめ方
Avatar for cawpea masakiohsumi
0
180
読書シェア会 vol.5 / Yumemi.grow 20250526
Avatar for Rakus_Dev rakus_dev
0
1.8k
文字コントラストを改めて考える / Reevaluating Text Contrast
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
500
デザイナーのAI活用とチームへの浸透戦略
Avatar for Kaori Ueda ukaoli
0
110
CursorでAI活用のナレッジベースを構築する
Avatar for 神崎 kanzaki
0
670
AI業務アプリケーションの体験デザイン
Avatar for kim kazuhirokimura
0
160
教育分野に強いUIデザイナー / 山口哲弘ポートフォリオ
Avatar for 山口哲弘 t2yamaguchi429
0
720
1920*1080pxに設定したケース / Google Slide Size Test
Avatar for Arthur arthur1
0
3.3k

Featured

See All Featured
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
33
8.8k
Designing Experiences People Love
Avatar for Jonathan Moore moore
142
24k
Gamification - CAS2011
Avatar for David Bonilla davidbonilla
81
5.4k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
667
120k
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
27k
KATA
Avatar for Megan Lloyd mclloyd
32
14k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
53
8.9k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
411
22k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
110k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.5k
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
279
23k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k

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