Mobile UX 101 @ Flash Camp Manchester

Mobile User Experience 101 the current state of Mobile UX on touchscreen devices FlashCamp Manchester 2010 - 08.07.2010 Antony and Jerome, Co-founders, Ribot

PART 1 Introduction

a little bit about us

This is the most important session today

PART 2 Lets get started

Analogue to Digital to Human INTERACTIONS photo source: http://www.ﬂickr.com/photos/josefstuefer/18697485/

Who wants a challenge? MOBILE UX DESIGNERS! Pressure Accelerometer Time of day Gesture Microphone Haptics ... photo source: http://www.ﬂickr.com/photos/dunechaser/174945526

Constraints

Constraints of mobile THERE ARE MANY! form factor battery network latency context input mechanism memory computational power

Context of use

PART 3 The platforms

WebOS Symbian Android iPhone/iPad MeeGo Windows Mobile Mobile web...

2.8 Developer Economics Report 2010, Telefonica

http://www.visionmobile.com

Windows mobile is dead

Windows Phone 7 Panoramic experiences

Inspired by transportation graphics

PART 4 A few statistics...

1 in 7 phones are returned BACK TO THE SUPPLIER Source: 2005 Which report (UK study) photo source: http://www.ﬂickr.com/photos/andricongirl/4567650298/

Source: http://www.wdsglobal.com/news/whitepapers/20060717/MediaBulletinNFF.pdf 63% of returned phones have no hardware/software faults SO, WHAT’S THE PROBLEM? Handset conﬁguration / settings issue Struggling with functionality / usability of device Device did not meet expectations photo source: http://www.ﬂickr.com/photos/tom_lin/3208454911/

Source: http://www.btplc.com/inclusion/Usefuldownloads/index.htm#designs Massive market for usable phones & apps YOU NEED TO DESIGN ‘INCLUSIVELY’ By 2020, over half of the UK population will be > 65 1 in 3 Europeans can beneﬁt from an inclusive approach 65% of americans have lost interest due to complexity photo source: http://www.elmbrook.org/UserFiles/Image/Volunteer%20Opportunities/Elderly%20Hands.jpg

photo source: http://www.ﬂickr.com/photos/fotopakismo/1071787439 How do you feel today?

PART 5 Behaviours

human behaviours understand the behaviours what ﬁnger do we use to press the doorbell with? http://www.ﬂickr.com/photos/tscarlisle/107776922/

(changing) human behaviours understand the behaviours what ﬁnger does the younger market press the doorbell with? http://www.ﬂickr.com/photos/phototropism/62931265/

Time for a snack... DATA-SNACKING small snippets of info 30-60 seconds simple, but repetitive regular

Snack duration changing...

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.ﬂickr.com/photos/8586443@N03/1491516038/

More than just a phone WAKE UP CANON & NIKON Source: http://www.ﬂickr.com/cameras/

PART 6 Other things to consider...

Mobile is not about making things smaller Miniaturisation vs Mobilisation http://mobilewebbook.com http://www.ﬂickr.com/photos/tridi_animeitor/2224661744/

Simpler interfaces are better Minimise the subconscious questions Balance efﬁciency, effectiveness & satisfaction Improve glance-ability photo source: http://www.ﬂickr.com/photos/lagiuspo/92136687/

Simpler != dumb JUST REMEMBER TO FOCUS ON THE CORE FUNCTION an eReader app should focus on the ‘reading experience’ photo source: http://www.ﬂickr.com/photos/lagiuspo/92136687/

Think twice about your audience IT PAYS TO DO YOUR HOMEWORK Analytics Network provider Device platforms Devices Firmware versions etc... photo source: http://www.ﬂickr.com/photos/thomashawk/155918164/

PART 7 Future thoughts...

A task-centric future

People-ﬁrst experiences

PART 8 The UI

Touch targets

Bad touch targets

Good touch targets

Gestures

PART 9 Wrapping up

Make the most of your platform

The little things count Polish makes the UX and app stand out photo source: http://www.ﬂickr.com/photos/tom_lin/3186488124/

Passion “We haven’t worked in 3 years” Be curious. Question everything photo source: http://www.ﬂickr.com/photos/taraethers/

thank you @ribot http://www.ﬂickr.com/photos/ronlayters/2402199783/

Mobile UX 101 @ Flash Camp Manchester

by Antony Ribot

Accessibility

Categories

Upload Details

Usage Rights

Statistics

Mobile UX 101 @ Flash Camp Manchester Presentation Transcript