SlideShare a Scribd company logo
1 of 26
MOBILE USER EXPERIENCE

the intricacies of designing for mobile devices
Antony Ribot, CEO, Ribot




UX Corner - 08.01.2009

                                     http://www.flickr.com/taraethers
First of all, some context
BACKGROUND


started at tomato (’99)

then studied ants, bees and termites

joined the mobile scene 5 years ago

co-founded ribot 1.5 years ago

ceo / art director
Why does ribot exist?
ribot = ideas lab for mobile UIs

explore and play with interfaces
in small spaces

passion for pushing UI
boundaries
Personal definitions

                     User experience
Interaction
                     the qualitative
design
                     emotional
how the user
                     description of
interacts with the
                     multiple interactions
object
                     with an object

Method               Relationship
                        http://www.flickr.com/photos/ronlayters/586656022/
Constraints of mobile
THERE ARE MANY


form factor           battery

network latency       context

input mechanism

memory

computational power
Context of use
Behaviours & usage
The mobile environment
IT’S LIKE MARS


single early failure = non-returning user

crucial first 30-60 seconds usage
Mars, Neptune, Pluto...
THE ENVIRONMENT DIFFERS, DEPENDING ON WHERE YOU ARE


user behaviour

handset range

operators

data allowance / pricing

e.g. South Africa, Europe, Japan...
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/
Going into details...
Mobile is not about making
things smaller

Miniaturisation                      Mobilisation
                  vs




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
Default states in a UI

Grid menus and lists

Most important function highlighted?

Maximise number of options a click away




                            http://flickr.com/photos/moonypics/2130645953/
Faking it
Low latency is key to the user experience...

...especially with touch devices



Make immediate visual changes...

...whilst we wait for network/other process

                               http://flickr.com/photos/rabataller/638250907/
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
Process
Mobile UX - the easier path
Workshop       Idea exploration

                                      Paper wireframes
 Formalised digital wireframes

User/expert testing          Aesthetic concepts

                                           Screen design
             Rapid prototype
 Docs                                      Motion design
             Art direction     http://www.flickr.com/photos/bbsc30/168832715/
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            Pen & paper
                       http://www.flickr.com/photos/brianauer/2249169858/
Questions




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

More Related Content

Viewers also liked

Case study: Mobile optimised e-commerce checkout by Amanda Wise
Case study: Mobile optimised e-commerce checkout by Amanda Wise Case study: Mobile optimised e-commerce checkout by Amanda Wise
Case study: Mobile optimised e-commerce checkout by Amanda Wise
AWise14
 
Prototype verse Sim: Validating Software and UX Design
Prototype verse Sim: Validating Software and UX DesignPrototype verse Sim: Validating Software and UX Design
Prototype verse Sim: Validating Software and UX Design
frog
 
Performance Management Using Audit Trail
Performance Management Using Audit TrailPerformance Management Using Audit Trail
Performance Management Using Audit Trail
Blackbaud
 
UX Workshop Activity: Missions, Methods and Mindframes. Centerline Digital.
UX Workshop Activity: Missions, Methods and Mindframes. Centerline Digital.UX Workshop Activity: Missions, Methods and Mindframes. Centerline Digital.
UX Workshop Activity: Missions, Methods and Mindframes. Centerline Digital.
Centerline Digital
 
Lean UX: Sketch, Prototype & Validate. Fast.
Lean UX: Sketch, Prototype & Validate. Fast.Lean UX: Sketch, Prototype & Validate. Fast.
Lean UX: Sketch, Prototype & Validate. Fast.
Jon Hadden
 

Viewers also liked (20)

Mobile User Experience
Mobile User ExperienceMobile User Experience
Mobile User Experience
 
UI / UX Design Presentation
UI / UX Design PresentationUI / UX Design Presentation
UI / UX Design Presentation
 
HCI Principles for Mobile Devices
HCI Principles for Mobile DevicesHCI Principles for Mobile Devices
HCI Principles for Mobile Devices
 
Master UX from design to prototype
Master UX from design to prototypeMaster UX from design to prototype
Master UX from design to prototype
 
Mobile app rapid prototype UX concept Amanda Wise
Mobile app rapid prototype UX concept   Amanda WiseMobile app rapid prototype UX concept   Amanda Wise
Mobile app rapid prototype UX concept Amanda Wise
 
