SlideShare ist ein Scribd-Unternehmen logo
1 von 16
First of all, some context
MOBILE DESIGN

inspiring new ways of design and development
Antony Ribot, CEO, Ribot




O2 Litmus - 12.12.2008
The user-centered developer
A DIFFERENT WAY OF THINKING


develops with the user in mind

a bridge between designer and developer

not a role for every developer

does not replace traditional UX expert
Constraints of mobile
But which is most important?


form factor                    battery

network latency                context

input mechanism

memory

computational power
Context of use
Time for a snack...
DATA-SNACKING


small snippets of info

30-60 seconds

simple, but repetitive

regular
Re-use learnt behaviours
Re-use interactions inherent in the device

Minimise the number of surprises

soft key positions     colour

menu navigation        tone of voice



                        http://www.flickr.com/photos/8586443@N03/1491516038/
Mobile is not about making
things smaller

Miniaturisation   vs                 Mobilisation




http://mobilewebbook.com
                       http://www.flickr.com/photos/tridi_animeitor/2224661744/
It’s all about the subtleties
Fewer options = simple and more effective
interface

Polish makes the UX and app stand out
Working around the 3G icon
Reward-based exploration
FOCUSING ON THE KEY FEATURE AND DOING IT WELL


keep it as simple as possible (the hard part)

 1.allow the user to play within safe boundaries

 2. user’s comfort increases

 3. sense of exploration increases

 4. discovery of features almost by accident
                                      http://www.flickr.com/photos/devos/95230930/
Opera Mini
A REWARD-BASED MOBILE BROWSER


page by page scrolling
Opera Mini
A REWARD-BASED MOBILE BROWSER


Short-cuts in the soft key menu
How to deal with diversity
select lead handsets for your target audience

use the design process to tackle “graceful
degradation”




 http://www.admob.com/

                           http://www.flickr.com/photos/joaomoura/2661761961/
Why use rapid prototyping
test ideas quickly in a tangible environment

extremely useful reference for developers

an interactive showcase of the intended UX
Mobile rapid prototyping tools
Flash (lite v3.0)

XHTML + CSS

Nokia Web Runtime

Silverlight

Dashcode
                    http://www.flickr.com/photos/brianauer/2249169858/
thank you




Antony Ribot
ribot.co.uk
               http://www.flickr.com/photos/ronlayters/2402199783/

Weitere ähnliche Inhalte

Was ist angesagt?

powerpoint presentation on Google glass
powerpoint presentation on Google glasspowerpoint presentation on Google glass
powerpoint presentation on Google glassJawhar Ali
 
Usability and UXd for apps - by Bonolota UXd at Microsoft Bangladesh
Usability and UXd for apps - by Bonolota UXd at Microsoft BangladeshUsability and UXd for apps - by Bonolota UXd at Microsoft Bangladesh
Usability and UXd for apps - by Bonolota UXd at Microsoft BangladeshMasrur Hannan
 
Designing The Mobile User Experience
Designing The Mobile User ExperienceDesigning The Mobile User Experience
Designing The Mobile User ExperienceJose Alves
 
Touch UIs are Quite Different
Touch UIs are Quite DifferentTouch UIs are Quite Different
Touch UIs are Quite DifferentPanu Korhonen
 
What is the NeoKeys mixed media keypad for next generation mobile user experi...
What is the NeoKeys mixed media keypad for next generation mobile user experi...What is the NeoKeys mixed media keypad for next generation mobile user experi...
What is the NeoKeys mixed media keypad for next generation mobile user experi...www.webhub.mobi by Yuvee, Inc.
 
Google glass glasses presentation ppt
Google glass glasses presentation pptGoogle glass glasses presentation ppt
Google glass glasses presentation pptParth Godhani
 
Google Glass Seminar PPT
Google Glass Seminar PPTGoogle Glass Seminar PPT
Google Glass Seminar PPTShashank Naik
 
GOOGLE,ANDROID,GOOGLE GLASS
GOOGLE,ANDROID,GOOGLE GLASSGOOGLE,ANDROID,GOOGLE GLASS
GOOGLE,ANDROID,GOOGLE GLASSVetri Vel
 
Project glass ieee document
Project glass ieee documentProject glass ieee document
Project glass ieee documentbhavyakishore
 

Was ist angesagt? (19)

Google glass
 Google glass Google glass
Google glass
 
Google glass ppt
Google glass pptGoogle glass ppt
Google glass ppt
 
Google glass
Google glassGoogle glass
Google glass
 
