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
300
Global styles the story so far
Avatar for Tammie Lister tammielis
1
760
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
750
Opportunity of Open Source
Avatar for Tammie Lister tammielis
0
620

Other Decks in Design

See All in Design
SAMSUL KAMAR ABDUL RAHMAN
Avatar for SAMSUL RAHMAN samsulrahman32
0
140
Installing and Running decksh/pdfdeck
Avatar for Anthony Starks ajstarks
1
820
Light My Fire/ハートに火をつけるコミュニティ
Avatar for kgsi kgsi
1
150
Findyのプロデチームの 歩みとこれから
Avatar for Satty satty9556
0
220
デザインから開発まで一貫したデザインシステムを構築するベストプラクティス / Best Practices for Building a Consistent Design System from Design to Development
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
440
デフォルトの16:9（960*540px）のケース / Google Slide Size Test
Avatar for Arthur arthur1
0
3.1k
minpaku-community-scrum-patterns
Avatar for Noriaki Kawanishi norinity1103
1
230
株式会社バクタム　会社説明資料
Avatar for Bactum Inc. bactum
0
280
サービスリブランディングにおけるイラストレーションシステムの構築と活用事例 / Building and Utilizing an Illustration System in Service Rebranding
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
500
読書シェア会 vol.5 / Yumemi.grow 20250526
Avatar for Rakus_Dev rakus_dev
0
1.7k
Мышление дизайнера историями. Как текстовые модели человеческого поведения помогают проектировать
Avatar for Andrew Shapiro ashapiro
0
370
UX & Accessibilité cognitive : et si vous simplifiiez vraiment l’expérience utilisateur ?
Avatar for Marie BENOIT marietournelle35
0
120

Featured

See All Featured
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
54
13k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
16k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
524
40k
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
6.5k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
46
7.6k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
301
21k
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
PRO
22
1.4k
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
48
50k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
160
23k
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
134
9.5k
Adopting Sorbet at Scale
Avatar for Ufuk Kayserilioglu ufuk
77
9.5k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
332
22k

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