Case study: Mobile optimised e-commerce checkout by Amanda Wise
Case study: Mobile optimised e-commerce checkout by Amanda Wise Case study: Mobile optimised e-commerce checkout by Amanda Wise
Case study: Mobile optimised e-commerce checkout by Amanda Wise
 
Prototype verse Sim: Validating Software and UX Design
Prototype verse Sim: Validating Software and UX DesignPrototype verse Sim: Validating Software and UX Design
Prototype verse Sim: Validating Software and UX Design
 
E-Commerce UX design concept case study
E-Commerce UX design concept case studyE-Commerce UX design concept case study
E-Commerce UX design concept case study
 
Performance Management Using Audit Trail
Performance Management Using Audit TrailPerformance Management Using Audit Trail
Performance Management Using Audit Trail
 
Market Research Monkeytalk 2015 - spring edition
Market Research   Monkeytalk 2015 - spring editionMarket Research   Monkeytalk 2015 - spring edition
Market Research Monkeytalk 2015 - spring edition
 
UX Design With Distributed Teams
UX Design With Distributed TeamsUX Design With Distributed Teams
UX Design With Distributed Teams
 
BAB 5 : PELUASAN KUASA ASING
BAB 5 : PELUASAN KUASA ASINGBAB 5 : PELUASAN KUASA ASING
BAB 5 : PELUASAN KUASA ASING
 
Hierarchy Of User Experience Needs
Hierarchy Of User Experience NeedsHierarchy Of User Experience Needs
Hierarchy Of User Experience Needs
 
Mobile UX Tools & Methods for UX Australia 2011
Mobile UX Tools & Methods for UX Australia 2011 Mobile UX Tools & Methods for UX Australia 2011
Mobile UX Tools & Methods for UX Australia 2011
 
PENAPAKAN DAN PERLUASAN PENGARUH SYARIKAT BORNEO UTARA BRITISH (SBUB) DI SABAH
PENAPAKAN DAN PERLUASAN PENGARUH SYARIKAT BORNEO UTARA BRITISH (SBUB) DI SABAHPENAPAKAN DAN PERLUASAN PENGARUH SYARIKAT BORNEO UTARA BRITISH (SBUB) DI SABAH
PENAPAKAN DAN PERLUASAN PENGARUH SYARIKAT BORNEO UTARA BRITISH (SBUB) DI SABAH
 
UX workshop
UX workshopUX workshop
UX workshop
 
UXing All The Things: Applying The User-Centered Process to Design, Life, and...
UXing All The Things: Applying The User-Centered Process to Design, Life, and...UXing All The Things: Applying The User-Centered Process to Design, Life, and...
UXing All The Things: Applying The User-Centered Process to Design, Life, and...
 
UX Workshop Activity: Missions, Methods and Mindframes. Centerline Digital.
UX Workshop Activity: Missions, Methods and Mindframes. Centerline Digital.UX Workshop Activity: Missions, Methods and Mindframes. Centerline Digital.
UX Workshop Activity: Missions, Methods and Mindframes. Centerline Digital.
 
User Experience Workshop
User Experience WorkshopUser Experience Workshop
User Experience Workshop
 
Lean UX: Sketch, Prototype & Validate. Fast.
Lean UX: Sketch, Prototype & Validate. Fast.Lean UX: Sketch, Prototype & Validate. Fast.
Lean UX: Sketch, Prototype & Validate. Fast.
 

Similar to Mobile UX - the intricacies of designing for mobile devices

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
Frédéric Harper
 
Veed2 (Updated2)
Veed2 (Updated2)Veed2 (Updated2)
Veed2 (Updated2)
guestf65fa0
 
Mobilising Digital Melbourne 21/03/2014
Mobilising Digital Melbourne 21/03/2014Mobilising Digital Melbourne 21/03/2014
Mobilising Digital Melbourne 21/03/2014
Precedent
 
Making your site mobile-friendly - ThoughtWorks Manchester GeekNights 17.11.2010
Making your site mobile-friendly - ThoughtWorks Manchester GeekNights 17.11.2010Making your site mobile-friendly - ThoughtWorks Manchester GeekNights 17.11.2010
Making your site mobile-friendly - ThoughtWorks Manchester GeekNights 17.11.2010
Patrick Lauke
 
