SlideShare une entreprise Scribd logo
1  sur  13
Télécharger pour lire hors ligne
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

Contenu connexe

En vedette (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
 

Plus de 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
 

Plus de 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
 

Dernier

办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一F La
 
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
 
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCRdollysharma2066
 
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改yuu sss
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degreeyuu sss
 
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一F dds
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证nhjeo1gg
 
ARt app | UX Case Study
ARt app | UX Case StudyARt app | UX Case Study
ARt app | UX Case StudySophia Viganò
 
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定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档208367051
 
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造kbdhl05e
 
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...Rishabh Aryan
 
Architecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdfArchitecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdfSumit Lathwal
 
办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一
办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一
办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一A SSS
 
Design Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryDesign Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryWilliamVickery6
 
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)jennyeacort
 
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一Fi sss
 
Design principles on typography in design
Design principles on typography in designDesign principles on typography in design
Design principles on typography in designnooreen17
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfShivakumar Viswanathan
 

Dernier (20)

办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
 
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
 
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
 
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
 
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
 
ARt app | UX Case Study
ARt app | UX Case StudyARt app | UX Case Study
ARt app | UX Case Study
 
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定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
 
Call Girls in Pratap Nagar, 9953056974 Escort Service
Call Girls in Pratap Nagar,  9953056974 Escort ServiceCall Girls in Pratap Nagar,  9953056974 Escort Service
Call Girls in Pratap Nagar, 9953056974 Escort Service
 
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造
 
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
 
Architecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdfArchitecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdf
 
办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一
办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一
办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一
 
Design Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryDesign Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William Vickery
 
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
 
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
 
Design principles on typography in design
Design principles on typography in designDesign principles on typography in design
Design principles on typography in design
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdf
 

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

Notes de l'éditeur

  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.