94
Davide ‘Folletto’ Casali SOCIAL EXPERIENCE DESIGN

Social Experience Design @ Interaction 13

Embed Size (px)

DESCRIPTION

This is the in-depth presentation I did at Interaction 13 in Toronto. It gives first an approach grounded in the theory of complexity and then expands on the two fundamentals to design social experiences.

Citation preview

Page 1: Social Experience Design @ Interaction 13

Davide ‘Folletto’ Casali

SOCIALEXPERIENCEDESIGN

Page 2: Social Experience Design @ Interaction 13

Head of Design Startup Advisor

NIGHT.EU

Page 3: Social Experience Design @ Interaction 13

Manifesto Ibridima n i f e s t o i b r i d i . o r g

Page 4: Social Experience Design @ Interaction 13

@Folletto

Page 5: Social Experience Design @ Interaction 13

PER

SPEC

TIVEA CHANGE OF

Page 6: Social Experience Design @ Interaction 13

What is a Social Network?

Page 7: Social Experience Design @ Interaction 13

Social Networks are Complex Systems

Page 8: Social Experience Design @ Interaction 13

Weather

Language

Everyone here

The person near you

Page 9: Social Experience Design @ Interaction 13

Entity as Individual

Entity as Group

Page 10: Social Experience Design @ Interaction 13

No simplification BanalizationSimplification

Thanks to Tullio Tinti

UNMANAGEABLE UNUSEFUL

Page 11: Social Experience Design @ Interaction 13

MEADOW’S 12 LEVERAGE POINTS

12. Constants11. Buffers10. Material09. Delays08. Negative loops07. Positive loops06. Information05. Rules04. Change & self-organize03. Goals02. Paradigms01. Trascend paradigms

Meadows D. (1999) Leverage Points, places to intervene in a system

10

2

8

713

11 4

12

56

9

Page 12: Social Experience Design @ Interaction 13

12

12. Constants11. Buffers10. Material09. Delays08. Negative loops07. Positive loops06. Information05. Rules04. Change & self-organize03. Goals02. Paradigms01. Trascend paradigms

10

2

8

713

11 4

12

56

9

MEADOW’S 12 LEVERAGE POINTS

Meadows D. (1999) Leverage Points, places to intervene in a system

Page 13: Social Experience Design @ Interaction 13

13

12. Constants11. Buffers10. Material09. Delays08. Negative loops07. Positive loops06. Information05. Rules04. Change & self-organize03. Goals02. Paradigms01. Trascend paradigms

10

2

8

713

11 4

12

56

9

All

MgmtCEO

MEADOW’S 12 LEVERAGE POINTS

Meadows D. (1999) Leverage Points, places to intervene in a system

Page 14: Social Experience Design @ Interaction 13

Data

09. Delays

Page 15: Social Experience Design @ Interaction 13

I have the data.Now what?

Page 16: Social Experience Design @ Interaction 13

Feedback

06. Information

Page 17: Social Experience Design @ Interaction 13

Jawbone UPLife tracking

Page 18: Social Experience Design @ Interaction 13

I have the feedback.And now?

Page 19: Social Experience Design @ Interaction 13

NestLearning Thermostat

Page 20: Social Experience Design @ Interaction 13

? Raise your hand if you know the main steps of the ISO 13407 UCD process

Page 21: Social Experience Design @ Interaction 13

6 STEPS, ITERATING

Understand & specify the

context of use

Specify the user &

organizational requirements

Produce design

solutions

Evaluate design against

requirements

Identify need of user centered design

System meets specified functional, user & organizational requirements

USER CENTERED DESIGN: ISO 13407 (1999)

Page 22: Social Experience Design @ Interaction 13

Dave Gray (2008) 3D: http://www.davegrayinfo.com/2008/03/31/3d-a-model-for-learning-and-improvement/

3D METHOD

Page 23: Social Experience Design @ Interaction 13

AGILE METHODS

Page 24: Social Experience Design @ Interaction 13

Stephanie Gioia (2011) http://www.visualmba.info.

XPLANE Discover Concept DoDesign

CHESKIN Envision Explore InspireCreate Express

CONIFER Research Catalog Synthesis Insights

COOPER Research Modeling, Scenarios DesignFramework Communicate

IDEO Inspiration Ideation Implementation

FROG Discover Design Deliver

FITCH Discover Define DoDesign

N MELVILLE Explore Discover Implement & AssessConcept & Design

DIFFERENT APPROACHES?

Page 25: Social Experience Design @ Interaction 13

”Jared Spool

The great teams never talked about process.If you’re getting something,

you’ve got some kind of process.When you formalize that process, that’s a methodology.

When that hardens, you’ve got a dogma.

Page 26: Social Experience Design @ Interaction 13

do

observe

think

dotL OOP

Page 27: Social Experience Design @ Interaction 13

do

observe

think

dotL OOP