The Glass Class Lecture 4: Concept Design Tools
The Glass Class Lecture 4: Concept Design ToolsThe Glass Class Lecture 4: Concept Design Tools
The Glass Class Lecture 4: Concept Design Tools
Mark Billinghurst
 

Similar to Mobile UX - the intricacies of designing for mobile devices (20)

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
 
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
 
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
 
Mobilising Digital - Perth 13/03/14
Mobilising Digital - Perth 13/03/14Mobilising Digital - Perth 13/03/14
Mobilising Digital - Perth 13/03/14
 
2022 COMP4010 Lecture 6: Designing AR Systems
2022 COMP4010 Lecture 6: Designing AR Systems2022 COMP4010 Lecture 6: Designing AR Systems
2022 COMP4010 Lecture 6: Designing AR Systems
 
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
 
UX Joburg: Mobile UX Workshop
UX Joburg: Mobile UX WorkshopUX Joburg: Mobile UX Workshop
UX Joburg: Mobile UX Workshop
 
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
 
User Experience for the Experienced Presentation
User Experience for the Experienced PresentationUser Experience for the Experienced Presentation
User Experience for the Experienced Presentation
 
Mobile AR Lecture 3 - Prototyping
Mobile AR Lecture 3 - PrototypingMobile AR Lecture 3 - Prototyping
Mobile AR Lecture 3 - Prototyping
 
Veed2 (Updated2)
Veed2 (Updated2)Veed2 (Updated2)
Veed2 (Updated2)
 
Mobilising Digital Melbourne 21/03/2014
Mobilising Digital Melbourne 21/03/2014Mobilising Digital Melbourne 21/03/2014
Mobilising Digital Melbourne 21/03/2014
 
Making your site mobile-friendly - ThoughtWorks Manchester GeekNights 17.11.2010
Making your site mobile-friendly - ThoughtWorks Manchester GeekNights 17.11.2010Making your site mobile-friendly - ThoughtWorks Manchester GeekNights 17.11.2010
Making your site mobile-friendly - ThoughtWorks Manchester GeekNights 17.11.2010
 
Comp4010 Lecture7 Designing AR Systems
Comp4010 Lecture7 Designing AR SystemsComp4010 Lecture7 Designing AR Systems
Comp4010 Lecture7 Designing AR Systems
 
SparkUp 2010 Mobile UX 101
SparkUp 2010 Mobile UX 101SparkUp 2010 Mobile UX 101
SparkUp 2010 Mobile UX 101
 
The Glass Class Lecture 4: Concept Design Tools
The Glass Class Lecture 4: Concept Design ToolsThe Glass Class Lecture 4: Concept Design Tools
The Glass Class Lecture 4: Concept Design Tools
 
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
 
Fundamentals of Designing for Multiple Devices - GA, New York, 07 Oct 2013
Fundamentals of Designing for Multiple Devices - GA, New York, 07 Oct 2013Fundamentals of Designing for Multiple Devices - GA, New York, 07 Oct 2013
Fundamentals of Designing for Multiple Devices - GA, New York, 07 Oct 2013
 
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
 

Recently uploaded

如何办理(RUG毕业证书)格罗宁根大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(RUG毕业证书)格罗宁根大学毕业证成绩单本科硕士学位证留信学历认证如何办理(RUG毕业证书)格罗宁根大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(RUG毕业证书)格罗宁根大学毕业证成绩单本科硕士学位证留信学历认证
ugzga
 
Evaluating natural frequencies and mode shapes.pptx
Evaluating natural frequencies and mode shapes.pptxEvaluating natural frequencies and mode shapes.pptx
Evaluating natural frequencies and mode shapes.pptx
joshuaclack73
 
如何办理(Birmingham毕业证书)伯明翰大学学院毕业证成绩单本科硕士学位证留信学历认证
如何办理(Birmingham毕业证书)伯明翰大学学院毕业证成绩单本科硕士学位证留信学历认证如何办理(Birmingham毕业证书)伯明翰大学学院毕业证成绩单本科硕士学位证留信学历认证
如何办理(Birmingham毕业证书)伯明翰大学学院毕业证成绩单本科硕士学位证留信学历认证
ugzga
 
