Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Thinking in patterns
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Tammie Lister
September 03, 2015
Design
550
2
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Thinking in patterns
Talk for ThemeConf
Tammie Lister
September 03, 2015
More Decks by Tammie Lister
See All by Tammie Lister
Growing the WordPress design system
tammielis
1
1.2k
CSS in the editor
tammielis
0
380
Global styles the story so far
tammielis
1
950
Dropped stitches and tangled yarn - a call to simplify WordPress
tammielis
1
1.4k
Being Brave
tammielis
2
1.8k
Lessons from growing design in the open
tammielis
0
1.2k
Thinking in patterns
tammielis
0
43
Design matters in open source
tammielis
1
890
Opportunity of Open Source
tammielis
0
740
Other Decks in Design
See All in Design
AI-Slopなデザインを生まないためのデザインプロセス戦略
takanorip
10
5.8k
富山デザイン勉強会_プレゼンテーション.pdf
keita_yoshikawa
0
140
“なんとなくFigma”から一歩先へ。AI時代も活きるWeb制作フロー
ayumidesign
0
210
富山デザイン勉強会_デザイン思考.pdf
keita_yoshikawa
3
150
絵や写真から学ぶ、要素がもたらす副作用
kspace
0
530
JBUG大阪#9_登壇資料_引き継ぎで困らないためのBacklogWikiの整え方_ミスと属人化を防ぐために、 “次の人が動ける状態”をどう残すか
webnaut
2
240
図面資産×AI 眠れる資産を起こす挑戦
aonomasahiro
0
220
PLATEAUで白い街を作る
aikautau
0
180
Jun Wei Portfolio 2026
wjw100788
PRO
1
250
「おすすめ」はなぜ信用されないのか - 信頼を築くUI/UX設計
ryu1013
0
250
広い関与の可能性に どう向き合うのか? 私たちは。|Timee MarketingDesign 2026-06-18
bebe
0
820
開発・制作におけるUI・UXデザインの重要性について~UI・UXデザインってなんだろう~
yamasaku
0
200
Featured
See All Featured
Mozcon NYC 2025: Stop Losing SEO Traffic
samtorres
1
510
The browser strikes back
jonoalderson
0
1.6k
The Hidden Cost of Media on the Web [PixelPalooza 2025]
tammyeverts
2
490
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
4.6k
How to Align SEO within the Product Triangle To Get Buy-In & Support - #RIMC
aleyda
2
1.8k
Crafting Experiences
bethany
1
270
Conquering PDFs: document understanding beyond plain text
inesmontani
PRO
4
3k
Test your architecture with Archunit
thirion
2
2.4k
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
minecr
1
370
The Spectacular Lies of Maps
axbom
PRO
1
960
The Limits of Empathy - UXLibs8
cassininazir
1
630
Build The Right Thing And Hit Your Dates
maggiecrowley
39
3.4k
Transcript
THINKING IN PATTERNS
Atomic Style Guide Component Pattern Library
None
None
None
None
school /s/-/k/-/oo/-/l/
A successful person isn't necessarily be er than her less
successful peers at solving problems; her pa ern-recognition facilities have just learned what problems are worth solving. - RAY KURZWEIL
DESIGN
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
PATTERNS
None
None
ui-pa erns.com/pa erns
None
PATTERN ANALYSIS
None
None
Everything should begin with research
None
None
None
None
None
None
None
PATTERN LIBRARY?
Speed
Iteration
Consistency
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
Understanding
THEME pa ern library
Pa ern library : WITHOUT DESIGN Style guide : WITH
DESIGN
None
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
None
= RJ : NYC Lego Street Art
Colville -Anderson
Colville -Anderson Eirik Newth
Nathan Sawaya
None
The Art of the Brick Expo
Without foundations, there can be no fashion. - CHRISTIAN DIOR
Always leave your library OPEN
None
None
James F Clay
None
None
None
??
??
Jeff Eaton
None
Tammie Lister @karmatosed THANKS, ANY QUESTIONS?
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