SlideShare a Scribd company logo
1 of 13
Download to read offline
MOBILE DESIGN PROCESS

Emotion, behaviour and human context
Antony Ribot, CEO, Ribot




Mobile Design UK - 23.02.2009

                                http://www.flickr.com/photos/paopix/468073073/
sketchism
paper vs Fireworks (30 secs vs 3 mins)

less time invested = less emotional attachment

faster iteration cycles

= better ideas, fewer problems



                                 http://culturedcode.com/things/blog/
sketches: inspired by GTD
Clear your mind for the problem solving

No sketching ability required

Resulting in a more collaborative idea space



tip: don’t throw away your sketches

                            http://www.flickr.com/photos/rohdesign/147832534/
emotional design

passionate designers != great design

as time investment grows, doors are closed

investigate pair-designing as a solution




                        http://www.flickr.com/photos/hownowbrowncow/2780967976
human behaviours




what finger do we use to press the
doorbell with?

                          http://www.flickr.com/photos/tscarlisle/107776922/
(changing) human behaviours




what finger does the younger market
press the doorbell with?

                        http://www.flickr.com/photos/phototropism/62931265/
our romance with the book




museum-bound?

replaced by future mobile devices?
                           http://www.flickr.com/photos/tscarlisle/2119697858/
a tangible future?
mass digitisation over the last 20 years

haptic feedback is part humanising objects




“media is an extension due to the inability
of the human body” - Marshall McLuhan:
Understanding Media. 1964
                            http://www.flickr.com/photos/sidelong/2945717204/
touch to take over?
40:60 touchscreen:keypad split in 2009?

much improvement to come

how does this affect the thumb generation?




                         http://www.flickr.com/photos/omargutierrez/75859895/
touch me in 3D
accelerometers, compasses, haptics




                       http://www.flickr.com/photos/infxualbydesign/1338260845/
tangible sprinting
be technology agnostic (keep UX and UI in mind)

all the technical platforms exist right now

it’s up to us to make a better UX / UI




                              http://www.flickr.com/photos/mklingo/2802162622/
questions




Antony Ribot
ribot.co.uk
               http://www.flickr.com/photos/ronlayters/2402199783/
“my sister took her iPhone back to the
O2 store, complaining that the web
pages were too small to read” - twitter
user
                   http://www.flickr.com/photos/mastrobiggo/2322403792

More Related Content

Viewers also liked

Viewers also liked (9)

Personality and Emotions
Personality and EmotionsPersonality and Emotions
Personality and Emotions
 
Emotional Labour
Emotional LabourEmotional Labour
Emotional Labour
 
Emotions
EmotionsEmotions
Emotions
 
Perception in organsation behaviour
Perception in organsation behaviourPerception in organsation behaviour
Perception in organsation behaviour
 
Personality and Organizational Behaviour
Personality and Organizational BehaviourPersonality and Organizational Behaviour
Personality and Organizational Behaviour
 
Perception & personality
Perception & personalityPerception & personality
Perception & personality
 
Personality and emotions ppt marks.
Personality and emotions ppt marks.Personality and emotions ppt marks.
Personality and emotions ppt marks.
 
Perception
PerceptionPerception
Perception
 
Perception
PerceptionPerception
Perception
 

More from Antony Ribot

We need a web dev!
We need a web dev!We need a web dev!
We need a web dev!Antony Ribot
 
Are you the Droid we're looking for?
Are you the Droid we're looking for?Are you the Droid we're looking for?
Are you the Droid we're looking for?Antony Ribot
 
Ribot need a designer - are you the one?
Ribot need a designer - are you the one?Ribot need a designer - are you the one?
Ribot need a designer - are you the one?Antony Ribot
 
Devices, designs and enabling behaviours - Mobilism 2011
Devices, designs and enabling behaviours - Mobilism 2011Devices, designs and enabling behaviours - Mobilism 2011
Devices, designs and enabling behaviours - Mobilism 2011Antony Ribot
 
Mobile UX 101 @ Flash Camp Manchester
Mobile UX 101 @ Flash Camp ManchesterMobile UX 101 @ Flash Camp Manchester
Mobile UX 101 @ Flash Camp ManchesterAntony Ribot
 
Windows Phone UX - a 101 @ BizSpark
Windows Phone UX - a 101 @ BizSparkWindows Phone UX - a 101 @ BizSpark
Windows Phone UX - a 101 @ BizSparkAntony Ribot
 
