Usability In Mobile Applications

Usability in Mobile Applications BRUNO FIGUEIREDO the_ml

Europe: 90.9% have a mobile 41% worldwide (2,67 billion) ██ 120% > ██ 100-120% ██ 80-100% ██ < 80% wikipedia

Adapted from Bill Moggridge & Jan Borchers Market Evolution Sweet Spot

PDAs Keyboard, Touchscreen Mobile Phone Types dotMobi Feature Phones Phone, SMS, Internet Smart Phones Applications

Mobile Web Sites moritz™

Screen Resolution and Formats dotMobi

Mobile Development Languages Wikipedia

Regular Web, Mobile version

Auntie P

Mobile Web

Main Mobile Browsers Pocket Internet Explorer Opera Mobile Safari Mobile

Hub and Spoke Home

Simple Hierarchy

Clickstream Brian Fling

Home Heading Navigation Footer Section 2 Highlights Section 1 Highlights Section 1 Heading Navigation Footer Content Section 2 Heading Navigation Footer Content Aux. Section Heading Navigation Footer Content Recomended Structure

Optimized Degradation Normal Without CSS

Horizontal Lines and Breadcrumbs Optimized for vertical navigation Breadcrumbs: only useful for more than 3 levels deep

Shortcut Keys

The Magic Number (+ or – 2) George Miller

Good Practices
Easy to type addresses m.site.com or site.mobi instead of www.site.com/mobile
Specialized mobile versions
Simple, shallow navigation structures
Useful and simplified content on every page not just navigation
Optimize for degradation
1 2 3 4 5

Good Practices
Layout links vertically
Avoid repetitive data entry passwords are hard to type
Simplify forms (with clear buttons)
Provide shortcuts
Minimize the (yet short) bandwidth use
6 7 8 9 10

Mobile Applications Tim Caynes

Main Mobile Platforms Symbian 65% Windows Mobile 12% BlackBerry 11% iPhone 7%

liewcf Numeric Keyboard and Joystick

StarrGazr Half Keyboard and Ball

KhE 龙 Cursor Keys

Crouching Donkey Touchscreen (Multi-touch)

Full Keyboard and Touchscreen

Card Stack Screens with subtle animations

Two Panels List + Detail

Fisheye Lens

Distortion Lens

Predictive Text

Availability Restrictions

Progressive Filtering

Rapid Serial Visual Presentation 50 miliseconds Robert Spencer

Good Practices
Optimize interaction for the target device stylus based, small targets; finger based, big targets 3D look and feel for touchscreen interfaces
Minimize data entry
Optimize content presentation emphasize what’s being seen/manipulated
Provide shortcuts for experienced users
1 3 4 5 2

[email_address] Thank you gailjadehamilton

http://www.m-learning.org	1382
http://econsultancy.com	258
http://www.mobileapptesting.com	167
http://www.usercentered.de	79
http://www.slideshare.net	37
http://fotispanagopoulos.weebly.com	26
http://translate.googleusercontent.com	25
url_unknown	7
http://www.mlearning.org	7
https://jujo00obo2o234ungd3t8qjfcjrs3o6k-a-sites-opensocial.googleusercontent.com	6
http://static.slidesharecdn.com	3
http://m.m-learning.org	2
http://webcache.googleusercontent.com	2
http://unttld.co.uk	1

Usability In Mobile Applications

by Bruno Figueiredo on Nov 06, 2009

Accessibility

Categories

Tags

Upload Details

Usage Rights

14 Embeds 2,002

Statistics

Usability In Mobile Applications — Presentation Transcript