designing physical and digital experience in social web

Designing physical and digital experience in social web

2013.01.13

Janet Huang

About me

Janet Huang

http://twitter.com/janetychttp://www.facebook.com/janetyctp

janetyc@gmail.com

http://www.openlabtaipei.org

Designing physical and digital experience in social web

?

?

?

?

?

?

?

??

?

?

?

?

?

?

?

?

??

?

?

?

?

? ?

??

Social Webis about

People

So... we need to understand people!

We need to understand how people behave

Behavior Design

BJ Fogg

Persuasive Technology Lab @ Stanford University

Behavior Design

A Framework

3 things

B = Motivation

Ability

Trigger

Behavior Model

1 ability

Ability Factors- Time- Money- Physical effort- Brain cycles- Social deviance- Non-routine

Simplicity

Are we asking for too much?

Key question

Too much money?

Too much text?

Too much information?

2 motivation

Sensation

Anticipation

Social Cohesion

Core Motivator

pleasure/pain

hope/fear

social rejection/acceptance

Emotion

社會凝聚力

預期

感覺

3 trigger

Trigger

Facilitator

Spark

Signal

- Off-site trigger- On-site trigger

Web design

Email

- Off-site trigger- On-site trigger

Web design

Call to action

motivationability

motivationability

motivationability

Behavior Model

1. Ability2. Motivation3. Trigger

The Order of Design

1. Trigger2. Ability3. Motivation

http://www.slideshare.net/hreha/applying-psychology-to-web-design

Understanding behavior model help you design better UI for people.

For web design, maybe we need

Another solution

Crowd-based design

Crowdsourcing Web design+

Why?

How?

Divide and Conquer

Macro task

Micro task

Crowds can solve micro tasks with little effort in a short time

iterative task

Integrate micro tasks

Macro task

Micro task

To be continued... :)

Thanks