如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
ugzga
 
如何办理(UCI毕业证书)加利福尼亚大学尔湾分校毕业证成绩单本科硕士学位证留信学历认证
如何办理(UCI毕业证书)加利福尼亚大学尔湾分校毕业证成绩单本科硕士学位证留信学历认证如何办理(UCI毕业证书)加利福尼亚大学尔湾分校毕业证成绩单本科硕士学位证留信学历认证
如何办理(UCI毕业证书)加利福尼亚大学尔湾分校毕业证成绩单本科硕士学位证留信学历认证
ugzga
 
Resume all my skills and educations and achievement
Resume all my skills and educations and  achievement Resume all my skills and educations and  achievement
Resume all my skills and educations and achievement
210303105569
 
如何办理(UW毕业证书)华盛顿大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UW毕业证书)华盛顿大学毕业证成绩单本科硕士学位证留信学历认证如何办理(UW毕业证书)华盛顿大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UW毕业证书)华盛顿大学毕业证成绩单本科硕士学位证留信学历认证
ugzga
 
如何办理(UAL毕业证书)伦敦艺术大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UAL毕业证书)伦敦艺术大学毕业证成绩单本科硕士学位证留信学历认证如何办理(UAL毕业证书)伦敦艺术大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UAL毕业证书)伦敦艺术大学毕业证成绩单本科硕士学位证留信学历认证
ugzga
 
一模一样英国德比大学毕业证(derby毕业证书)本科学历-国外大学文凭办理
一模一样英国德比大学毕业证(derby毕业证书)本科学历-国外大学文凭办理一模一样英国德比大学毕业证(derby毕业证书)本科学历-国外大学文凭办理
一模一样英国德比大学毕业证(derby毕业证书)本科学历-国外大学文凭办理
thubko
 
NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...
NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...
NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...
Amil baba
 
NO1 Best Vashikaran Specialist in Uk Black Magic Specialist in Uk Black Magic...
NO1 Best Vashikaran Specialist in Uk Black Magic Specialist in Uk Black Magic...NO1 Best Vashikaran Specialist in Uk Black Magic Specialist in Uk Black Magic...
NO1 Best Vashikaran Specialist in Uk Black Magic Specialist in Uk Black Magic...
Amil baba
 
如何办理(UCL毕业证书)伦敦大学学院毕业证成绩单本科硕士学位证留信学历认证
如何办理(UCL毕业证书)伦敦大学学院毕业证成绩单本科硕士学位证留信学历认证如何办理(UCL毕业证书)伦敦大学学院毕业证成绩单本科硕士学位证留信学历认证
如何办理(UCL毕业证书)伦敦大学学院毕业证成绩单本科硕士学位证留信学历认证
ugzga
 
NO1 Best Best Black Magic Specialist Near Me Spiritual Healer Powerful Love S...
NO1 Best Best Black Magic Specialist Near Me Spiritual Healer Powerful Love S...NO1 Best Best Black Magic Specialist Near Me Spiritual Healer Powerful Love S...
NO1 Best Best Black Magic Specialist Near Me Spiritual Healer Powerful Love S...
Amil baba
 

Recently uploaded (20)

And that's about to change! (Service Design Drinks Berlin May 2024)
And that's about to change! (Service Design Drinks Berlin May 2024)And that's about to change! (Service Design Drinks Berlin May 2024)
And that's about to change! (Service Design Drinks Berlin May 2024)
 
GBU INDOOR STADIUM CASE STUDY DESCRIBING ITS STRUCTURE
GBU INDOOR STADIUM CASE STUDY DESCRIBING ITS STRUCTUREGBU INDOOR STADIUM CASE STUDY DESCRIBING ITS STRUCTURE
GBU INDOOR STADIUM CASE STUDY DESCRIBING ITS STRUCTURE
 
如何办理(RUG毕业证书)格罗宁根大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(RUG毕业证书)格罗宁根大学毕业证成绩单本科硕士学位证留信学历认证如何办理(RUG毕业证书)格罗宁根大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(RUG毕业证书)格罗宁根大学毕业证成绩单本科硕士学位证留信学历认证
 