powerpoint presentation on Google glass
powerpoint presentation on Google glasspowerpoint presentation on Google glass
powerpoint presentation on Google glass
 
Usability and UXd for apps - by Bonolota UXd at Microsoft Bangladesh
Usability and UXd for apps - by Bonolota UXd at Microsoft BangladeshUsability and UXd for apps - by Bonolota UXd at Microsoft Bangladesh
Usability and UXd for apps - by Bonolota UXd at Microsoft Bangladesh
 
Designing The Mobile User Experience
Designing The Mobile User ExperienceDesigning The Mobile User Experience
Designing The Mobile User Experience
 
google glass
google glassgoogle glass
google glass
 
Google Glass
Google GlassGoogle Glass
Google Glass
 
input devices
input devicesinput devices
input devices
 
Google glass presentation
Google glass presentationGoogle glass presentation
Google glass presentation
 
Touch UIs are Quite Different
Touch UIs are Quite DifferentTouch UIs are Quite Different
Touch UIs are Quite Different
 
google glass
google glassgoogle glass
google glass
 
What is the NeoKeys mixed media keypad for next generation mobile user experi...
What is the NeoKeys mixed media keypad for next generation mobile user experi...What is the NeoKeys mixed media keypad for next generation mobile user experi...
What is the NeoKeys mixed media keypad for next generation mobile user experi...
 
Google Glass
Google GlassGoogle Glass
Google Glass
 
Google glass glasses presentation ppt
Google glass glasses presentation pptGoogle glass glasses presentation ppt
Google glass glasses presentation ppt
 
Google glass
Google glassGoogle glass
Google glass
 
Google Glass Seminar PPT
Google Glass Seminar PPTGoogle Glass Seminar PPT
Google Glass Seminar PPT
 
GOOGLE,ANDROID,GOOGLE GLASS
GOOGLE,ANDROID,GOOGLE GLASSGOOGLE,ANDROID,GOOGLE GLASS
GOOGLE,ANDROID,GOOGLE GLASS
 
Project glass ieee document
Project glass ieee documentProject glass ieee document
Project glass ieee document
 

Andere mochten auch

WW2 Aircraft
WW2 AircraftWW2 Aircraft
WW2 Aircraftkyt1968
 
2009.04 APEEC Presentation - A Joint Course of Design and Technology - User-O...
2009.04 APEEC Presentation - A Joint Course of Design and Technology - User-O...2009.04 APEEC Presentation - A Joint Course of Design and Technology - User-O...
2009.04 APEEC Presentation - A Joint Course of Design and Technology - User-O...NTUST
 
Scratch project
Scratch projectScratch project
Scratch project99nine99
 
#Gc2020 Innovation through game design thinking, play and experience
#Gc2020 Innovation through game design thinking, play and experience#Gc2020 Innovation through game design thinking, play and experience
#Gc2020 Innovation through game design thinking, play and experienceMargarida Romero
 
Tecnocreatividad y design thinking. Usos creativos de las tecnologías para el...
Tecnocreatividad y design thinking. Usos creativos de las tecnologías para el...Tecnocreatividad y design thinking. Usos creativos de las tecnologías para el...
Tecnocreatividad y design thinking. Usos creativos de las tecnologías para el...Margarida Romero
 
Design & Technology
Design & TechnologyDesign & Technology
Design & TechnologyLuca Galli
 
20170126 #bett2017 @margaridaromero From computing to computational thinking:...
20170126 #bett2017 @margaridaromero From computing to computational thinking:...20170126 #bett2017 @margaridaromero From computing to computational thinking:...
20170126 #bett2017 @margaridaromero From computing to computational thinking:...Margarida Romero
 
The Importance of Design & Technology and Engineering in the Lifelong Learnin...
The Importance of Design & Technology and Engineering in the Lifelong Learnin...The Importance of Design & Technology and Engineering in the Lifelong Learnin...
The Importance of Design & Technology and Engineering in the Lifelong Learnin...The Crest Academy
 
Mechanisms
MechanismsMechanisms
Mechanismsrd2830
 
#Edulearn16 #cocreatic. Educational robotics: from procedural learning to co-...
#Edulearn16 #cocreatic. Educational robotics: from procedural learning to co-...#Edulearn16 #cocreatic. Educational robotics: from procedural learning to co-...
#Edulearn16 #cocreatic. Educational robotics: from procedural learning to co-...Margarida Romero
 
