Designing physical and digital experience in social web

Designing physical and digital experience in social web from Janet Huang

• 1. Designing physical and digital experience in social web Janet Huang 2013.01.13
• 2. About me Janet Huang janetyc@gmail.com http://twitter.com/janetyc http://www.facebook.com/janetyctp
• 3. http://www.openlabtaipei.org
• 4. ? ? ? ? ? ? ? ? ? ? ? ? ? Designing physical and digital experience in social web ? ? ? ? ? ? ? ?? ? ? ? ? ?
• 5. Social Web is aboutPeople
• 6. So... we need to understand people!
• 7. We need to understand how people behave
• 8. Behavior Design
• 9. BJ Fogg Behavior Design Persuasive Technology Lab @ Stanford University
• 10. A Framework

 

• 11. 3 things
• 12. B = Motivation Ability Trigger
• 13. Behavior Model

 

• 14. 1 ability
• 15. SimplicityAbility Factors- Time- Money- Physical effort- Brain cycles- Social deviance- Non-routine
• 16. Key question Are we asking for too much?
• 17. Too much money?
• 18. Too much text?
• 19. Too much information?

 

• 20. 2 motivation
• 21. Core Motivator EmotionSensation pleasure/pain感覺Anticipation hope/fear預期Social Cohesion social rejection/acceptance社會凝聚力

 

• 22. 3 trigger
• 23. FacilitatorTrigger Spark Signal
• 24. Web design- Off-site trigger Email- On-site trigger
• 25. Web design- Off-site trigger- On-site trigger Call to action
• 26. ability motivationability motivation motivationability
• 27. Behavior Model The Order of Design1. Ability 1. Trigger2. Motivation 2. Ability3. Trigger 3. Motivation http://www.slideshare.net/hreha/applying-psychology-to-web-design
• 28. Understanding behavior model help you design better UI for people.

 

• 29. For web design, maybe we need Another solution
• 30. Crowd-based design
• 31. Crowdsourcing + Web design
• 32. Why?
• 33. How?
• 34. Divide and Conquer Macro task Micro task iterative task Crowds can solve micro tasks with little effort in a short time
• 35. Integrate micro tasks Micro task Macro task
• 36. To be continued... :) Thanks