SparkUp 2010 Mobile UX 101
SparkUp 2010 Mobile UX 101SparkUp 2010 Mobile UX 101
SparkUp 2010 Mobile UX 101Antony Ribot
 
Mobile UX - the intricacies of designing for mobile devices
Mobile UX - the intricacies of designing for mobile devicesMobile UX - the intricacies of designing for mobile devices
Mobile UX - the intricacies of designing for mobile devicesAntony Ribot
 
Inspiring new ways of mobile design and development
Inspiring new ways of mobile design and developmentInspiring new ways of mobile design and development
Inspiring new ways of mobile design and developmentAntony Ribot
 

More from Antony Ribot (9)

We need a web dev!
We need a web dev!We need a web dev!
We need a web dev!
 
Are you the Droid we're looking for?
Are you the Droid we're looking for?Are you the Droid we're looking for?
Are you the Droid we're looking for?
 
Ribot need a designer - are you the one?
Ribot need a designer - are you the one?Ribot need a designer - are you the one?
Ribot need a designer - are you the one?
 
Devices, designs and enabling behaviours - Mobilism 2011
Devices, designs and enabling behaviours - Mobilism 2011Devices, designs and enabling behaviours - Mobilism 2011
Devices, designs and enabling behaviours - Mobilism 2011
 
Mobile UX 101 @ Flash Camp Manchester
Mobile UX 101 @ Flash Camp ManchesterMobile UX 101 @ Flash Camp Manchester
Mobile UX 101 @ Flash Camp Manchester
 
Windows Phone UX - a 101 @ BizSpark
Windows Phone UX - a 101 @ BizSparkWindows Phone UX - a 101 @ BizSpark
Windows Phone UX - a 101 @ BizSpark
 
SparkUp 2010 Mobile UX 101
SparkUp 2010 Mobile UX 101SparkUp 2010 Mobile UX 101
SparkUp 2010 Mobile UX 101
 
Mobile UX - the intricacies of designing for mobile devices
Mobile UX - the intricacies of designing for mobile devicesMobile UX - the intricacies of designing for mobile devices
Mobile UX - the intricacies of designing for mobile devices
 
Inspiring new ways of mobile design and development
Inspiring new ways of mobile design and developmentInspiring new ways of mobile design and development
Inspiring new ways of mobile design and development
 

Recently uploaded

General Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptxGeneral Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptxmarckustrevion
 
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一diploma 1
 
306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social Media306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social MediaD SSS
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degreeyuu sss
 
办理学位证(SFU证书)西蒙弗雷泽大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙弗雷泽大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙弗雷泽大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙弗雷泽大学毕业证成绩单原版一比一F dds
 
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一F dds
 
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10uasjlagroup
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改yuu sss
 
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...mrchrns005
 
办理学位证(UCSD证书)美国加利福尼亚大学圣迭戈分校毕业证成绩单原版一比一
办理学位证(UCSD证书)美国加利福尼亚大学圣迭戈分校毕业证成绩单原版一比一办理学位证(UCSD证书)美国加利福尼亚大学圣迭戈分校毕业证成绩单原版一比一
办理学位证(UCSD证书)美国加利福尼亚大学圣迭戈分校毕业证成绩单原版一比一A SSS
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfShivakumar Viswanathan
 
cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptcda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptMaryamAfzal41
 
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一Fi L
 
Chapter 6(1)system devolopment life .ppt
Chapter 6(1)system devolopment life .pptChapter 6(1)system devolopment life .ppt
Chapter 6(1)system devolopment life .pptDoaaRezk5
 
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档208367051
 
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...katerynaivanenko1
 
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一z xss
 
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...Yantram Animation Studio Corporation
 
Apresentação Clamo Cristo -letra música Matheus Rizzo
Apresentação Clamo Cristo -letra música Matheus RizzoApresentação Clamo Cristo -letra música Matheus Rizzo
Apresentação Clamo Cristo -letra música Matheus RizzoCarolTelles6
 

Recently uploaded (20)

General Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptxGeneral Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptx
 
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
 
306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social Media306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social Media
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
 
办理学位证(SFU证书)西蒙弗雷泽大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙弗雷泽大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙弗雷泽大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙弗雷泽大学毕业证成绩单原版一比一
 
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
 
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
 
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
 