Design and Technology Association (DATA) summer school keynote 2015
Design and Technology Association (DATA) summer school keynote 2015Design and Technology Association (DATA) summer school keynote 2015
Design and Technology Association (DATA) summer school keynote 2015Ofsted
 
Teaching design and technology
Teaching design and technologyTeaching design and technology
Teaching design and technologycloudberrynine
 
Dt as level coursework
Dt as level courseworkDt as level coursework
Dt as level courseworkHSWILSON
 
#ScratchMIT2016 Ignite talk on intergenerational creative game creation
#ScratchMIT2016 Ignite talk on intergenerational creative game creation#ScratchMIT2016 Ignite talk on intergenerational creative game creation
#ScratchMIT2016 Ignite talk on intergenerational creative game creationMargarida Romero
 
Design and Technology Association summer school 2016 keynote speech
Design and Technology Association summer school 2016 keynote speechDesign and Technology Association summer school 2016 keynote speech
Design and Technology Association summer school 2016 keynote speechOfsted
 
Year 11 coursework
Year 11 courseworkYear 11 coursework
Year 11 courseworkbedwells
 

Andere mochten auch (20)

WW2 Aircraft
WW2 AircraftWW2 Aircraft
WW2 Aircraft
 
2009.04 APEEC Presentation - A Joint Course of Design and Technology - User-O...
2009.04 APEEC Presentation - A Joint Course of Design and Technology - User-O...2009.04 APEEC Presentation - A Joint Course of Design and Technology - User-O...
2009.04 APEEC Presentation - A Joint Course of Design and Technology - User-O...
 
Game designdocs
Game designdocsGame designdocs
Game designdocs
 
What is Unity?
What is Unity?What is Unity?
What is Unity?
 
Scratch project
Scratch projectScratch project
Scratch project
 
#Gc2020 Innovation through game design thinking, play and experience
#Gc2020 Innovation through game design thinking, play and experience#Gc2020 Innovation through game design thinking, play and experience
#Gc2020 Innovation through game design thinking, play and experience
 
Tecnocreatividad y design thinking. Usos creativos de las tecnologías para el...
Tecnocreatividad y design thinking. Usos creativos de las tecnologías para el...Tecnocreatividad y design thinking. Usos creativos de las tecnologías para el...
Tecnocreatividad y design thinking. Usos creativos de las tecnologías para el...
 
Design & Technology
Design & TechnologyDesign & Technology
Design & Technology
 
20170126 #bett2017 @margaridaromero From computing to computational thinking:...
20170126 #bett2017 @margaridaromero From computing to computational thinking:...20170126 #bett2017 @margaridaromero From computing to computational thinking:...
20170126 #bett2017 @margaridaromero From computing to computational thinking:...
 
The Importance of Design & Technology and Engineering in the Lifelong Learnin...
The Importance of Design & Technology and Engineering in the Lifelong Learnin...The Importance of Design & Technology and Engineering in the Lifelong Learnin...
The Importance of Design & Technology and Engineering in the Lifelong Learnin...
 
Mechanisms
MechanismsMechanisms
Mechanisms
 
#Edulearn16 #cocreatic. Educational robotics: from procedural learning to co-...
#Edulearn16 #cocreatic. Educational robotics: from procedural learning to co-...#Edulearn16 #cocreatic. Educational robotics: from procedural learning to co-...
#Edulearn16 #cocreatic. Educational robotics: from procedural learning to co-...
 
Design and Technology Association (DATA) summer school keynote 2015
Design and Technology Association (DATA) summer school keynote 2015Design and Technology Association (DATA) summer school keynote 2015
Design and Technology Association (DATA) summer school keynote 2015
 
Ninja Cat Flyer - 1 of 6
Ninja Cat Flyer - 1 of 6Ninja Cat Flyer - 1 of 6
Ninja Cat Flyer - 1 of 6
 
design thinking
design thinking design thinking
design thinking
 
Teaching design and technology
Teaching design and technologyTeaching design and technology
Teaching design and technology
 
Dt as level coursework
Dt as level courseworkDt as level coursework
Dt as level coursework
 
#ScratchMIT2016 Ignite talk on intergenerational creative game creation
#ScratchMIT2016 Ignite talk on intergenerational creative game creation#ScratchMIT2016 Ignite talk on intergenerational creative game creation
#ScratchMIT2016 Ignite talk on intergenerational creative game creation
 
Design and Technology Association summer school 2016 keynote speech
Design and Technology Association summer school 2016 keynote speechDesign and Technology Association summer school 2016 keynote speech
Design and Technology Association summer school 2016 keynote speech
 
