Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Designing physical and digital experience in social web

10,245 views

Published on

This talk is presented in WebConf Taiwan 2013 (http://www.webconf.tw).

Published in: Design
  • Be the first to comment

Designing physical and digital experience in social web

  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

×