do

observe

think

dotL OOP

Iterative Complex systems

Page 28: Social Experience Design @ Interaction 13

do

observe

think

dotL OOPdo

observe

think

dotL OOP

do

observe

think

dotL OOP

Page 29: Social Experience Design @ Interaction 13

Identify aDOT Loop

Think about the latest social project you did.

Try identifying which DOT Loop you worked to enable for the client.

1.

Think

DoObserve

Page 30: Social Experience Design @ Interaction 13

If the loop breaks...You’re dead.

Page 31: Social Experience Design @ Interaction 13

Orkut

Facebook

Twitter

Friendster

MySpace

Page 32: Social Experience Design @ Interaction 13

Keep adapting.

Page 33: Social Experience Design @ Interaction 13

“”Bruce Lee

Be water my friend.

Page 34: Social Experience Design @ Interaction 13

SOCIALEXPERIENCEDESIGN

Page 35: Social Experience Design @ Interaction 13

Motivational Design

Gianandrea GiacomaDavide Casali

Page 36: Social Experience Design @ Interaction 13

Motivations

Behaviours

Perceptions

PROPERTIESOF THE BODY

Ergonomy

Movement

Biology

PROPERTIESOF THE MIND

HUMAN BEINGS

Page 37: Social Experience Design @ Interaction 13

”Niccolò Machiavelli

Men in general judge more from appearances than from reality.

All men have eyes, but few have the gift of penetration.

Page 38: Social Experience Design @ Interaction 13

UNDERSTANDRELATIONALMOTIVATIONS

Page 39: Social Experience Design @ Interaction 13

Four Relational Motivations

Page 40: Social Experience Design @ Interaction 13

Competition

Page 41: Social Experience Design @ Interaction 13

A good way to promote competition is by comparing the metrics you want the users to compete on.

Competition

Page 42: Social Experience Design @ Interaction 13

Excellence

Page 43: Social Experience Design @ Interaction 13

http://makes--me--wonder.deviantart.com

A good way to promote excellence is to show the user successes and activities to the world.

Excellence

Page 44: Social Experience Design @ Interaction 13

Curiosity

Page 45: Social Experience Design @ Interaction 13

http://dsasec.deviantart.com

A good way to promote curiosity is by creating stories, paths, connecting content together.

Curiosity

Page 46: Social Experience Design @ Interaction 13

Affection

Page 47: Social Experience Design @ Interaction 13

An good way to promote affection is by showing the human, warm side and voice.

Affection

Photo by gagilas

Page 48: Social Experience Design @ Interaction 13

THEY ACT AT DIFFERENT LEVELS

1. COMMUNITY2. BRAND3. COMPANY4. INTERACTIONS

Page 49: Social Experience Design @ Interaction 13

COMMUNITY

Page 50: Social Experience Design @ Interaction 13

Competition

Curiosity

ExcellenceAffection

MOTIVATIONAL DIAMOND

Facebook

Page 51: Social Experience Design @ Interaction 13

Competition

Curiosity

ExcellenceAffection

MOTIVATIONAL DIAMOND

Facebook with Games

Page 52: Social Experience Design @ Interaction 13

Competition

Curiosity

ExcellenceAffection

MOTIVATIONAL DIAMOND

DeviantArt

Page 53: Social Experience Design @ Interaction 13

Competition

Curiosity

ExcellenceAffection

MOTIVATIONAL DIAMOND

MySpace

Page 54: Social Experience Design @ Interaction 13

Competition

Curiosity

ExcellenceAffection

MOTIVATIONAL DIAMOND

Twitter

Page 55: Social Experience Design @ Interaction 13

BRAND

Page 56: Social Experience Design @ Interaction 13

Competition

Curiosity

ExcellenceAffection

MOTIVATIONAL DIAMOND

Red Bull

Page 57: Social Experience Design @ Interaction 13

Competition

Curiosity

ExcellenceAffection

MOTIVATIONAL DIAMOND

Nike

Page 58: Social Experience Design @ Interaction 13

Competition

Curiosity

ExcellenceAffection

MOTIVATIONAL DIAMOND

Coca Cola

Page 59: Social Experience Design @ Interaction 13

Competition

Curiosity

ExcellenceAffection

MOTIVATIONAL DIAMOND

Nokia, as brand

Page 60: Social Experience Design @ Interaction 13

COMPANY

Page 61: Social Experience Design @ Interaction 13

Competition

Curiosity

ExcellenceAffection

MOTIVATIONAL DIAMOND

Bank of England

Page 62: Social Experience Design @ Interaction 13

Competition

Curiosity

ExcellenceAffection

MOTIVATIONAL DIAMOND

RSA

Page 63: Social Experience Design @ Interaction 13

Competition

Curiosity

ExcellenceAffection

MOTIVATIONAL DIAMOND

Nokia

Page 64: Social Experience Design @ Interaction 13

