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
Iconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing services
Iconic global solution
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdf
neelspinoy
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptx
mapanig881
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
jennyeacort
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
diploma 1
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
ttt fff
毕业文凭制作#回国入职#diploma#degree美国威斯康星大学欧克莱尔分校毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#...
毕业文凭制作#回国入职#diploma#degree美国威斯康星大学欧克莱尔分校毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#...
ttt fff
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
z xss
306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social Media
D SSS
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
yuu sss
办理澳大利亚国立大学毕业证ANU毕业证留信学历认证
办理澳大利亚国立大学毕业证ANU毕业证留信学历认证
jdkhjh
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
D SSS
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
Fi L
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
Rndexperts
韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作
7tz4rjpd
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造
kbdhl05e
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
kojalkojal131
Apresentação Clamo Cristo -letra música Matheus Rizzo
Apresentação Clamo Cristo -letra música Matheus Rizzo
CarolTelles6
办理学位证(SFU证书)西蒙弗雷泽大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙弗雷泽大学毕业证成绩单原版一比一
F dds
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
mrchrns005
Recently uploaded
(20)
Iconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing services
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdf
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptx
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree美国威斯康星大学欧克莱尔分校毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#...
毕业文凭制作#回国入职#diploma#degree美国威斯康星大学欧克莱尔分校毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#...
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social Media
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
办理澳大利亚国立大学毕业证ANU毕业证留信学历认证
办理澳大利亚国立大学毕业证ANU毕业证留信学历认证
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Apresentação Clamo Cristo -letra música Matheus Rizzo
Apresentação Clamo Cristo -letra música Matheus Rizzo
办理学位证(SFU证书)西蒙弗雷泽大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙弗雷泽大学毕业证成绩单原版一比一
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
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