Mobile Apps - World Usability Day 2009


Published on

Published in: Design, Technology
1 Like
  • Be the first to comment

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Mobile Apps - World Usability Day 2009

  1. 1. It&apos;s all about the apps:  Smartphone Apps Overview  <br />Rich Miller<br />Research Scientist , LexisNexis<br /> World Usability Day - November 12, 2009<br />Note: This PPT is designed to be used both as a presentation and reference, so much of the detail is for reference mode, but feel free to contact Rich Miller for more detail –<br />Slides will be available at<br />
  2. 2. Agenda<br />Introduction to smartphones and apps<br />App design challenges and guidelines<br />Example apps and design characteristics<br />Live iphone app demos<br />15 apps in 15 minutes (approximately)<br />Q & A<br />2<br />
  3. 3. early visions of mobile computingt<br />3<br />
  4. 4. Smartphone, App Basics<br />Smartphones<br />Mobile phones with advanced capabilities<br />Essentially pocket computers<br />Phone just onefunction among a growing number of capabilities.<br />Smartphones are increasingly subsuming most other “gadgets”<br />iphone and blackberry most prevalent in U.S.<br />Late entries (Google Android, Palm Pre) face uphill climb<br />In UK/Europe, Nokia dominates at least “basic mobile”<br />Apps<br />A program that runs on a hand-held device<br />Mobile apps are smaller in scope, more targeted to a task<br />Very much like widgets<br />Difference between “loaded app” and “mobile-enabled site”<br />App = mini-program residing on the device, internet connection not necessarily required<br />mobile-enabled site = web site with specially-formatted pages, called “web apps” by Apple.<br />4<br />
  5. 5. What’s the big deal about smartphones?<br />They represent a tipping point in computing<br />Ubiquity and convenience changing the landscape<br />Mobile computing becoming next big wave of change<br />Having one is truly life-changing<br />you’ll understand when you get one<br />Smartphoneshave “sensing” capabilities<br />Seeing through camera, Hearing through microphone<br />Multi-touch interfaces – tap and gesture<br />Sense Orientation in space – tilting, pointing<br />Geographic location - GPS<br />Sensing makes mobile devices more intelligent<br />A world full of devices sucking up data into the internet!<br />They run apps, making a smartphone a portable, virtually unlimited information/media tool set.<br />5<br />
  6. 6. What’s so special about the iphone?<br />They are immensely popular (and sometimes required)<br />Despite the high cost and lack of network choice<br />Dramatically influential and “game-changing”<br />New user interaction &gt; fingers-based “multi-touch” paradigm<br />Superior integration and design – both hardware and sw<br />digital swiss army knife<br />remote controls” for various aspects of life<br />The cool factor – almost-mesmerizing impact<br />Anyone who borrows, experiences one , wants one<br />Development toolkit makes it easy to build apps<br />Owners constantly use them, brag about them, show them off<br />6<br />
  7. 7. Apps create new set of behaviors<br />Settle arguments, satisfy curiosity<br />Socialize from anywhere (never be alone)<br />Never be bored, or socially awkward, again<br />Talk to apps, not just your phone<br />Capture info - taking pics, recording sounds, etc.<br />Don’t get lost as much – navigation support<br />Remember things, be more organized<br />Interstitial, workflow-moving tasks<br />Return of the 1960’s handheld radio<br />7<br />
  8. 8. iphone app wall <br />A subset of the more than 100,000 apps in the App Store<br />50K in July last time I showed this slide!<br />8<br />
  9. 9. Apps observations and trends<br />App store model has been extremely successful<br />Can anyone catch up with Apple and its 100K apps?<br />Android now up to 10K apps, Blackberry 2K.<br />Customer comments are powerful<br />They can make or break an app<br />Distributions can be bimodal – love it or hate it.<br />Most apps are &lt; $10, though some can be “expensive”<br />e.g. $40 for law school flashcards, $50 for Black’s Law Dictionary<br />Increasingly more apps for professional space<br />Other Observations<br />Most popular apps more for social/play than job/productivity<br />A paid app being more popular than free apps is a good sign<br />9<br />
  10. 10. Apps landscape<br />Social<br />Life/style<br />Games<br />Reference/Prod/Edu/Finance<br />Entertain/Sports/Music/etc<br />News<br />work<br />docs to go<br />LN get-a-case<br />CA case law<br />simplemind<br />black’s law<br />dictionary<br />fedregcivpro<br />evernote/shovebox<br />bloomberg<br />linkedIn<br />patents<br />epocrates<br />photoshop<br />bump<br />Wolfram alpha<br />gmail/cal/tasks…<br />3D brain<br />wikipanion<br />Autodesk sketchbook and whiteboard apps<br />newyorktimes<br />usatoday<br />abcnews<br />google mobile<br />weather channel<br />kayak<br />google maps<br />huffpost/drudge<br />ibird<br />shazam<br />mediafly<br />zillo<br />amazon<br />joost<br />facebook<br />kindle<br />reader<br />milesplit<br />ESPN<br />banjo hoedown<br />target/walmart<br />flixster<br />louvre<br />madden <br />football<br />tap tap<br />revenge<br />rock<br />band<br />comics<br />pandora/lastfm<br />play<br />consume<br />create<br />
  11. 11. Sensing apps<br />Shazam – recorded music<br />Camera/evernote/etc. – images<br />Neoreader – bar codes<br />Recorder/evernote – sounds<br />Google earth/maps – geo-position<br />Free wifi – wifi networks<br />image + place + time<br />Eaton, OH<br />9/19/2009<br />12:31 p.m.<br />11<br />
  12. 12. Mobile design/usability challenges<br />Striking balance between space/simplicity and feature set size<br />Integrating with existing/related products<br />how does it fit into existing toolset/suite?<br />intelligent “chaining” of apps, e.g. google mobile &gt; safari<br />Adapting to the human pointing device (the finger)<br />ANY finger preferable to the dreaded stylus.<br />Adapting to no multitasking (at least iphone)<br />importance of saving state; fast app loading<br />Performance –network speed more forgiven than app-loading speed<br />network may not be fully ready for video<br />App management – iphone system too shallow<br />Readability and posture issues<br />Shorter width is actually better for reading<br />the hunchback thing can’t be good!<br />12<br />
  13. 13. Guidelines for mobile app design<br />Follow mobile design conventions (formal or de-facto)<br />Break suites/apps/icontent into manageable chunks<br />Don’t try to cram a browser app into a mobile app<br />Keep it simple, nimble, and quick<br />“Figure out the absolute least you need to do to implement the idea, do just that, and then polish the hell out of the experience.” – more<br />Take advantage of mobile interaction features<br />Tapping, flipping, shaking, turning, GPS, <br />Favor tapping over scrolling<br />Support workflow stimulating tasks<br />Remember Fitts’ Law – make targets sufficiently large and apart<br />Don’t waste screen space on superfluous elements<br />Use transparent menus - See Tufteiphone video<br />Encourage homescreen shortcuts to web pages (e.g. icons)<br />Don’t invite users to hammer you in the itunes comments<br />See more at Smashing Magazine, squidoo, Apple, Microsoft<br />13<br />
  14. 14. What mobile apps mean for design in general<br />Gesture, voice interactions and other design techniques spread to other platforms<br />Focus on simplicity, efficiency, de-featuring<br />Similar to how browser-based design informed desktop-application design<br />Increased focus on collaboration<br />Many mobile tasks highly collaborative<br />Sensing capabilities spread to static devices<br />14<br />
  15. 15. Study: Mobile usage in law schools<br />3 phases<br />Spring: interviews about mobile usage (April 2009)<br />Summer: create and mock up application concepts<br />Fall: return to students for feedback on concepts<br />Particular focus on the iphone, given its popularity and influence on interaction design<br />Phase 1 interviews were open-ended, qualitative and aimed at… <br />…understanding how mobile devices affected student work patterns<br />…identifying opportunities for creating mobile offerings<br />Phase3 in process…<br />15<br />
  16. 16. The Students<br /><ul><li>U of Dayton
  17. 17. U of Michigan
  18. 18. Indiana U</li></ul>16<br />
  19. 19. smartphone tour/demo<br />Each student provided a 2-4 minute tour/demo of their smartphone…<br />17<br />
  20. 20. LexisNexis “get-a-case” app<br />18<br />
  21. 21. Legal reference - The law pod<br />Federal Rules of… <br />Civil Procedure<br />Criminal Procedure<br />Appellate Procedure<br />Bankruptcy<br />Evidence<br />U.S. Constitution<br />bimodal comment distributions not uncommon<br />19<br />
  22. 22. Legal reference - California Law<br />20<br />
  23. 23. Cliff Maier patents reference<br />Data screen-scraped from USPTO site<br />21<br />
  24. 24. Black’s Law Dictionary (West)<br />22<br />
  25. 25. Reed Elsevier Proprietary & Confidential<br />Medical - Epocrates<br />23<br />
  26. 26. Reed Elsevier Proprietary & Confidential<br />Medical - Netter Anatomy Flash Cards<br />24<br />
  27. 27. Reed Elsevier Proprietary & Confidential<br />MedSci - Papers<br />25<br />
  28. 28. Wolfram Alpha<br />26<br />$50!<br />
  29. 29. Productivity - Documents to Go<br />27<br />
  30. 30. Capture & Organize - Evernote/shovebox/etc.<br />28<br />
  31. 31. Travel info-seeking - Kayak<br />29<br />
  32. 32. Craigs’ List<br />30<br />
  33. 33. Congress – example of “trading-card” like app<br />Apps a good fit for finite sets of discrete “information objects”<br />31<br />
  34. 34. iBird – more “trading cards”<br />32<br />
  35. 35. Using Visuals - World Factbook<br />33<br />
  36. 36. Using Visuals - Starmap Pro<br />34<br />
  37. 37. Entertainment as design pioneer- ESPN Scorecenter, Mobile Web<br />Good example of visualization on mobile device<br />35<br />
  38. 38. Games – Madden Football<br />36<br />
  39. 39. Games - Rock Band, Tap Tap Revenge<br />37<br />
  40. 40. iphone demos – 15 apps in 15 mins!<br />Social – linkedin<br />Life/style – kayak, zillow<br />Ref/prod/edu/fin – LN get-a-case, patents, simplemind, evernote, wikipanion, autodesk sketchbook, google mobile<br />News – usatoday<br />Ent/sports/music/etc – lastfm, milesplit, louvre<br />Games – madden football<br />38<br />
  41. 41. Apps landscape<br />Social<br />Life/style<br />Games<br />Reference/Prod/Edu/Finance<br />Entertain/Sports/Music/etc<br />News<br />work<br />LN get-a-case<br />simplemind<br />evernote<br />linkedIn<br />patents<br />wikipanion<br />Autodesk sketchbook<br />usatoday<br />google mobile<br />kayak<br />zillo<br />milesplit<br />louvre<br />madden <br />football<br />lastfm<br />play<br />consume<br />create<br />
  42. 42. Questions?<br />Q&A now<br />Feel free to catch me later today<br />future<br /><br /><br /><br />40<br />