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
530
2
Share
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
370
Global styles the story so far
tammielis
1
910
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
870
Opportunity of Open Source
tammielis
0
710
Other Decks in Design
See All in Design
「使いやすさ」だけでは、「勝てる」サービスにはならない。〜KPIとUXの分断を埋める、サービス戦略という「指針」〜
nbkouhou
2
380
2026の目標「もっと定量的に事業、会社へ貢献する!」
yuri_ohashi
0
830
新卒2年目デザイナーが、UX検定基礎にチャレンジした話
designer_no_pon
1
1.5k
ClaudeCodeでマーケターの課題を解決する
kenichiota0711
11
14k
20260309_3月ICTデザイン勉強会_地域創生2.0
a2k
0
120
2026年の勢い / Momentum for 2026
bebe
0
450
「デザイン」の自分ごと化から始める、デザインピープルのふるまい
mewmo
0
250
再設計される業務 - AIにより再設計される "デザインワークフロー" / AI Ops Lab #2 Redesigned orkflows
kgsi
0
680
【優秀賞+特別賞】くまモン食いしん坊弁当「くまモンの魔法の柑橘弁当」最終審査資料
shoko_seven11
0
180
decksh object reference
ajstarks
2
1.6k
UI生成の鍵は要件整理 -デザインプロセスのエッセンスを プロンプト作成に取り入れよう-
abokadotyann
3
860
20260215独立行政法人科学技術振興機構(JST) 社会技術研究開発センター(RISTEX)ケアが根づく社会システム _公開シンポジウム
a2k
1
200
Featured
See All Featured
The Mindset for Success: Future Career Progression
greggifford
PRO
0
350
Java REST API Framework Comparison - PWX 2021
mraible
34
9.3k
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
reverentgeek
1
460
Collaborative Software Design: How to facilitate domain modelling decisions
baasie
1
230
Building the Perfect Custom Keyboard
takai
2
780
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.7k
Context Engineering - Making Every Token Count
addyosmani
9
940
The Straight Up "How To Draw Better" Workshop
denniskardys
239
140k
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
inesmontani
PRO
0
400
Agile that works and the tools we love
rasmusluckow
331
21k
Joys of Absence: A Defence of Solitary Play
codingconduct
1
380
Typedesign – Prime Four
hannesfritz
42
3.1k
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