Top Banner
Design with Temperament Hienadź “Gena” Drahun
66

Hienadz Drahun - Design with Temperament - Design by Fire Cafe

Aug 11, 2014

Download

Design

Hienadz.Drahun

How about having an universal set of proven and reusable behavioral user models? These models can be used for creating interaction design, building content strategy or optimizing for conversion.

You can quickly build user models applying simple and effective approach that uses behavioral archetypes based on Temperament types (also called MBTI by some people) with interpretation for design. Gena will take you beyond the classical MBTI approach and will touch some secrets based on years of practical experience.
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Hienadz Drahun - Design with Temperament - Design by Fire Cafe

Design with TemperamentHienadź “Gena” Drahun

Page 2: Hienadz Drahun - Design with Temperament - Design by Fire Cafe
Page 3: Hienadz Drahun - Design with Temperament - Design by Fire Cafe

http://www.slideshare.net/Hienadz.Drahun/50-visual-definitions-of-user-experience

Page 4: Hienadz Drahun - Design with Temperament - Design by Fire Cafe

http://en.wikipedia.org/wiki/World_of_Tanks

Page 5: Hienadz Drahun - Design with Temperament - Design by Fire Cafe

https://www.allsecur.nl

Page 6: Hienadz Drahun - Design with Temperament - Design by Fire Cafe

Do not have access to user research?

Page 7: Hienadz Drahun - Design with Temperament - Design by Fire Cafe

• 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

4 Types of Temperament

Page 9: Hienadz Drahun - Design with Temperament - Design by Fire Cafe

Design practiceBryan Eisenberg

TheoryDavid Keirseyhttp://www.keirsey.com/ http://www.bryaneisenberg.com/

Page 10: Hienadz Drahun - Design with Temperament - Design by Fire Cafe

http://www.keirsey.com/sorter/instruments2.aspx

Keirsey Temperament Sorter (KTS-II)

Page 11: Hienadz Drahun - Design with Temperament - Design by Fire Cafe

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

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

• 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

• 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

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

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

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

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

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

• 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

• 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

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

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

• 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

• 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

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

Quick

Based on Emotions

Based on Facts

Deliberate

Page 28: Hienadz Drahun - Design with Temperament - Design by Fire Cafe

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

Design with TemperamentPart 2: Secrets“beyond

MBTI”

Page 30: Hienadz Drahun - Design with Temperament - Design by Fire Cafe

?What is the distribution of temperament types

Rationalist Hedonist

Traditionalist Socializer- Philanthropist

Page 31: Hienadz Drahun - Design with Temperament - Design by Fire Cafe

Rationalist<10%

Hedonist~ 35%

Тraditionalist~45%

“Approximate” numbers (±5%)

Socializer- Philanthropist

10%+

Page 32: Hienadz Drahun - Design with Temperament - Design by Fire Cafe

For which temperament should we design first?

Page 33: Hienadz Drahun - Design with Temperament - Design by Fire Cafe

HEDONISTS FIRST

100%

35%

Page 34: Hienadz Drahun - Design with Temperament - Design by Fire Cafe

Second?

Page 35: Hienadz Drahun - Design with Temperament - Design by Fire Cafe

HEDONISTS FIRST

TRADITIONALISTS SECOND

100%

80%

Page 36: Hienadz Drahun - Design with Temperament - Design by Fire Cafe

Designing for only2 temperament types = 80% of audience!

Page 37: Hienadz Drahun - Design with Temperament - Design by Fire Cafe

It is already enough (for a good start)

Page 38: Hienadz Drahun - Design with Temperament - Design by Fire Cafe

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

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

PHILANTROPISTS NEXT

HEDONISTS FIRST

TRADITIONALISTS SECOND

90%

Page 41: Hienadz Drahun - Design with Temperament - Design by Fire Cafe

3 temperament types = 90% of audience!

Page 42: Hienadz Drahun - Design with Temperament - Design by Fire Cafe

RATIONALISTS IF YOU DARE!

PHILANTROPISTS NEXT

HEDONISTS FIRST

TRADITIONALISTS SECOND

100%

Page 43: Hienadz Drahun - Design with Temperament - Design by Fire Cafe

Temperament type is not a category

Page 44: Hienadz Drahun - Design with Temperament - Design by Fire Cafe

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

Only the minority of people has “bright” temperaments

Page 46: Hienadz Drahun - Design with Temperament - Design by Fire Cafe

Temperament type is not a category but rather a space, shape

Page 47: Hienadz Drahun - Design with Temperament - Design by Fire Cafe
Page 48: Hienadz Drahun - Design with Temperament - Design by Fire Cafe

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

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

True good intentions

Sympathetic, authentic people

Checkable, concrete results

Socializer- Philanthropist

Page 51: Hienadz Drahun - Design with Temperament - Design by Fire Cafe

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

~50%

~25% ~20%

~45%

~35%

>10%

<10%

Distribution by Gender …(approximate)

Page 53: Hienadz Drahun - Design with Temperament - Design by Fire Cafe

Hienadź “Gena”Drahun

@HDrahun

Hienadz.drahunhienadzdrahun

Thank you!

Page 54: Hienadz Drahun - Design with Temperament - Design by Fire Cafe

History of the Web &Temperament Types

Page 55: Hienadz Drahun - Design with Temperament - Design by Fire Cafe

Rationalist’s Web 0.x (1991-1993)

Page 56: Hienadz Drahun - Design with Temperament - Design by Fire Cafe

Traditionalist’s Web 1.x (1994 - 2004)

Page 57: Hienadz Drahun - Design with Temperament - Design by Fire Cafe

Hedonist’s Web 2.x (2004 - )

Page 58: Hienadz Drahun - Design with Temperament - Design by Fire Cafe

Socializer’s (?) Web (2004 - )

Page 59: Hienadz Drahun - Design with Temperament - Design by Fire Cafe

Want some more?

Page 60: Hienadz Drahun - Design with Temperament - Design by Fire Cafe

“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

Rationalist

Hedonist

Traditionalist

Socializer- Philanthropist

Technology Adoption Lifecycle“Crossing the Chasm”

Page 62: Hienadz Drahun - Design with Temperament - Design by Fire Cafe

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

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

Barbarian

Assasin

Wizard

Temperament Types in RPG

MonkTraditionalist Hedonist Socializer-

Philanthropist

Rationalist

Page 65: Hienadz Drahun - Design with Temperament - Design by Fire Cafe

Bartle’s 4 Players Types

Rationalist Traditionalist

Socializer- Philanthropist

Hedonist

RationalistHedonist

Page 66: Hienadz Drahun - Design with Temperament - Design by Fire Cafe

Lazzaro’s “4 Keys 2 Fun”

http://xeodesign.com/research.html Rationalist

Traditionalist

Socializer- Philanthropist Hedonist