Submit Search
Upload
Designing physical and digital experience in social web
•
28 likes
•
5,872 views
Janet Huang
Follow
This talk is presented in WebConf Taiwan 2013 (http://www.webconf.tw).
Read less
Read more
Design
Report
Share
Report
Share
1 of 46
Download now
Download to read offline
Recommended
Between physical and digital
Between physical and digital
Andrea Resmini
From Physical to Digital: Recent Research into the Discovery, Analysis, and...
From Physical to Digital: Recent Research into the Discovery, Analysis, and...
Darren Milligan
Engauge - Big Data Week - Social Media Analytics - Holly Maust
Engauge - Big Data Week - Social Media Analytics - Holly Maust
Engauge
iStrategy - Engauge - 25 Big Ideas for Connecting Digital & Physical
iStrategy - Engauge - 25 Big Ideas for Connecting Digital & Physical
Engauge
Big data and creativity in marketing strategy
Big data and creativity in marketing strategy
Table19
JavaScript for backend
JavaScript for backend
Caesar Chi
20130113 Web Conference - communicate
20130113 Web Conference - communicate
Hitomi Yang
Secret sauce of building php applications
Secret sauce of building php applications
Lin Yo-An
Recommended
Between physical and digital
Between physical and digital
Andrea Resmini
From Physical to Digital: Recent Research into the Discovery, Analysis, and...
From Physical to Digital: Recent Research into the Discovery, Analysis, and...
Darren Milligan
Engauge - Big Data Week - Social Media Analytics - Holly Maust
Engauge - Big Data Week - Social Media Analytics - Holly Maust
Engauge
iStrategy - Engauge - 25 Big Ideas for Connecting Digital & Physical
iStrategy - Engauge - 25 Big Ideas for Connecting Digital & Physical
Engauge
Big data and creativity in marketing strategy
Big data and creativity in marketing strategy
Table19
JavaScript for backend
JavaScript for backend
Caesar Chi
20130113 Web Conference - communicate
20130113 Web Conference - communicate
Hitomi Yang
Secret sauce of building php applications
Secret sauce of building php applications
Lin Yo-An
Does firefox matter?
Does firefox matter?
Irvin Chen
2013 01 13 webconf milkmidi Flash
2013 01 13 webconf milkmidi Flash
綠茶 奶
中文網路字型的現況與挑戰(Webconf 20130113)
中文網路字型的現況與挑戰(Webconf 20130113)
michael 葉
BDD in .NET
BDD in .NET
Joey Chen
Gamification vs UX
Gamification vs UX
Hana Chang
130113 why.&.how.smb.running.ux-light
130113 why.&.how.smb.running.ux-light
David Liu
Surfacing digital in physical - Dan Hill
Surfacing digital in physical - Dan Hill
Tim Buesing
WebConf 2013「Best Practices - The Upload」
WebConf 2013「Best Practices - The Upload」
Orange Tsai
20130112用原型驅動設計@webconf
20130112用原型驅動設計@webconf
Justin Lee
那些mockup沒告訴你的事@WebConf.tw 2013
那些mockup沒告訴你的事@WebConf.tw 2013
Adam Wang
超理性使用者介面設計 - Data-driven A/B Testing
超理性使用者介面設計 - Data-driven A/B Testing
Ying-Hsiang Liao
TypeScript 開發實戰:開發即時互動的 html5 websocket 聊天室應用程式
TypeScript 開發實戰:開發即時互動的 html5 websocket 聊天室應用程式
Will Huang
How the Digital and Physical worlds are merging.
How the Digital and Physical worlds are merging.
Table19
A brief introduction to SPDY - 邁向 HTTP/2.0
A brief introduction to SPDY - 邁向 HTTP/2.0
Wen-Tien Chang
Bridging the Physical-Digital Divide: For UX
Bridging the Physical-Digital Divide: For UX
Plan
使用Javascript及HTML5打造協同運作系統
使用Javascript及HTML5打造協同運作系統
Hsu Ping Feng
借力使力的乾坤挪移大法-以使用者為中心的設計決策奧妙
借力使力的乾坤挪移大法-以使用者為中心的設計決策奧妙
悠識學院
Webconf2013-非典型貧窮網站維運經驗分享
Webconf2013-非典型貧窮網站維運經驗分享
Mu-Fan Teng
Winning Websites 2013
Winning Websites 2013
Michelle Krier
Social Media for B2B - Social3i - School of Visual Concepts Dec 7 2011
Social Media for B2B - Social3i - School of Visual Concepts Dec 7 2011
social3i
Techsquad Wiki Presentation
Techsquad Wiki Presentation
Charleston Day School
Web content [Thai language]
Web content [Thai language]
Moonshot Digital
More Related Content
Viewers also liked
Does firefox matter?
Does firefox matter?
Irvin Chen
2013 01 13 webconf milkmidi Flash
2013 01 13 webconf milkmidi Flash
綠茶 奶
中文網路字型的現況與挑戰(Webconf 20130113)
中文網路字型的現況與挑戰(Webconf 20130113)
michael 葉
BDD in .NET
BDD in .NET
Joey Chen
Gamification vs UX
Gamification vs UX
Hana Chang
130113 why.&.how.smb.running.ux-light
130113 why.&.how.smb.running.ux-light
David Liu
Surfacing digital in physical - Dan Hill
Surfacing digital in physical - Dan Hill
Tim Buesing
WebConf 2013「Best Practices - The Upload」
WebConf 2013「Best Practices - The Upload」
Orange Tsai
20130112用原型驅動設計@webconf
20130112用原型驅動設計@webconf
Justin Lee
那些mockup沒告訴你的事@WebConf.tw 2013
那些mockup沒告訴你的事@WebConf.tw 2013
Adam Wang
超理性使用者介面設計 - Data-driven A/B Testing
超理性使用者介面設計 - Data-driven A/B Testing
Ying-Hsiang Liao
TypeScript 開發實戰:開發即時互動的 html5 websocket 聊天室應用程式
TypeScript 開發實戰:開發即時互動的 html5 websocket 聊天室應用程式
Will Huang
How the Digital and Physical worlds are merging.
How the Digital and Physical worlds are merging.
Table19
A brief introduction to SPDY - 邁向 HTTP/2.0
A brief introduction to SPDY - 邁向 HTTP/2.0
Wen-Tien Chang
Bridging the Physical-Digital Divide: For UX
Bridging the Physical-Digital Divide: For UX
Plan
使用Javascript及HTML5打造協同運作系統
使用Javascript及HTML5打造協同運作系統
Hsu Ping Feng
借力使力的乾坤挪移大法-以使用者為中心的設計決策奧妙
借力使力的乾坤挪移大法-以使用者為中心的設計決策奧妙
悠識學院
Webconf2013-非典型貧窮網站維運經驗分享
Webconf2013-非典型貧窮網站維運經驗分享
Mu-Fan Teng
Viewers also liked
(18)
Does firefox matter?
Does firefox matter?
2013 01 13 webconf milkmidi Flash
2013 01 13 webconf milkmidi Flash
中文網路字型的現況與挑戰(Webconf 20130113)
中文網路字型的現況與挑戰(Webconf 20130113)
BDD in .NET
BDD in .NET
Gamification vs UX
Gamification vs UX
130113 why.&.how.smb.running.ux-light
130113 why.&.how.smb.running.ux-light
Surfacing digital in physical - Dan Hill
Surfacing digital in physical - Dan Hill
WebConf 2013「Best Practices - The Upload」
WebConf 2013「Best Practices - The Upload」
20130112用原型驅動設計@webconf
20130112用原型驅動設計@webconf
那些mockup沒告訴你的事@WebConf.tw 2013
那些mockup沒告訴你的事@WebConf.tw 2013
超理性使用者介面設計 - Data-driven A/B Testing
超理性使用者介面設計 - Data-driven A/B Testing
TypeScript 開發實戰:開發即時互動的 html5 websocket 聊天室應用程式
TypeScript 開發實戰:開發即時互動的 html5 websocket 聊天室應用程式
How the Digital and Physical worlds are merging.
How the Digital and Physical worlds are merging.
A brief introduction to SPDY - 邁向 HTTP/2.0
A brief introduction to SPDY - 邁向 HTTP/2.0
Bridging the Physical-Digital Divide: For UX
Bridging the Physical-Digital Divide: For UX
使用Javascript及HTML5打造協同運作系統
使用Javascript及HTML5打造協同運作系統
借力使力的乾坤挪移大法-以使用者為中心的設計決策奧妙
借力使力的乾坤挪移大法-以使用者為中心的設計決策奧妙
Webconf2013-非典型貧窮網站維運經驗分享
Webconf2013-非典型貧窮網站維運經驗分享
Similar to Designing physical and digital experience in social web
Winning Websites 2013
Winning Websites 2013
Michelle Krier
Social Media for B2B - Social3i - School of Visual Concepts Dec 7 2011
Social Media for B2B - Social3i - School of Visual Concepts Dec 7 2011
social3i
Techsquad Wiki Presentation
Techsquad Wiki Presentation
Charleston Day School
Web content [Thai language]
Web content [Thai language]
Moonshot Digital
iCrossing – Antony Mayfield, You and Your Web Shadow. 5th March 2010, Royal ...
iCrossing – Antony Mayfield, You and Your Web Shadow. 5th March 2010, Royal ...
lilstu
Understanding Content: The Stuff We Design For
Understanding Content: The Stuff We Design For
Karen McGrane
Content Strategy: The Missing Piece of the UX Puzzle
Content Strategy: The Missing Piece of the UX Puzzle
Karen McGrane
MPI Sweden Student Club: How Can I Be Social - a Social Media Checklist for m...
MPI Sweden Student Club: How Can I Be Social - a Social Media Checklist for m...
Gerrit Heijkoop
Google Devfest Bangkok - OpenSocial
Google Devfest Bangkok - OpenSocial
Patrick Chanezon
Off The Map
Off The Map
Wolf Becvar
The Perfect Local Media Company Sebastien Provencher Lss 09 Presentation ...
The Perfect Local Media Company Sebastien Provencher Lss 09 Presentation ...
Simon Baptist
Service Design at the Hogeschool Rotterdam
Service Design at the Hogeschool Rotterdam
31Volts
Delight by Motion: Investigating the Role of Animation in Microinteractions
Delight by Motion: Investigating the Role of Animation in Microinteractions
Omar Sosa-Tzec
Theoretical framework of network-Based language teaching
Theoretical framework of network-Based language teaching
Best UPC code
Innotech2008
Innotech2008
Silona Bonewald
Innotech2008
Innotech2008
Silona Bonewald
CWC Social Story Business & You Web 2.0
CWC Social Story Business & You Web 2.0
Siobhan O'Flynn
Digital Scholarship
Digital Scholarship
Cristina Costa
UX Mind Games - Jared Schwartz, Beaconfire RedEngine
UX Mind Games - Jared Schwartz, Beaconfire RedEngine
Roshani Kothari
Friendsters At Work: Displaying Social Media Streams in the Workplace
Friendsters At Work: Displaying Social Media Streams in the Workplace
Joe McCarthy
Similar to Designing physical and digital experience in social web
(20)
Winning Websites 2013
Winning Websites 2013
Social Media for B2B - Social3i - School of Visual Concepts Dec 7 2011
Social Media for B2B - Social3i - School of Visual Concepts Dec 7 2011
Techsquad Wiki Presentation
Techsquad Wiki Presentation
Web content [Thai language]
Web content [Thai language]
iCrossing – Antony Mayfield, You and Your Web Shadow. 5th March 2010, Royal ...
iCrossing – Antony Mayfield, You and Your Web Shadow. 5th March 2010, Royal ...
Understanding Content: The Stuff We Design For
Understanding Content: The Stuff We Design For
Content Strategy: The Missing Piece of the UX Puzzle
Content Strategy: The Missing Piece of the UX Puzzle
MPI Sweden Student Club: How Can I Be Social - a Social Media Checklist for m...
MPI Sweden Student Club: How Can I Be Social - a Social Media Checklist for m...
Google Devfest Bangkok - OpenSocial
Google Devfest Bangkok - OpenSocial
Off The Map
Off The Map
The Perfect Local Media Company Sebastien Provencher Lss 09 Presentation ...
The Perfect Local Media Company Sebastien Provencher Lss 09 Presentation ...
Service Design at the Hogeschool Rotterdam
Service Design at the Hogeschool Rotterdam
Delight by Motion: Investigating the Role of Animation in Microinteractions
Delight by Motion: Investigating the Role of Animation in Microinteractions
Theoretical framework of network-Based language teaching
Theoretical framework of network-Based language teaching
Innotech2008
Innotech2008
Innotech2008
Innotech2008
CWC Social Story Business & You Web 2.0
CWC Social Story Business & You Web 2.0
Digital Scholarship
Digital Scholarship
UX Mind Games - Jared Schwartz, Beaconfire RedEngine
UX Mind Games - Jared Schwartz, Beaconfire RedEngine
Friendsters At Work: Displaying Social Media Streams in the Workplace
Friendsters At Work: Displaying Social Media Streams in the Workplace
More from Janet Huang
Transferring Sensing to a Mixed Virtual and Physical Experience
Transferring Sensing to a Mixed Virtual and Physical Experience
Janet Huang
Collecting a Image Label from Crowds Using Amazon Mechanical Turk
Collecting a Image Label from Crowds Using Amazon Mechanical Turk
Janet Huang
Art in the Crowd
Art in the Crowd
Janet Huang
How to Program SmartThings
How to Program SmartThings
Janet Huang
Of class3
Of class3
Janet Huang
Of class2
Of class2
Janet Huang
Of class1
Of class1
Janet Huang
Iphone course 3
Iphone course 3
Janet Huang
Iphone course 2
Iphone course 2
Janet Huang
Iphone course 1
Iphone course 1
Janet Huang
The power of example
The power of example
Janet Huang
Responsive web design
Responsive web design
Janet Huang
Openframworks x Mobile
Openframworks x Mobile
Janet Huang
More from Janet Huang
(13)
Transferring Sensing to a Mixed Virtual and Physical Experience
Transferring Sensing to a Mixed Virtual and Physical Experience
Collecting a Image Label from Crowds Using Amazon Mechanical Turk
Collecting a Image Label from Crowds Using Amazon Mechanical Turk
Art in the Crowd
Art in the Crowd
How to Program SmartThings
How to Program SmartThings
Of class3
Of class3
Of class2
Of class2
Of class1
Of class1
Iphone course 3
Iphone course 3
Iphone course 2
Iphone course 2
Iphone course 1
Iphone course 1
The power of example
The power of example
Responsive web design
Responsive web design
Openframworks x Mobile
Openframworks x Mobile
Recently uploaded
Call Girls Meghani Nagar 7397865700 Independent Call Girls
Call Girls Meghani Nagar 7397865700 Independent Call Girls
ssuser7cb4ff
Design Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William Vickery
WilliamVickery6
3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdf
SwaraliBorhade
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
katerynaivanenko1
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
z xss
Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCR
Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCR
dollysharma2066
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造
kbdhl05e
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
CristobalHeraud
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptx
mapanig881
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
208367051
Cosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable Bricks
abhishekparmar618
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
soniya singh
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdf
AayushChavan5
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdf
neelspinoy
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
uasjlagroup
Call Girls in Pratap Nagar, 9953056974 Escort Service
Call Girls in Pratap Nagar, 9953056974 Escort Service
9953056974 Low Rate Call Girls In Saket, Delhi NCR
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
Fi L
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AI
yuj
NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...
NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...
Amil baba
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
Fi L
Recently uploaded
(20)
Call Girls Meghani Nagar 7397865700 Independent Call Girls
Call Girls Meghani Nagar 7397865700 Independent Call Girls
Design Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William Vickery
3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdf
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCR
Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCR
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptx
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
Cosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable Bricks
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdf
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdf
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
Call Girls in Pratap Nagar, 9953056974 Escort Service
Call Girls in Pratap Nagar, 9953056974 Escort Service
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AI
NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...
NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
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 about People
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.
Simplicity Ability 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.
19.
Too much text?
20.
21.
Too much information?
22.
23.
2
motivation
24.
Core Motivator
Emotion Sensation pleasure/pain 感覺 Anticipation hope/fear 預期 Social Cohesion social rejection/acceptance 社會凝聚力
25.
26.
27.
3
trigger
28.
Facilitator Trigger
Spark Signal
29.
30.
Web design - Off-site
trigger Email - On-site trigger
31.
32.
Web design - Off-site
trigger - On-site trigger Call to action
33.
ability
motivation ability motivation motivation ability
34.
35.
36.
Behavior Model
The Order of Design 1. Ability 1. Trigger 2. Motivation 2. Ability 3. Trigger 3. Motivation http://www.slideshare.net/hreha/applying-psychology-to-web-design
37.
Understanding behavior model
help you design better UI for people.
38.
For web design,
maybe we need Another solution
39.
Crowd-based design
40.
Crowdsourcing + Web
design
41.
Why?
42.
43.
How?
44.
Divide and Conquer
Macro task Micro task iterative task Crowds can solve micro tasks with little effort in a short time
45.
Integrate micro tasks
Micro task Macro task
46.
To be continued...
:) Thanks
Download now