![Page 1: Hienadz Drahun - Design with Temperament - Design by Fire Cafe](https://reader034.vdocuments.site/reader034/viewer/2022042508/53ef75488d7f7289708b628e/html5/thumbnails/1.jpg)
Design with TemperamentHienadź “Gena” Drahun
![Page 2: Hienadz Drahun - Design with Temperament - Design by Fire Cafe](https://reader034.vdocuments.site/reader034/viewer/2022042508/53ef75488d7f7289708b628e/html5/thumbnails/2.jpg)
![Page 3: Hienadz Drahun - Design with Temperament - Design by Fire Cafe](https://reader034.vdocuments.site/reader034/viewer/2022042508/53ef75488d7f7289708b628e/html5/thumbnails/3.jpg)
http://www.slideshare.net/Hienadz.Drahun/50-visual-definitions-of-user-experience
![Page 6: Hienadz Drahun - Design with Temperament - Design by Fire Cafe](https://reader034.vdocuments.site/reader034/viewer/2022042508/53ef75488d7f7289708b628e/html5/thumbnails/6.jpg)
Do not have access to user research?
![Page 7: Hienadz Drahun - Design with Temperament - Design by Fire Cafe](https://reader034.vdocuments.site/reader034/viewer/2022042508/53ef75488d7f7289708b628e/html5/thumbnails/7.jpg)
• Actionable and simple• Universal• Reusable• Proven
What about having a set of user models:
![Page 8: Hienadz Drahun - Design with Temperament - Design by Fire Cafe](https://reader034.vdocuments.site/reader034/viewer/2022042508/53ef75488d7f7289708b628e/html5/thumbnails/8.jpg)
4 Types of Temperament
![Page 9: Hienadz Drahun - Design with Temperament - Design by Fire Cafe](https://reader034.vdocuments.site/reader034/viewer/2022042508/53ef75488d7f7289708b628e/html5/thumbnails/9.jpg)
Design practiceBryan Eisenberg
TheoryDavid Keirseyhttp://www.keirsey.com/ http://www.bryaneisenberg.com/
![Page 10: Hienadz Drahun - Design with Temperament - Design by Fire Cafe](https://reader034.vdocuments.site/reader034/viewer/2022042508/53ef75488d7f7289708b628e/html5/thumbnails/10.jpg)
http://www.keirsey.com/sorter/instruments2.aspx
Keirsey Temperament Sorter (KTS-II)
![Page 11: Hienadz Drahun - Design with Temperament - Design by Fire Cafe](https://reader034.vdocuments.site/reader034/viewer/2022042508/53ef75488d7f7289708b628e/html5/thumbnails/11.jpg)
Quick(Lymbic Mode)
Based on Emotions(Right Brain)
Based on Facts
(Left Brain)
Deliberate(Cerebral Mode)
How do we make decisions?
![Page 12: Hienadz Drahun - Design with Temperament - Design by Fire Cafe](https://reader034.vdocuments.site/reader034/viewer/2022042508/53ef75488d7f7289708b628e/html5/thumbnails/12.jpg)
Traditionalist
Quick(Lymbic Mode)
Based on Emotions(Right Brain)
Based on Facts
(Left Brain)
Deliberate(Cerebral Mode)
![Page 13: Hienadz Drahun - Design with Temperament - Design by Fire Cafe](https://reader034.vdocuments.site/reader034/viewer/2022042508/53ef75488d7f7289708b628e/html5/thumbnails/13.jpg)
• Dependable, helpful, and hard-working
• Dutiful, cautious, humble, and focused on credentials and traditions;
• Concerned, trust authority, seek security, prize gratitude
“ Work hard today, to feel good tomorrow”
Traditionalist
![Page 14: Hienadz Drahun - Design with Temperament - Design by Fire Cafe](https://reader034.vdocuments.site/reader034/viewer/2022042508/53ef75488d7f7289708b628e/html5/thumbnails/14.jpg)
• Browses methodically, using primary navigation
• Looks for Detailed Product Information, Comparisons
• Contact, Shipping & Retour Info;• Feeling of Familiarity, Trust & Security;• “DIY” – “help yourself” approach
“What your product does?How it does it?”
Design for Traditionalist
![Page 15: Hienadz Drahun - Design with Temperament - Design by Fire Cafe](https://reader034.vdocuments.site/reader034/viewer/2022042508/53ef75488d7f7289708b628e/html5/thumbnails/15.jpg)
Rationalist Hedonist
Traditionalist Socializer- Philanthropist
Quick(Lymbic Mode)
Based on Emotions(Right Brain)
Based on Facts
(Left Brain)
Deliberate(Cerebral Mode)
![Page 16: Hienadz Drahun - Design with Temperament - Design by Fire Cafe](https://reader034.vdocuments.site/reader034/viewer/2022042508/53ef75488d7f7289708b628e/html5/thumbnails/16.jpg)
Eye-tracking of “Traditionalist”
http://www.nngroup.com/articles/fancy-formatting-looks-like-an-ad/
![Page 17: Hienadz Drahun - Design with Temperament - Design by Fire Cafe](https://reader034.vdocuments.site/reader034/viewer/2022042508/53ef75488d7f7289708b628e/html5/thumbnails/17.jpg)
Hedonist
Quick(Lymbic Mode)
Based on Emotions(Right Brain)
Deliberate(Cerebral Mode)
Based on Facts
(Left Brain)
![Page 18: Hienadz Drahun - Design with Temperament - Design by Fire Cafe](https://reader034.vdocuments.site/reader034/viewer/2022042508/53ef75488d7f7289708b628e/html5/thumbnails/18.jpg)
Eye-tracking of “Hedonist”
http://www.nngroup.com/articles/fancy-formatting-looks-like-an-ad/
![Page 19: Hienadz Drahun - Design with Temperament - Design by Fire Cafe](https://reader034.vdocuments.site/reader034/viewer/2022042508/53ef75488d7f7289708b628e/html5/thumbnails/19.jpg)
Socializer- Philanthropist
Quick(Lymbic Mode)
Based on Emotions(Right Brain)
Deliberate(Cerebral Mode)
Based on Facts
(Left Brain)
![Page 20: Hienadz Drahun - Design with Temperament - Design by Fire Cafe](https://reader034.vdocuments.site/reader034/viewer/2022042508/53ef75488d7f7289708b628e/html5/thumbnails/20.jpg)
• Oriented on personal development, seek their true self;• Ready to help and trust, but are
cautious;• Loving, kindhearted, and
authentic.• Enthusiastic, trust their
intuition, yearn for romance
“Communicate to make myself and the world better”
Socializer- Philanthropist
![Page 21: Hienadz Drahun - Design with Temperament - Design by Fire Cafe](https://reader034.vdocuments.site/reader034/viewer/2022042508/53ef75488d7f7289708b628e/html5/thumbnails/21.jpg)
• Want it “quick & easy” but are cautious, value personal communication;
• Who are you? What are your ethical & moral values? (“About us”, etc.)
• Whom have you already helped?
• How can I help others?
“How does your product make the world better?”
Design for Socializer
![Page 22: Hienadz Drahun - Design with Temperament - Design by Fire Cafe](https://reader034.vdocuments.site/reader034/viewer/2022042508/53ef75488d7f7289708b628e/html5/thumbnails/22.jpg)
Eye-tracking of “Socializer”
http://www.nngroup.com/articles/fancy-formatting-looks-like-an-ad/
![Page 23: Hienadz Drahun - Design with Temperament - Design by Fire Cafe](https://reader034.vdocuments.site/reader034/viewer/2022042508/53ef75488d7f7289708b628e/html5/thumbnails/23.jpg)
Rationalist
Quick(Lymbic Mode)
Based on Emotions(Right Brain)
Based on Facts
(Left Brain)
Deliberate(Cerebral Mode)
![Page 24: Hienadz Drahun - Design with Temperament - Design by Fire Cafe](https://reader034.vdocuments.site/reader034/viewer/2022042508/53ef75488d7f7289708b628e/html5/thumbnails/24.jpg)
• Pragmatic, skeptical, self-contained, and focused on problem-solving and systems analysis;• Ingenious, independent, and
strong willed;• Even-tempered, trust logic,
yearn for achievement, seek knowledge, prize technology, and dream of understanding how the world works.
“Be the best”
Rationalist
![Page 25: Hienadz Drahun - Design with Temperament - Design by Fire Cafe](https://reader034.vdocuments.site/reader034/viewer/2022042508/53ef75488d7f7289708b628e/html5/thumbnails/25.jpg)
• Perfectionists, look for the best and most efficient way to make things done;
• Very quick in judging about what is not best or “suspicious”;
• Masters of comparison & verification;
• Feel flattery and “desire to sell”
“Give me the facts to proof that your product is the best option”
Design for Rationalist
![Page 26: Hienadz Drahun - Design with Temperament - Design by Fire Cafe](https://reader034.vdocuments.site/reader034/viewer/2022042508/53ef75488d7f7289708b628e/html5/thumbnails/26.jpg)
Eye-tracking of Rationalist
http://www.nngroup.com/articles/fancy-formatting-looks-like-an-ad/
![Page 27: Hienadz Drahun - Design with Temperament - Design by Fire Cafe](https://reader034.vdocuments.site/reader034/viewer/2022042508/53ef75488d7f7289708b628e/html5/thumbnails/27.jpg)
Quick
Based on Emotions
Based on Facts
Deliberate
![Page 28: Hienadz Drahun - Design with Temperament - Design by Fire Cafe](https://reader034.vdocuments.site/reader034/viewer/2022042508/53ef75488d7f7289708b628e/html5/thumbnails/28.jpg)
Practical Application
• Information Architecture;• Content Strategy/ Creation;• Visual Design;• Design for Conversion &
Persuasion;
• Personas / User models;• Walkthroughs;• Journey Maps;• Content Auditsfor
![Page 29: Hienadz Drahun - Design with Temperament - Design by Fire Cafe](https://reader034.vdocuments.site/reader034/viewer/2022042508/53ef75488d7f7289708b628e/html5/thumbnails/29.jpg)
Design with TemperamentPart 2: Secrets“beyond
MBTI”
![Page 30: Hienadz Drahun - Design with Temperament - Design by Fire Cafe](https://reader034.vdocuments.site/reader034/viewer/2022042508/53ef75488d7f7289708b628e/html5/thumbnails/30.jpg)
?What is the distribution of temperament types
Rationalist Hedonist
Traditionalist Socializer- Philanthropist
![Page 31: Hienadz Drahun - Design with Temperament - Design by Fire Cafe](https://reader034.vdocuments.site/reader034/viewer/2022042508/53ef75488d7f7289708b628e/html5/thumbnails/31.jpg)
Rationalist<10%
Hedonist~ 35%
Тraditionalist~45%
“Approximate” numbers (±5%)
Socializer- Philanthropist
10%+
![Page 32: Hienadz Drahun - Design with Temperament - Design by Fire Cafe](https://reader034.vdocuments.site/reader034/viewer/2022042508/53ef75488d7f7289708b628e/html5/thumbnails/32.jpg)
For which temperament should we design first?
![Page 33: Hienadz Drahun - Design with Temperament - Design by Fire Cafe](https://reader034.vdocuments.site/reader034/viewer/2022042508/53ef75488d7f7289708b628e/html5/thumbnails/33.jpg)
HEDONISTS FIRST
100%
35%
![Page 34: Hienadz Drahun - Design with Temperament - Design by Fire Cafe](https://reader034.vdocuments.site/reader034/viewer/2022042508/53ef75488d7f7289708b628e/html5/thumbnails/34.jpg)
Second?
![Page 35: Hienadz Drahun - Design with Temperament - Design by Fire Cafe](https://reader034.vdocuments.site/reader034/viewer/2022042508/53ef75488d7f7289708b628e/html5/thumbnails/35.jpg)
HEDONISTS FIRST
TRADITIONALISTS SECOND
100%
80%
![Page 36: Hienadz Drahun - Design with Temperament - Design by Fire Cafe](https://reader034.vdocuments.site/reader034/viewer/2022042508/53ef75488d7f7289708b628e/html5/thumbnails/36.jpg)
Designing for only2 temperament types = 80% of audience!
![Page 37: Hienadz Drahun - Design with Temperament - Design by Fire Cafe](https://reader034.vdocuments.site/reader034/viewer/2022042508/53ef75488d7f7289708b628e/html5/thumbnails/37.jpg)
It is already enough (for a good start)
![Page 38: Hienadz Drahun - Design with Temperament - Design by Fire Cafe](https://reader034.vdocuments.site/reader034/viewer/2022042508/53ef75488d7f7289708b628e/html5/thumbnails/38.jpg)
Traditionalist Hedonist
eCommerce
Games
News/ Content
Help & Service
«Casual» shopper
«Targeted» shopper
«Grinder»
«Hardcore»gamer
«D.I.Y»
«Scanner»
«Casual»gamer
«Help me...»
![Page 39: Hienadz Drahun - Design with Temperament - Design by Fire Cafe](https://reader034.vdocuments.site/reader034/viewer/2022042508/53ef75488d7f7289708b628e/html5/thumbnails/39.jpg)
Product focused
Browsers
Researchers
Bargain hunters
One-time shoppers
5 Types of E-Commerce Shoppers
Traditionalist
Hedonist
Traditionalist
Hedonist
Hedonist
http://www.nngroup.com/articles/ecommerce-shoppers/
![Page 40: Hienadz Drahun - Design with Temperament - Design by Fire Cafe](https://reader034.vdocuments.site/reader034/viewer/2022042508/53ef75488d7f7289708b628e/html5/thumbnails/40.jpg)
PHILANTROPISTS NEXT
HEDONISTS FIRST
TRADITIONALISTS SECOND
90%
![Page 41: Hienadz Drahun - Design with Temperament - Design by Fire Cafe](https://reader034.vdocuments.site/reader034/viewer/2022042508/53ef75488d7f7289708b628e/html5/thumbnails/41.jpg)
3 temperament types = 90% of audience!
![Page 42: Hienadz Drahun - Design with Temperament - Design by Fire Cafe](https://reader034.vdocuments.site/reader034/viewer/2022042508/53ef75488d7f7289708b628e/html5/thumbnails/42.jpg)
RATIONALISTS IF YOU DARE!
PHILANTROPISTS NEXT
HEDONISTS FIRST
TRADITIONALISTS SECOND
100%
![Page 43: Hienadz Drahun - Design with Temperament - Design by Fire Cafe](https://reader034.vdocuments.site/reader034/viewer/2022042508/53ef75488d7f7289708b628e/html5/thumbnails/43.jpg)
Temperament type is not a category
![Page 44: Hienadz Drahun - Design with Temperament - Design by Fire Cafe](https://reader034.vdocuments.site/reader034/viewer/2022042508/53ef75488d7f7289708b628e/html5/thumbnails/44.jpg)
Rationalist Hedonist
Traditionalist Socializer- Philanthropist
=
Not true
Two people of the same temperament are not the same
![Page 45: Hienadz Drahun - Design with Temperament - Design by Fire Cafe](https://reader034.vdocuments.site/reader034/viewer/2022042508/53ef75488d7f7289708b628e/html5/thumbnails/45.jpg)
Only the minority of people has “bright” temperaments
![Page 46: Hienadz Drahun - Design with Temperament - Design by Fire Cafe](https://reader034.vdocuments.site/reader034/viewer/2022042508/53ef75488d7f7289708b628e/html5/thumbnails/46.jpg)
Temperament type is not a category but rather a space, shape
![Page 47: Hienadz Drahun - Design with Temperament - Design by Fire Cafe](https://reader034.vdocuments.site/reader034/viewer/2022042508/53ef75488d7f7289708b628e/html5/thumbnails/47.jpg)
![Page 48: Hienadz Drahun - Design with Temperament - Design by Fire Cafe](https://reader034.vdocuments.site/reader034/viewer/2022042508/53ef75488d7f7289708b628e/html5/thumbnails/48.jpg)
Temperament type is not a category but rather a space, shape, which can change with time
![Page 49: Hienadz Drahun - Design with Temperament - Design by Fire Cafe](https://reader034.vdocuments.site/reader034/viewer/2022042508/53ef75488d7f7289708b628e/html5/thumbnails/49.jpg)
Traditionalist Hedonist In a good mood
Tired
Concentrated
Serious decision
Minor decision
Familiar environment
New environmentFollowing decisions
First decision
![Page 50: Hienadz Drahun - Design with Temperament - Design by Fire Cafe](https://reader034.vdocuments.site/reader034/viewer/2022042508/53ef75488d7f7289708b628e/html5/thumbnails/50.jpg)
True good intentions
Sympathetic, authentic people
Checkable, concrete results
Socializer- Philanthropist
![Page 51: Hienadz Drahun - Design with Temperament - Design by Fire Cafe](https://reader034.vdocuments.site/reader034/viewer/2022042508/53ef75488d7f7289708b628e/html5/thumbnails/51.jpg)
Temperament type is not a category but rather a space, shape, which can change with time and not only…
![Page 52: Hienadz Drahun - Design with Temperament - Design by Fire Cafe](https://reader034.vdocuments.site/reader034/viewer/2022042508/53ef75488d7f7289708b628e/html5/thumbnails/52.jpg)
~50%
~25% ~20%
~45%
~35%
>10%
<10%
Distribution by Gender …(approximate)
![Page 53: Hienadz Drahun - Design with Temperament - Design by Fire Cafe](https://reader034.vdocuments.site/reader034/viewer/2022042508/53ef75488d7f7289708b628e/html5/thumbnails/53.jpg)
Hienadź “Gena”Drahun
@HDrahun
Hienadz.drahunhienadzdrahun
Thank you!
![Page 54: Hienadz Drahun - Design with Temperament - Design by Fire Cafe](https://reader034.vdocuments.site/reader034/viewer/2022042508/53ef75488d7f7289708b628e/html5/thumbnails/54.jpg)
History of the Web &Temperament Types
![Page 55: Hienadz Drahun - Design with Temperament - Design by Fire Cafe](https://reader034.vdocuments.site/reader034/viewer/2022042508/53ef75488d7f7289708b628e/html5/thumbnails/55.jpg)
Rationalist’s Web 0.x (1991-1993)
![Page 56: Hienadz Drahun - Design with Temperament - Design by Fire Cafe](https://reader034.vdocuments.site/reader034/viewer/2022042508/53ef75488d7f7289708b628e/html5/thumbnails/56.jpg)
Traditionalist’s Web 1.x (1994 - 2004)
![Page 57: Hienadz Drahun - Design with Temperament - Design by Fire Cafe](https://reader034.vdocuments.site/reader034/viewer/2022042508/53ef75488d7f7289708b628e/html5/thumbnails/57.jpg)
Hedonist’s Web 2.x (2004 - )
![Page 58: Hienadz Drahun - Design with Temperament - Design by Fire Cafe](https://reader034.vdocuments.site/reader034/viewer/2022042508/53ef75488d7f7289708b628e/html5/thumbnails/58.jpg)
Socializer’s (?) Web (2004 - )
![Page 59: Hienadz Drahun - Design with Temperament - Design by Fire Cafe](https://reader034.vdocuments.site/reader034/viewer/2022042508/53ef75488d7f7289708b628e/html5/thumbnails/59.jpg)
Want some more?
![Page 60: Hienadz Drahun - Design with Temperament - Design by Fire Cafe](https://reader034.vdocuments.site/reader034/viewer/2022042508/53ef75488d7f7289708b628e/html5/thumbnails/60.jpg)
“Earthlings” (70-80%) “Martians” (20-30%)Plato 340 BC Guardian Artisan Philosopher ScientistAristotle 325 BC Proprietary Hedonic Ethical DialecticalGalen 200 AD Phlegmatic Sanguine Melancholic Choleric
Adickes 1907 AD Traditional Innovative Dogmatic AgnosticSpringer 1914 AD Economic Esthetic Religious TheoreticalFromm 1947 AD Receptive Exploiting Hoarding Marketing
Keirsey 1987 AD Guardians Artisans Idealists Rationals
PTypes 2001 AD Traditionalist Hedonist Idealist Rationalist
Matching Temperament Types
![Page 61: Hienadz Drahun - Design with Temperament - Design by Fire Cafe](https://reader034.vdocuments.site/reader034/viewer/2022042508/53ef75488d7f7289708b628e/html5/thumbnails/61.jpg)
Rationalist
Hedonist
Traditionalist
Socializer- Philanthropist
Technology Adoption Lifecycle“Crossing the Chasm”
![Page 62: Hienadz Drahun - Design with Temperament - Design by Fire Cafe](https://reader034.vdocuments.site/reader034/viewer/2022042508/53ef75488d7f7289708b628e/html5/thumbnails/62.jpg)
http://www.bryaneisenberg.com/wp-content/uploads/2013/10/persona-attributes-raw.png?66ae93
![Page 63: Hienadz Drahun - Design with Temperament - Design by Fire Cafe](https://reader034.vdocuments.site/reader034/viewer/2022042508/53ef75488d7f7289708b628e/html5/thumbnails/63.jpg)
http://www.bryaneisenberg.com/wp-content/uploads/2013/10/persona-attributes-raw.png?66ae93
![Page 64: Hienadz Drahun - Design with Temperament - Design by Fire Cafe](https://reader034.vdocuments.site/reader034/viewer/2022042508/53ef75488d7f7289708b628e/html5/thumbnails/64.jpg)
Barbarian
Assasin
Wizard
Temperament Types in RPG
MonkTraditionalist Hedonist Socializer-
Philanthropist
Rationalist
![Page 65: Hienadz Drahun - Design with Temperament - Design by Fire Cafe](https://reader034.vdocuments.site/reader034/viewer/2022042508/53ef75488d7f7289708b628e/html5/thumbnails/65.jpg)
Bartle’s 4 Players Types
Rationalist Traditionalist
Socializer- Philanthropist
Hedonist
RationalistHedonist
![Page 66: Hienadz Drahun - Design with Temperament - Design by Fire Cafe](https://reader034.vdocuments.site/reader034/viewer/2022042508/53ef75488d7f7289708b628e/html5/thumbnails/66.jpg)
Lazzaro’s “4 Keys 2 Fun”
http://xeodesign.com/research.html Rationalist
Traditionalist
Socializer- Philanthropist Hedonist