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
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
370
Global styles the story so far
tammielis
1
930
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
880
Opportunity of Open Source
tammielis
0
720
Other Decks in Design
See All in Design
デザインとフロントエンドの境界が融ける Claude Code × Figma
littlebusters
2
3.1k
AI時代に必要な アイデアの形
uxman
0
220
Decksh keywords
ajstarks
0
100
Техники структурирования беседы с собой, заказчиком и командо
ashapiro
0
190
20260215独立行政法人科学技術振興機構(JST) 社会技術研究開発センター(RISTEX)ケアが根づく社会システム _公開シンポジウム
a2k
1
220
Basket_of_love.pdf
terencebasart
0
100
AI時代、デザイナーの価値はどこに?
tararira
2
1.7k
AIネイティブスタートアップにおけるプロダクト開発の新常識 / Product Development Tips in AI-Native Startups
saka2jp
2
1.3k
デザイナーとエンジニアで 同じ山に登ろう
moco1013
0
270
設計と制作 意図を形に表す / Design and Making: Intent Made Form
usagimaru
3
2k
decksh object reference
ajstarks
2
1.7k
情報を翻訳する-伝わる可視化3原則とオープンデータ活用-
hjmkth
1
290
Featured
See All Featured
Leveraging Curiosity to Care for An Aging Population
cassininazir
1
300
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
aleyda
2
11k
Odyssey Design
rkendrick25
PRO
2
710
Automating Front-end Workflow
addyosmani
1370
210k
Imperfection Machines: The Place of Print at Facebook
scottboms
270
14k
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
davidcarrasco
3
170
AI: The stuff that nobody shows you
jnunemaker
PRO
8
750
Ethics towards AI in product and experience design
skipperchong
2
320
How to build an LLM SEO readiness audit: a practical framework
nmsamuel
1
790
Public Speaking Without Barfing On Your Shoes - THAT 2023
reverentgeek
1
440
Six Lessons from altMBA
skipperchong
29
4.3k
From π to Pie charts
rasagy
0
220
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