SparkUp 2010 Mobile UX 101

The future of mobile UX improving mobile experiences for everyone SparkUp 2010 - 25.05.2010 Antony, Co-founder, Ribot

ﬁrst, some context... photo source: http://www.ﬂickr.com/photos/remik78/3647335295/

Poles prefer the mobile web over newspapers AND THEY’RE THE HIGHEST MOBILE WEB USERS IN EUROPE! Source: http://www.eiaa.net/news/eiaa-articles-details.asp?id=216&lang=1

a little bit about me

The mobile landscape AS OF MAY 2010

Smartphone sales

The iPhone educated the masses Wow, look at Symbian!

App store wars A GAME OF NUMBERS? Source: Distimo

Android overtakes iPhone This is just the start... Source: Distimo

onto some observations... photo source: http://www.ﬂickr.com/photos/didmyself/3348346351/

Mobile is the primary method of accessing the internet IN SOUTH AFRICA. OTHER COUNTRIES WILL FOLLOW SUIT. Source: ITU report photo source: http://www.ﬂickr.com/photos/8628950@N06/2145430339/

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 BUT WHICH IS MOST IMPORTANT? form factor battery network latency context input mechanism memory computational power

Context of use

understand the behaviours photo source: http://www.ﬂickr.com/photos/didmyself/3099974216/

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

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 photo source: http://www.ﬂickr.com/photos/brianjmatis/4149696324/

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

mobile guidelines photo source: http://www.ﬂickr.com/photos/didmyself/3348346873/

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/

Simple functional example IT’S YOUR TURN TO MAKE THE TEA source: tea round iPhone app

Don’t forget the website FOR MARKETING AND SUPPORT photo source: tearoundapp.com

Complex interface JUST REMEMBER TO FOCUS ON THE CORE FUNCTION Too many elements Poor information hierarchy Functional uncertainty Buttons generally far too small Source: http://www.ﬂickr.com/photos/gruber/2635257578/

Make the most of your platform

The native debate WITH MOBILE WEB Native Mobile web Rich Functional Rewrite Tweak All-you-can-eat APIs Reduced function set App store discovery Web discovery

The blurred reality BETWEEN NATIVE & MOBILE WEB Hardware-accelerated CSS Access to richer APIs Ofﬂine storage Chromeless experience

Native vs Mobile Web The Facebook home screen

Native vs Mobile Web The Facebook contact list

Native vs Mobile Web TWITTER ON IPHONE

Native vs Mobile Web Marbles^2 (by Remy Sharp) - Marbles2.com

Is it possible to make money on the Mobile Web? photo source: http://www.ﬂickr.com/photos/tom_lin/3205617022

Flirtomatic A MOBILE WEB SUCCESS $15M rev, $12 a mth 175k paying customers

Apps are just posh bookmarks IT’S ALL ABOUT SCREEN ESTATE photo source: http://www.ﬂickr.com/photos/carlotardani/3155442938

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/

time for some stats

source: http://www.agribusinessonline.com/stats/ Poland is the 3rd biggest exporter of cherries to the USA (DATA FROM 2003) photo source: http://www.ﬂickr.com/photos/dudleycarr/3668145869

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/

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 Source: http://www.btplc.com/inclusion/Usefuldownloads/index.htm#designs photo source: http://www.elmbrook.org/UserFiles/Image/Volunteer%20Opportunities/Elderly%20Hands.jpg

What happened to Microsoft? photo source: http://www.ﬂickr.com/photos/didmyself/3099140737

Windows mobile is dead. STOP. NOW! Nasty Broken App Store Broken UX Keep away... photo source: http://www.ﬂickr.com/photos/perspective23/3677677277/

Windows mobile is dead.

Windows Mobile is dead. Long live Windows Phone 7! THE BAR IS ABOUT TO BE RAISED UX comes ﬁrst OS built from scratch Discoverability ﬁxed Focus on quality rather than quantity

Windows Mobile is dead. Long live Windows Phone 7! THE BAR IS ABOUT TO BE RAISED photo source:

and to ﬁnish...

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

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

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

dziękuję bardzo! @ribot photo source: http://www.ﬂickr.com/photos/mr_t_in_dc/3526644413/

SparkUp 2010 Mobile UX 101

by Antony Ribot on Jun 04, 2010

Accessibility

Categories

Tags

Upload Details

Usage Rights

1 Embed 21

Statistics

SparkUp 2010 Mobile UX 101 — Presentation Transcript