Evaluating natural frequencies and mode shapes.pptx
Evaluating natural frequencies and mode shapes.pptxEvaluating natural frequencies and mode shapes.pptx
Evaluating natural frequencies and mode shapes.pptx
 
如何办理(Birmingham毕业证书)伯明翰大学学院毕业证成绩单本科硕士学位证留信学历认证
如何办理(Birmingham毕业证书)伯明翰大学学院毕业证成绩单本科硕士学位证留信学历认证如何办理(Birmingham毕业证书)伯明翰大学学院毕业证成绩单本科硕士学位证留信学历认证
如何办理(Birmingham毕业证书)伯明翰大学学院毕业证成绩单本科硕士学位证留信学历认证
 
如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
 
如何办理(UCI毕业证书)加利福尼亚大学尔湾分校毕业证成绩单本科硕士学位证留信学历认证
如何办理(UCI毕业证书)加利福尼亚大学尔湾分校毕业证成绩单本科硕士学位证留信学历认证如何办理(UCI毕业证书)加利福尼亚大学尔湾分校毕业证成绩单本科硕士学位证留信学历认证
如何办理(UCI毕业证书)加利福尼亚大学尔湾分校毕业证成绩单本科硕士学位证留信学历认证
 
Resume all my skills and educations and achievement
Resume all my skills and educations and  achievement Resume all my skills and educations and  achievement
Resume all my skills and educations and achievement
 
Naer VR: Advanced Research and Usability Testing Project
Naer VR: Advanced Research and Usability Testing ProjectNaer VR: Advanced Research and Usability Testing Project
Naer VR: Advanced Research and Usability Testing Project
 
如何办理(UW毕业证书)华盛顿大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UW毕业证书)华盛顿大学毕业证成绩单本科硕士学位证留信学历认证如何办理(UW毕业证书)华盛顿大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UW毕业证书)华盛顿大学毕业证成绩单本科硕士学位证留信学历认证
 
如何办理(UAL毕业证书)伦敦艺术大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UAL毕业证书)伦敦艺术大学毕业证成绩单本科硕士学位证留信学历认证如何办理(UAL毕业证书)伦敦艺术大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UAL毕业证书)伦敦艺术大学毕业证成绩单本科硕士学位证留信学历认证
 
BIT Khushi gandhi project.pdf graphic design
BIT Khushi gandhi project.pdf graphic designBIT Khushi gandhi project.pdf graphic design
BIT Khushi gandhi project.pdf graphic design
 
一模一样英国德比大学毕业证(derby毕业证书)本科学历-国外大学文凭办理
一模一样英国德比大学毕业证(derby毕业证书)本科学历-国外大学文凭办理一模一样英国德比大学毕业证(derby毕业证书)本科学历-国外大学文凭办理
一模一样英国德比大学毕业证(derby毕业证书)本科学历-国外大学文凭办理
 
NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...
NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...
NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...
 
CADD 141 - Puzzle Cube Project - Product Photos
CADD 141 - Puzzle Cube Project - Product PhotosCADD 141 - Puzzle Cube Project - Product Photos
CADD 141 - Puzzle Cube Project - Product Photos
 
NO1 Best Vashikaran Specialist in Uk Black Magic Specialist in Uk Black Magic...
NO1 Best Vashikaran Specialist in Uk Black Magic Specialist in Uk Black Magic...NO1 Best Vashikaran Specialist in Uk Black Magic Specialist in Uk Black Magic...
NO1 Best Vashikaran Specialist in Uk Black Magic Specialist in Uk Black Magic...
 
如何办理(UCL毕业证书)伦敦大学学院毕业证成绩单本科硕士学位证留信学历认证
如何办理(UCL毕业证书)伦敦大学学院毕业证成绩单本科硕士学位证留信学历认证如何办理(UCL毕业证书)伦敦大学学院毕业证成绩单本科硕士学位证留信学历认证
如何办理(UCL毕业证书)伦敦大学学院毕业证成绩单本科硕士学位证留信学历认证
 
NO1 Best Best Black Magic Specialist Near Me Spiritual Healer Powerful Love S...
NO1 Best Best Black Magic Specialist Near Me Spiritual Healer Powerful Love S...NO1 Best Best Black Magic Specialist Near Me Spiritual Healer Powerful Love S...
NO1 Best Best Black Magic Specialist Near Me Spiritual Healer Powerful Love S...
 