CompetitionExcellenceCuriosityAffection

RelationalMotivations

Given the DOT Loop from before, try to identify which Relational Motivations are driving its social dynamics.

2.

Page 65: Social Experience Design @ Interaction 13

Remember:RELATIONS

Page 66: Social Experience Design @ Interaction 13

DESIGNSOCIALUSABILITY

Page 67: Social Experience Design @ Interaction 13

RELATIONS

Page 68: Social Experience Design @ Interaction 13

IDENTITY

RELATIONS

Page 69: Social Experience Design @ Interaction 13

IDENTITY

RELATIONS

COMMUNICATION

Page 70: Social Experience Design @ Interaction 13

EMERGENCE OF GROUPS

Page 71: Social Experience Design @ Interaction 13

RELATIONS

In Friendfeed there’s an excellent feature that shows you the messages where your friend answered or liked.

This works on the Curiosity motivation.

Page 72: Social Experience Design @ Interaction 13

RELATIONS

The Like button has a very clever design that highlight your relationships: wherever you are on the web, seeing the face of a friend of yours there is incredibly reassuring.

This works on the Affection motivation.

Page 73: Social Experience Design @ Interaction 13

IDENTITY

Might be surprising, but the old MySpace excelled in something: identity.The high degree of customization, allowed by a workaround, triggered an incredible level of self-expression (with all its consequences).

This works on the Excellence motivation.

Page 74: Social Experience Design @ Interaction 13

IDENTITY

Twitter has one of the best identity expression feature around for simplicity and efficiency: the custom background changes completely the page look and feel.

This works on the Excellence motivation.

Page 75: Social Experience Design @ Interaction 13

IDENTITY

Many games put a lot of emphasis on identity, think for example about World of Warcraft and Second Life.

This works on the Excellence motivation.

Page 76: Social Experience Design @ Interaction 13

COMMUNICATION

Another strong element of Twitter is its focus on communication, in particular broadcast communication.

This works on the Curiosity motivation.

Page 77: Social Experience Design @ Interaction 13

COMMUNICATION

Often ignored, instant messaging systems are incredibly powerful social networks focused on communication. Skype is an excellent example of this, allowing multiple types of communication in one.

This works on the Curiosity motivation.

Page 78: Social Experience Design @ Interaction 13

EMERGENCE OF GROUPS

Another feature of Skype that is so simple it’s almost not noticed is it’s ability to create groups on the fly. You need to talk with a couple of friend right now? Create a chat ad hoc with a couple of clicks, done!

This works on the Affection motivation.

Page 79: Social Experience Design @ Interaction 13

EMERGENCE OF GROUPS

The king here today is Google+, even if with the Circles concept it has a very specific interpretation of group.

This works on the Affection motivation.

Page 80: Social Experience Design @ Interaction 13

EMERGENCE OF GROUPS

Facebook has introduced a very interesting feature as well: dynamic groups.

This works on the Affection motivation.

Page 81: Social Experience Design @ Interaction 13

Photo by iz4aks

RICE

Page 82: Social Experience Design @ Interaction 13
Page 83: Social Experience Design @ Interaction 13

http://j.mp/su-pdfDOWNLOAD THE CHECKLIST

Page 84: Social Experience Design @ Interaction 13

SocialUsability

Take the Relational Motivation you defined before and think what kind of social usability hook it could use.

3.

RelationsIdentityCommunicationEmergence of Groups

Page 85: Social Experience Design @ Interaction 13

Relational Motivationsgives direction

Social Usabilityopen the road

Photo by 49937157@N03

Page 86: Social Experience Design @ Interaction 13

INSIDE & OUTSIDE

Page 87: Social Experience Design @ Interaction 13

Top-downVision, goals, strategy, trust

Bottom-upOperations, feedback, tactics

BE A DOUBLE-PYRAMID SOCIAL BUSINESS

Page 88: Social Experience Design @ Interaction 13

Social BusinessValues, products, services

UsersCrowdsourcing, WoM, etc

BE A DOUBLE-DOUBLE-PYRAMID SOCIAL BUSINESS

Page 89: Social Experience Design @ Interaction 13

We really think of the Zappos brand as

about great service, and we just happen to

sell shoes.

”Tony Hsieh

Page 90: Social Experience Design @ Interaction 13

YOU CAN’T FAKE.

Page 91: Social Experience Design @ Interaction 13

A CONNECTED COMPANY

Page 92: Social Experience Design @ Interaction 13

CompetitionExcellenceCuriosityAffection

Think

DoObserve

RelationsIdentityCommunicationEmergence of Groups

Page 93: Social Experience Design @ Interaction 13

”Bruno Munari

To complicate is easy, to simplify is hard.To complicate, just add,

everyone is able to complicate.Few are able to simplify.

Page 94: Social Experience Design @ Interaction 13

Thanks.

@Folletto