办理学位证(UCSD证书)美国加利福尼亚大学圣迭戈分校毕业证成绩单原版一比一
办理学位证(UCSD证书)美国加利福尼亚大学圣迭戈分校毕业证成绩单原版一比一办理学位证(UCSD证书)美国加利福尼亚大学圣迭戈分校毕业证成绩单原版一比一
办理学位证(UCSD证书)美国加利福尼亚大学圣迭戈分校毕业证成绩单原版一比一
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdf
 
cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptcda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis ppt
 
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
 
Chapter 6(1)system devolopment life .ppt
Chapter 6(1)system devolopment life .pptChapter 6(1)system devolopment life .ppt
Chapter 6(1)system devolopment life .ppt
 
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
 
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
 
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
 
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
 
Apresentação Clamo Cristo -letra música Matheus Rizzo
Apresentação Clamo Cristo -letra música Matheus RizzoApresentação Clamo Cristo -letra música Matheus Rizzo
Apresentação Clamo Cristo -letra música Matheus Rizzo
 

Mobile design: emotion, behaviour and human context

  • 1. MOBILE DESIGN PROCESS Emotion, behaviour and human context Antony Ribot, CEO, Ribot Mobile Design UK - 23.02.2009 http://www.flickr.com/photos/paopix/468073073/
  • 2. sketchism paper vs Fireworks (30 secs vs 3 mins) less time invested = less emotional attachment faster iteration cycles = better ideas, fewer problems http://culturedcode.com/things/blog/
  • 3. sketches: inspired by GTD Clear your mind for the problem solving No sketching ability required Resulting in a more collaborative idea space tip: don’t throw away your sketches http://www.flickr.com/photos/rohdesign/147832534/
  • 4. emotional design passionate designers != great design as time investment grows, doors are closed investigate pair-designing as a solution http://www.flickr.com/photos/hownowbrowncow/2780967976
  • 5. human behaviours what finger do we use to press the doorbell with? http://www.flickr.com/photos/tscarlisle/107776922/
  • 6. (changing) human behaviours what finger does the younger market press the doorbell with? http://www.flickr.com/photos/phototropism/62931265/
  • 7. our romance with the book museum-bound? replaced by future mobile devices? http://www.flickr.com/photos/tscarlisle/2119697858/
  • 8. a tangible future? mass digitisation over the last 20 years haptic feedback is part humanising objects “media is an extension due to the inability of the human body” - Marshall McLuhan: Understanding Media. 1964 http://www.flickr.com/photos/sidelong/2945717204/
  • 9. touch to take over? 40:60 touchscreen:keypad split in 2009? much improvement to come how does this affect the thumb generation? http://www.flickr.com/photos/omargutierrez/75859895/
  • 10. touch me in 3D accelerometers, compasses, haptics http://www.flickr.com/photos/infxualbydesign/1338260845/
  • 11. tangible sprinting be technology agnostic (keep UX and UI in mind) all the technical platforms exist right now it’s up to us to make a better UX / UI http://www.flickr.com/photos/mklingo/2802162622/
  • 12. questions Antony Ribot ribot.co.uk http://www.flickr.com/photos/ronlayters/2402199783/
  • 13. “my sister took her iPhone back to the O2 store, complaining that the web pages were too small to read” - twitter user http://www.flickr.com/photos/mastrobiggo/2322403792

Editor's Notes

  1. The lost art of the sketchtackle the problems earlier (when less time has been invested)
  2. keep sketches on walls, you never know when it might spark off an ideahelps to keep track of new ideas as not all ideas come at the start of the project
  3. about the builders rather than the end userwe have a system where designers swap projects half-way through the day - the two designers will need to have a mutual respect for each other
  4. The texting thumb!Learned behaviours.Pace of change of behaviour is great.Who knows what else we’ve missed.Got me thinking about other tangible objects and our connection to them
  5. the wear and tear of pages is a visual indicator of emotional attachmentwill future generationskindle and other eBook readers don’t feel the same
  6. mobile device is one of these extensionshaptic needs to be utilised in a subtle way
  7. will the learn’t behaviours of gesture transfer back to other real-world situations?
  8. making the most out of contextAnalogue “organic feeling” from Immersion (US)minimalistic gersture input supported by simple haptic feedback
  9. Get to your tangible stage as fast as possible.