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

Design Patterns

Avatar for Tammie Lister Tammie Lister
March 27, 2016
Design
2k
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
370
Global styles the story so far
Avatar for Tammie Lister tammielis
1
900
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.8k
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
860
Opportunity of Open Source
Avatar for Tammie Lister tammielis
0
700

Other Decks in Design

See All in Design
2026年、デザイナーはなにに賭ける？
Avatar for Kazuhiro Tobita 0b1tk
0
550
Rethinking IFUs: What Board Game Rulebooks Contribute to IFU Usability
Avatar for Chris Hass deadlinepoet
0
270
設計と制作 意図を形に表す / Design and Making: Intent Made Form
Avatar for usagimaru usagimaru
3
1.8k
再設計される業務 - AIにより再設計される "デザインワークフロー" / AI Ops Lab #2 Redesigned orkflows
Avatar for kgsi kgsi
0
610
【pmconf2025】PdMの頭の中を見える化する体験構造図
Avatar for Shigeyuki Kameda kamechi7222222
1
2.3k
デザインとフロントエンドの境界が融ける Claude Code × Figma
Avatar for littlebusters littlebusters
1
2.7k
Franks Myth
Avatar for George Frank Hayford-Taylor gfht1
2
470
Accelerating performance improvement based on a software review evaluation matrix
Avatar for kitanosirokuma kitanosirokuma
0
230
タイル紹介サイト「タイルだもんで」
Avatar for しま calpin
0
130
アイデアを加速させる！Firefly ボードで発想の幅を広げよう
Avatar for コネクリ connecre
1
390
AIスライドデザインを生成する仕組みを社内共有する
Avatar for 太田賢一 kenichiota0711
7
5.5k
CULTURE DECK／Marketing Director
Avatar for M-HAND,Inc. mhand01
0
1.2k

Featured

See All Featured
Marketing to machines
Avatar for Jono Alderson jonoalderson
1
5.3k
The AI Search Optimization Roadmap by Aleyda Solis
Avatar for Aleyda Solis aleyda
1
5.8k
What the history of the web can teach us about the future of AI
Avatar for Ines Montani inesmontani
PRO
1
560
How GitHub (no longer) Works
Avatar for Zach Holman holman
316
150k
Everyday Curiosity
Avatar for Cassini Nazir cassininazir
0
210
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
54k
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
281
24k
How to audit for AI Accessibility on your Front & Back End
Avatar for davetheseo davetheseo
0
370
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
287
14k
<Decoding/> the Language of Devs - We Love SEO 2024
Avatar for Nikki Halliwell nikkihalliwell
1
210
Side Projects
Avatar for Sacha Greif sachag
455
43k
SEO Brein meetup: CTRL+C is not how to scale international SEO
Avatar for Linda Hogenes lindahogenes
1
2.6k

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