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
Tammie Lister
September 03, 2015
Design
2
290
Thinking in patterns
Talk for ThemeConf
Tammie Lister
September 03, 2015
Tweet
Share
More Decks by Tammie Lister
See All by Tammie Lister
Growing the WordPress design system
tammielis
1
710
CSS in the editor
tammielis
0
170
Global styles the story so far
tammielis
1
510
Dropped stitches and tangled yarn - a call to simplify WordPress
tammielis
1
820
Being Brave
tammielis
2
1.3k
Lessons from growing design in the open
tammielis
0
730
Thinking in patterns
tammielis
0
43
Design matters in open source
tammielis
1
470
Opportunity of Open Source
tammielis
0
440
Other Decks in Design
See All in Design
言語やロールの違いを超えて、一緒にデザインしていくための挑戦
hrtnde
0
1.3k
デザインテクノロジストが先導する プロダクト開発の世界
degudegu2510
1
370
Wishing Star Comic
torije
2
1.2k
ホワイト化するこの世界の片隅に
hisayosky
0
140
もち的デザイナーのキャリアデザイン新提言:副業起業家のすゝめ
mochitaro
0
1.4k
プロダクトを成長させる生成 AI のユースケース発見ワークショップ vol.3
icoxfog417
1
110
デザインを誘発する「イネーブルメント」アプローチ #spectrumfest2023 / 20231203
minamitary
0
590
20231122_Design Leader Impact Award_Presentation_FAKE Okazaki
okazakityo
1
260
Wolf and the seven goatkids
_limex_
PRO
0
470
TrollsTopia: Funtography- Part 1
kenijam
1
220
リリース1ヶ月後で機能をなくした話
hinofu
1
710
実案件でのFigmaデータの作り方
xxxkinu
2
230
Featured
See All Featured
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
34
6.1k
Documentation Writing (for coders)
carmenintech
60
4k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
21
1.6k
How to Ace a Technical Interview
jacobian
273
22k
Building a Scalable Design System with Sketch
lauravandoore
457
32k
Code Review Best Practice
trishagee
56
15k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
126
32k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
12
1k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
226
51k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
104
6.6k
BBQ
matthewcrist
80
8.8k
The Power of CSS Pseudo Elements
geoffreycrofte
62
5k
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