Before you begin your next design system, consider the experience you want to be remembered for by customers!

1. Creating
Experience
Guidelines
Before you create
a design system

2. DesignSystemsarethe
rage.
Whilemanyaresexy,they
tendtochangeasoften
ascustomertastesdo.
Therefore,Ipropose
formingyourDesign
Systemarounda
consitent &intentional
customerexperience.
DesignSystemsarethe
rage.
Whilemanyaresexy,they
tendtochangeasoften
ascustomertastesdo.
Therefore,Ipropose
formingyourDesign
Systemarounda
consitent &intentional
customerexperience.

3. 1
FIND THE
HABIT
LOOP
Cue
Craving
Ritual
reward

4. Habitsaretherepetitive,
andsometimessubliminal
actionsusers (will)gothru
intheprocessof
completingatask.By
understandingthem,we
caninjectinfluenceof
change.
Bystartinghereweare
workinginthenatural
languageofourusers.
Habitsaretherepetitive,
andsometimessubliminal
actionsusers (will)gothru
intheprocessof
completingatask.By
understandingthem,we
caninjectinfluenceof
change.
Bystartinghereweare
workinginthenatural
languageofourusers.

5. ATTACH
EMOTIONS2

6. Foreachstepstepinthe
habitloopidentifythe
emotiontheuseris
tryingtoachieve. We
calleachof these
emotionsaPILLAR.
example:thecravingis
tofindapairof jeans.
Theemotionmightbe:
EXCITEMENT
Foreachstepstepinthe
habitloopidentifythe
emotiontheuseris
tryingtoachieve. We
calleachof these
emotionsaPILLAR.
example:thecravingis
tofindapairof jeans.
Theemotionmightbe:
EXCITEMENT

7. DEFINE
PRINCIPLES3

8. It’stimetosearchfor
examples.Don’tgetstuck
stayinginyourindustry.
Rather,foreachPillar,find
examplesthatgaveyou
thoseemotions.
For eachcluster,whatare
the3-4trendstheyallhave
incommon.
example: sitesthatgaveyou
excitementmightallbevery
engaging,visual, simple
It’stimetosearchfor
examples.Don’tgetstuck
stayinginyourindustry.
Rather,foreachPillar,find
examplesthatgaveyou
thoseemotions.
For eachcluster,whatare
the3-4trendstheyallhave
incommon.
example: sitesthatgaveyou
excitementmightallbevery
engaging,visual, simple

9. CREATE
RULES4

10. Consistencycanbe
maintainedwhenwe
eliminate95%of
options/distractions
becausetheydonot
conformtotheruleswe
setforeachprinciple.
example:simplecanbe
definedas1-1-3. Asite
appthatsolves1use
case,for1persona,with
nomorethan3steps.
Consistencycanbe
maintainedwhenwe
eliminate95%of
options/distractions
becausetheydonot
conformtotheruleswe
setforeachprinciple.
example:simplecanbe
definedas1-1-3. Asite
appthatsolves1use
case,for1persona,with
nomorethan3steps.