1 / 39

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. Market Evolution. Sweet Spot. Adapted from Bill Moggridge & Jan Borchers. Mobile Phone Types.

lillith-gray
Download Presentation

Usability in Mobile Applications

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Usability in Mobile Applications BRUNO FIGUEIREDO the_ml

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

  3. Market Evolution Sweet Spot Adapted from Bill Moggridge & Jan Borchers

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

  5. Mobile Web Sites moritz™

  6. Screen Resolution and Formats dotMobi

  7. Mobile Development Languages Wikipedia

  8. Regular Web, Mobile version

  9. Auntie P

  10. Mobile Web

  11. Main Mobile Browsers Pocket Internet Explorer Opera Mobile Safari Mobile

  12. Hub and Spoke Home

  13. Simple Hierarchy

  14. Clickstream Brian Fling

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

  16. Optimized Degradation Normal Without CSS

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

  18. Forms

  19. Shortcut Keys

  20. 7 The Magic Number (+ or – 2) George Miller

  21. Good Practices • Easy to type addressesm.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

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

  23. Mobile Applications Tim Caynes

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

  25. Numeric Keyboard and Joystick liewcf

  26. Half Keyboard and Ball StarrGazr

  27. Cursor Keys KhE 龙

  28. Touchscreen (Multi-touch) Crouching Donkey

  29. Full Keyboard and Touchscreen

  30. Card Stack Screens with subtle animations

  31. Two Panels List + Detail

  32. Fisheye Lens

  33. Distortion Lens

  34. PredictiveText

  35. Availability Restrictions

  36. Progressive Filtering

  37. Rapid Serial Visual Presentation 50 miliseconds Robert Spencer

  38. Good Practices • Optimize interaction for the target devicestylus based, small targets; finger based, big targets3D look and feel for touchscreen interfaces • Minimize data entry • Optimize content presentationemphasize what’s being seen/manipulated • Provide shortcuts for experienced users 1 2 3 4 5

  39. Thank you bruno.figueiredo@gmail.com gailjadehamilton

More Related