Latest Trends in Home and Building Design
Latest Trends in Home and Building DesignLatest Trends in Home and Building Design
Latest Trends in Home and Building Design
 
Spring Summer 2026 Inspirations trend book Peclers Paris
Spring Summer 2026 Inspirations trend book Peclers ParisSpring Summer 2026 Inspirations trend book Peclers Paris
Spring Summer 2026 Inspirations trend book Peclers Paris
 

Mobile UX - the intricacies of designing for mobile devices

  • 1. MOBILE USER EXPERIENCE the intricacies of designing for mobile devices Antony Ribot, CEO, Ribot UX Corner - 08.01.2009 http://www.flickr.com/taraethers
  • 2. First of all, some context BACKGROUND started at tomato (’99) then studied ants, bees and termites joined the mobile scene 5 years ago co-founded ribot 1.5 years ago ceo / art director
  • 3. Why does ribot exist? ribot = ideas lab for mobile UIs explore and play with interfaces in small spaces passion for pushing UI boundaries
  • 4. Personal definitions User experience Interaction the qualitative design emotional how the user description of interacts with the multiple interactions object with an object Method Relationship http://www.flickr.com/photos/ronlayters/586656022/
  • 5. Constraints of mobile THERE ARE MANY form factor battery network latency context input mechanism memory computational power
  • 8. The mobile environment IT’S LIKE MARS single early failure = non-returning user crucial first 30-60 seconds usage
  • 9. Mars, Neptune, Pluto... THE ENVIRONMENT DIFFERS, DEPENDING ON WHERE YOU ARE user behaviour handset range operators data allowance / pricing e.g. South Africa, Europe, Japan...
  • 10. Time for a snack... DATA-SNACKING small snippets of info 30-60 seconds simple, but repetitive regular
  • 11. 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/
  • 13. Mobile is not about making things smaller Miniaturisation Mobilisation vs http://mobilewebbook.com http://www.flickr.com/photos/tridi_animeitor/2224661744/
  • 14. It’s all about the subtleties Fewer options = simple and more effective interface Polish makes the UX and app stand out
  • 15. Default states in a UI Grid menus and lists Most important function highlighted? Maximise number of options a click away http://flickr.com/photos/moonypics/2130645953/
  • 16. Faking it Low latency is key to the user experience... ...especially with touch devices Make immediate visual changes... ...whilst we wait for network/other process http://flickr.com/photos/rabataller/638250907/
  • 18. 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/
  • 19. Opera Mini A REWARD-BASED MOBILE BROWSER page by page scrolling
  • 20. Opera Mini A REWARD-BASED MOBILE BROWSER Short-cuts in the soft key menu
  • 22. Mobile UX - the easier path Workshop Idea exploration Paper wireframes Formalised digital wireframes User/expert testing Aesthetic concepts Screen design Rapid prototype Docs Motion design Art direction http://www.flickr.com/photos/bbsc30/168832715/
  • 23. 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/
  • 24. Why use rapid prototyping test ideas quickly in a tangible environment extremely useful reference for developers an interactive showcase of the intended UX
  • 25. Mobile rapid prototyping tools Flash (lite v3.0) XHTML + CSS Nokia Web Runtime Silverlight Dashcode Pen & paper http://www.flickr.com/photos/brianauer/2249169858/
  • 26. Questions Antony Ribot ribot.co.uk http://www.flickr.com/photos/ronlayters/2402199783/

Editor's Notes

  1. move things along little by little
  2. Note: Constraints make mobile interesting. A challenge.
  3. If you're not aware of the constraints, the UX will be poor.
  4. [Note - do mobile users have shorter attention spans?]
  5. e.g. In SA, most people have very limited data connections. Mixit
  6. Like a large bag of chocolate buttons
  7. Motorola
  8. Exit, Quit,
  9. Miniaturisation (shrinking things down)
  10. Mobilisation (process of selecting the features most important to the user given the mobile context) vs
  11. minimising the number of subconscious questions the user needs to make
  12. super simple, but so few design this
  13. (all the time, we are building a relationship with the user)