Year 11 coursework
Year 11 courseworkYear 11 coursework
Year 11 coursework
 

Ähnlich wie Inspiring new ways of mobile design and development

Windows Phone UX - a 101 @ BizSpark
Windows Phone UX - a 101 @ BizSparkWindows Phone UX - a 101 @ BizSpark
Windows Phone UX - a 101 @ BizSparkAntony Ribot
 
UX for Apps - GDG at BUET 9 Nov 2013 Masrur Hannan and Shadman Rahman
UX for Apps - GDG at BUET 9 Nov 2013 Masrur Hannan and Shadman RahmanUX for Apps - GDG at BUET 9 Nov 2013 Masrur Hannan and Shadman Rahman
UX for Apps - GDG at BUET 9 Nov 2013 Masrur Hannan and Shadman RahmanMasrur Hannan
 
Mobile UX 101 @ Flash Camp Manchester
Mobile UX 101 @ Flash Camp ManchesterMobile UX 101 @ Flash Camp Manchester
Mobile UX 101 @ Flash Camp ManchesterAntony Ribot
 
Mobile First - Web & PHP Conference - 2013-09-17 Keynote
Mobile First - Web & PHP Conference - 2013-09-17 KeynoteMobile First - Web & PHP Conference - 2013-09-17 Keynote
Mobile First - Web & PHP Conference - 2013-09-17 KeynoteFrédéric Harper
 
Mobilising Digital - Perth 13/03/14
Mobilising Digital - Perth 13/03/14Mobilising Digital - Perth 13/03/14
Mobilising Digital - Perth 13/03/14Precedent
 
Mobile User Experience
Mobile User ExperienceMobile User Experience
Mobile User ExperienceDonna Lichaw
 
Ux portfolio 2013 october final ivan pecorari
Ux portfolio 2013 october final ivan pecorariUx portfolio 2013 october final ivan pecorari
Ux portfolio 2013 october final ivan pecorariIvan Pecorari
 
How to design the human machine interface of smartwatches
How to design the human machine interface of smartwatchesHow to design the human machine interface of smartwatches
How to design the human machine interface of smartwatchesCodeSyntax
 
Singapore Mobile 2.0 & Ux Trends 2009: Scott Weiss
Singapore Mobile 2.0 & Ux Trends 2009: Scott WeissSingapore Mobile 2.0 & Ux Trends 2009: Scott Weiss
Singapore Mobile 2.0 & Ux Trends 2009: Scott WeissYOGESH TADWALKAR
 
User Experience presentation
User Experience presentation User Experience presentation
User Experience presentation Deepak Pakhare
 
Catching up on UX
Catching up on UXCatching up on UX
Catching up on UXRyo Sampei
 
The Future of User Experience
The Future of User ExperienceThe Future of User Experience
The Future of User ExperiencePALO IT
 
The Glass Class: Rapid Prototyping for Wearable Computers
The Glass Class: Rapid Prototyping for Wearable ComputersThe Glass Class: Rapid Prototyping for Wearable Computers
The Glass Class: Rapid Prototyping for Wearable ComputersMark Billinghurst
 
SparkUp 2010 Mobile UX 101
SparkUp 2010 Mobile UX 101SparkUp 2010 Mobile UX 101
SparkUp 2010 Mobile UX 101Antony Ribot
 
Windows Phone UX
Windows Phone UXWindows Phone UX
Windows Phone UXSeo Jinho
 
How To Create Web Sites For Mobile Clients
How To Create Web Sites For Mobile ClientsHow To Create Web Sites For Mobile Clients
How To Create Web Sites For Mobile ClientsWoody Pewitt
 
Outcome not Output - Maraspin
Outcome not Output - Maraspin Outcome not Output - Maraspin
Outcome not Output - Maraspin Codemotion
 
User Interface Design for Web and Mobile Devices
User Interface Design for Web and Mobile DevicesUser Interface Design for Web and Mobile Devices
User Interface Design for Web and Mobile DevicesIRJET Journal
 
Mobilising Digital Melbourne 21/03/2014
Mobilising Digital Melbourne 21/03/2014Mobilising Digital Melbourne 21/03/2014
Mobilising Digital Melbourne 21/03/2014Precedent
 

Ähnlich wie Inspiring new ways of mobile design and development (20)

Windows Phone UX - a 101 @ BizSpark
Windows Phone UX - a 101 @ BizSparkWindows Phone UX - a 101 @ BizSpark
Windows Phone UX - a 101 @ BizSpark
 
UX for Apps - GDG at BUET 9 Nov 2013 Masrur Hannan and Shadman Rahman
UX for Apps - GDG at BUET 9 Nov 2013 Masrur Hannan and Shadman RahmanUX for Apps - GDG at BUET 9 Nov 2013 Masrur Hannan and Shadman Rahman
UX for Apps - GDG at BUET 9 Nov 2013 Masrur Hannan and Shadman Rahman
 
Mobile UX 101 @ Flash Camp Manchester
Mobile UX 101 @ Flash Camp ManchesterMobile UX 101 @ Flash Camp Manchester
Mobile UX 101 @ Flash Camp Manchester
 
Mobile First - Web & PHP Conference - 2013-09-17 Keynote
Mobile First - Web & PHP Conference - 2013-09-17 KeynoteMobile First - Web & PHP Conference - 2013-09-17 Keynote
Mobile First - Web & PHP Conference - 2013-09-17 Keynote
 
Mobilising Digital - Perth 13/03/14
Mobilising Digital - Perth 13/03/14Mobilising Digital - Perth 13/03/14
Mobilising Digital - Perth 13/03/14
 
Mobile User Experience
Mobile User ExperienceMobile User Experience
Mobile User Experience
 
Ux portfolio 2013 october final ivan pecorari
Ux portfolio 2013 october final ivan pecorariUx portfolio 2013 october final ivan pecorari
Ux portfolio 2013 october final ivan pecorari
 
How to design the human machine interface of smartwatches
How to design the human machine interface of smartwatchesHow to design the human machine interface of smartwatches
How to design the human machine interface of smartwatches
 
Singapore Mobile 2.0 & Ux Trends 2009: Scott Weiss
Singapore Mobile 2.0 & Ux Trends 2009: Scott WeissSingapore Mobile 2.0 & Ux Trends 2009: Scott Weiss
Singapore Mobile 2.0 & Ux Trends 2009: Scott Weiss
 
User Experience presentation
User Experience presentation User Experience presentation
User Experience presentation
 
Catching up on UX
Catching up on UXCatching up on UX
Catching up on UX
 
The Future of User Experience
The Future of User ExperienceThe Future of User Experience
The Future of User Experience
 
The Glass Class: Rapid Prototyping for Wearable Computers
The Glass Class: Rapid Prototyping for Wearable ComputersThe Glass Class: Rapid Prototyping for Wearable Computers
The Glass Class: Rapid Prototyping for Wearable Computers
 
Mapping ux culture
Mapping ux cultureMapping ux culture
Mapping ux culture
 
SparkUp 2010 Mobile UX 101
SparkUp 2010 Mobile UX 101SparkUp 2010 Mobile UX 101
SparkUp 2010 Mobile UX 101
 
Windows Phone UX
Windows Phone UXWindows Phone UX
Windows Phone UX
 
How To Create Web Sites For Mobile Clients
How To Create Web Sites For Mobile ClientsHow To Create Web Sites For Mobile Clients
How To Create Web Sites For Mobile Clients
 
Outcome not Output - Maraspin
Outcome not Output - Maraspin Outcome not Output - Maraspin
Outcome not Output - Maraspin
 
User Interface Design for Web and Mobile Devices
User Interface Design for Web and Mobile DevicesUser Interface Design for Web and Mobile Devices
User Interface Design for Web and Mobile Devices
 
Mobilising Digital Melbourne 21/03/2014
Mobilising Digital Melbourne 21/03/2014Mobilising Digital Melbourne 21/03/2014
Mobilising Digital Melbourne 21/03/2014
 

Kürzlich hochgeladen

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
 
cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptcda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptMaryamAfzal41
 
Create Web Pages by programming of your chice.pdf
Create Web Pages by programming of your chice.pdfCreate Web Pages by programming of your chice.pdf
Create Web Pages by programming of your chice.pdfworkingdev2003
 
毕业文凭制作#回国入职#diploma#degree美国威斯康星大学欧克莱尔分校毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#...
毕业文凭制作#回国入职#diploma#degree美国威斯康星大学欧克莱尔分校毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#...毕业文凭制作#回国入职#diploma#degree美国威斯康星大学欧克莱尔分校毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#...
毕业文凭制作#回国入职#diploma#degree美国威斯康星大学欧克莱尔分校毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#...ttt fff
 
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一办理学位证(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 AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIyuj
 
办理澳大利亚国立大学毕业证ANU毕业证留信学历认证
办理澳大利亚国立大学毕业证ANU毕业证留信学历认证办理澳大利亚国立大学毕业证ANU毕业证留信学历认证
办理澳大利亚国立大学毕业证ANU毕业证留信学历认证jdkhjh
 
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档208367051
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degreeyuu 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
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书zdzoqco
 
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss
 
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改yuu sss
 
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造kbdhl05e
 
Design and Managing Service in the field of tourism and hospitality industry
Design and Managing Service in the field of tourism and hospitality industryDesign and Managing Service in the field of tourism and hospitality industry
Design and Managing Service in the field of tourism and hospitality industryrioverosanniejoy
 
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一z xss
 
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
 
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full NightCall Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full Nightssuser7cb4ff
 
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts ServiceCall Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Servicejennyeacort
 

Kürzlich hochgeladen (20)

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...
 
cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptcda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis ppt
 
Create Web Pages by programming of your chice.pdf
Create Web Pages by programming of your chice.pdfCreate Web Pages by programming of your chice.pdf
Create Web Pages by programming of your chice.pdf
 
毕业文凭制作#回国入职#diploma#degree美国威斯康星大学欧克莱尔分校毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#...
毕业文凭制作#回国入职#diploma#degree美国威斯康星大学欧克莱尔分校毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#...毕业文凭制作#回国入职#diploma#degree美国威斯康星大学欧克莱尔分校毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#...
毕业文凭制作#回国入职#diploma#degree美国威斯康星大学欧克莱尔分校毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#...
 
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AI
 
办理澳大利亚国立大学毕业证ANU毕业证留信学历认证
办理澳大利亚国立大学毕业证ANU毕业证留信学历认证办理澳大利亚国立大学毕业证ANU毕业证留信学历认证
办理澳大利亚国立大学毕业证ANU毕业证留信学历认证
 
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
 
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...
 
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
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
 
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
 
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造
 
Design and Managing Service in the field of tourism and hospitality industry
Design and Managing Service in the field of tourism and hospitality industryDesign and Managing Service in the field of tourism and hospitality industry
Design and Managing Service in the field of tourism and hospitality industry
 
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
 
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
 
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full NightCall Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
 
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts ServiceCall Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
 

Inspiring new ways of mobile design and development

  • 1. First of all, some context MOBILE DESIGN inspiring new ways of design and development Antony Ribot, CEO, Ribot O2 Litmus - 12.12.2008
  • 2. The user-centered developer A DIFFERENT WAY OF THINKING develops with the user in mind a bridge between designer and developer not a role for every developer does not replace traditional UX expert
  • 3. Constraints of mobile But which is most important? form factor battery network latency context input mechanism memory computational power
  • 5. Time for a snack... DATA-SNACKING small snippets of info 30-60 seconds simple, but repetitive regular
  • 6. Re-use learnt behaviours Re-use interactions inherent in the device Minimise the number of surprises soft key positions colour menu navigation tone of voice http://www.flickr.com/photos/8586443@N03/1491516038/
  • 7. Mobile is not about making things smaller Miniaturisation vs Mobilisation http://mobilewebbook.com http://www.flickr.com/photos/tridi_animeitor/2224661744/
  • 8. It’s all about the subtleties Fewer options = simple and more effective interface Polish makes the UX and app stand out
  • 10. Reward-based exploration FOCUSING ON THE KEY FEATURE AND DOING IT WELL keep it as simple as possible (the hard part) 1.allow the user to play within safe boundaries 2. user’s comfort increases 3. sense of exploration increases 4. discovery of features almost by accident http://www.flickr.com/photos/devos/95230930/
  • 11. Opera Mini A REWARD-BASED MOBILE BROWSER page by page scrolling
  • 12. Opera Mini A REWARD-BASED MOBILE BROWSER Short-cuts in the soft key menu
  • 13. How to deal with diversity select lead handsets for your target audience use the design process to tackle “graceful degradation” http://www.admob.com/ http://www.flickr.com/photos/joaomoura/2661761961/
  • 14. Why use rapid prototyping test ideas quickly in a tangible environment extremely useful reference for developers an interactive showcase of the intended UX
  • 15. Mobile rapid prototyping tools Flash (lite v3.0) XHTML + CSS Nokia Web Runtime Silverlight Dashcode http://www.flickr.com/photos/brianauer/2249169858/
  • 16. thank you Antony Ribot ribot.co.uk http://www.flickr.com/photos/ronlayters/2402199783/