Introduction to Mobile 2.0  and Handset UX Trends: 2009-2010 Prepared for: NCS Public Presentation 23 March 2009 Prepared ...
Not Mobile 2.0
Not Mobile 2.0
Not Mobile 2.0
Not Mobile 2.0
Not Mobile 2.0
Not Mobile 2.0
Mobile 2.0 <ul><li>Social Components </li></ul><ul><ul><li>Networking </li></ul></ul><ul><ul><li>Chat, instant messaging, ...
Usability <ul><li>Ease of use </li></ul><ul><li>By design </li></ul><ul><ul><li>Know your user </li></ul></ul><ul><ul><li>...
Mobile + Social Networking = ?
Mobile Products in the Market <ul><li>Nokia’s Ovi </li></ul><ul><li>Google’s Dodgeball </li></ul><ul><li>Facebook Mobile <...
Mobile Facebook  <ul><li>Three UI’s available: </li></ul><ul><ul><li>Mobile application (native) </li></ul></ul><ul><ul><l...
Mobile Facebook  <ul><li>Three UI’s available: </li></ul><ul><ul><li>Mobile application (native) </li></ul></ul><ul><ul><l...
Mobile Facebook  <ul><li>Three UI’s available: </li></ul><ul><ul><li>Mobile application (native) </li></ul></ul><ul><ul><l...
Gypsii <ul><ul><li>Downloaded the link to my Blackberry </li></ul></ul><ul><ul><li>Couldn’t log in... </li></ul></ul>Gypsi...
MyGamma Sign Up Content Sample <ul><ul><li>Signup was straightforward </li></ul></ul><ul><ul><li>First step was to text ‘G...
Mobile Social 2.0 Tips <ul><li>Focus on the user experience  first </li></ul><ul><ul><li>What do mobile users want from a ...
Localised Content and Usability Relying on today’s slow and unreliable GPS can be frustrating for the user <ul><ul><li>Som...
A Particularly Good Example: AroundMe
A Particularly Good Example: AroundMe
A Particularly Good Example: AroundMe
A Particularly Good Example: AroundMe
A Particularly Good Example: AroundMe
A Particularly Good Example: AroundMe
A Particularly Good Example: AroundMe
A Particularly Good Example: AroundMe
A Particularly Good Example: AroundMe
A Particularly Good Example: AroundMe
AJAX and Usability Wizzy graphics and animation can hide deeper usability weaknesses
Pinch & Stretch Nightmare
Inconsistent UI <ul><li>“ Back button” functionality inconsistently available </li></ul><ul><li>Contact editibility only o...
WebKit <ul><li>http://webkit.org/ </li></ul><ul><li>Used as the browser foundation by Safari, Nokia, Android... </li></ul>...
The WURFL: Wireless Universal Resource File <ul><li>http://wurfl.sourceforge.net/ </li></ul><ul><li>XML configuration file...
dotMobi <ul><li>Mobile domain to support XHTML sites that conform to the .mobi standard </li></ul><ul><li>At its heart, a ...
Touch <ul><li>2008 was the year of the bad touch screen phone. </li></ul><ul><li>2009 is the year of the iPhone knockoff.....
The Return of the QWERTY Keypad <ul><li>As consumers get tired of bad touch screens, QWERTY phones will pick up demand. </...
Touch Screen, Track Ball, & Joystick <ul><li>Allow one-handed single-mode use to place or answer a call. </li></ul><ul><li...
Animation & Sexy Graphics <ul><li>The iPhone and competitors use sexy transitions and animations to cover up an underlying...
Bigger, Better Cameras <ul><li>5-megapixel standard, 8-megapixel not unusual </li></ul><ul><li>Autofocus </li></ul><ul><li...
Hiding the Underlying OS <ul><li>Popular press criticise HTC handsets for not hiding Windows Mobile enough... </li></ul><u...
Application Stores <ul><li>Apple pioneered the mobile-accessed application store. </li></ul><ul><li>Google’s Android and R...
The End of Pink Phones <ul><li>We can all breathe a sigh of relief. </li></ul>
Music, Finally Well-Done <ul><li>Music stores on the phones are a promising user experience opportunity. </li></ul><ul><li...
Mapping & Location Awareness to a New Level <ul><li>Presence, direction, speed, all coming to phones in 2009. </li></ul><u...
HFI’s Global Offices Headquarters   410 West Lowe Fairfield, IA 52556  Phone: (800) 242-4480 (641) 472-4480  Fax: (641) 47...
Upcoming SlideShare
Loading in …5
×

Singapore Mobile 2.0 & Ux Trends 2009: Scott Weiss

1,142 views

Published on

Presentation slides from Scott's seminar in Singapore on March 23 2009.

Published in: Technology, Business
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,142
On SlideShare
0
From Embeds
0
Number of Embeds
19
Actions
Shares
0
Downloads
59
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Singapore Mobile 2.0 & Ux Trends 2009: Scott Weiss

  1. 1. Introduction to Mobile 2.0 and Handset UX Trends: 2009-2010 Prepared for: NCS Public Presentation 23 March 2009 Prepared by: Scott Weiss, Executive Director
  2. 2. Not Mobile 2.0
  3. 3. Not Mobile 2.0
  4. 4. Not Mobile 2.0
  5. 5. Not Mobile 2.0
  6. 6. Not Mobile 2.0
  7. 7. Not Mobile 2.0
  8. 8. Mobile 2.0 <ul><li>Social Components </li></ul><ul><ul><li>Networking </li></ul></ul><ul><ul><li>Chat, instant messaging, commenting... </li></ul></ul><ul><ul><li>Uploading photos and text (user-generated content) </li></ul></ul><ul><ul><li>Presence </li></ul></ul><ul><li>Localised Content </li></ul><ul><ul><li>Awareness of place </li></ul></ul><ul><ul><li>Sharing of place content </li></ul></ul><ul><li>AJAX </li></ul><ul><ul><li>Highly interactive widgets </li></ul></ul><ul><ul><li>Animation </li></ul></ul><ul><ul><li>Exact placement of graphics & widgets </li></ul></ul><ul><ul><li>“ Same page” UI (rather than lots of round-trips) </li></ul></ul>
  9. 9. Usability <ul><li>Ease of use </li></ul><ul><li>By design </li></ul><ul><ul><li>Know your user </li></ul></ul><ul><ul><li>Iterate designs before coding them </li></ul></ul><ul><li>By research </li></ul><ul><ul><li>Ask users what they like and do not like about your concept </li></ul></ul><ul><ul><li>Prototype the concept </li></ul></ul><ul><ul><li>Ask users to do things with the prototype </li></ul></ul><ul><ul><li>Observe their struggle and iterate the designs </li></ul></ul>
  10. 10. Mobile + Social Networking = ?
  11. 11. Mobile Products in the Market <ul><li>Nokia’s Ovi </li></ul><ul><li>Google’s Dodgeball </li></ul><ul><li>Facebook Mobile </li></ul><ul><ul><li>Mobile web, SMS, and photo upload features </li></ul></ul><ul><li>MySpace </li></ul><ul><li>Gypsii </li></ul><ul><ul><li>gypsii.com/m </li></ul></ul><ul><ul><li>Windows Mobile, Blackberry, and S60-based location-aware social networking </li></ul></ul><ul><li>BuzzCity’s MyGamma </li></ul><ul><ul><li>http://mygamma.com/ </li></ul></ul><ul><ul><li>WAP-enabled mobile social networking </li></ul></ul>
  12. 12. Mobile Facebook <ul><li>Three UI’s available: </li></ul><ul><ul><li>Mobile application (native) </li></ul></ul><ul><ul><li>Mobile web site </li></ul></ul><ul><ul><li>Full web site, adapted to mobile </li></ul></ul><ul><li>Mobile (native): </li></ul><ul><li>Attractive/clean </li></ul><ul><li>Out of date with Facebook account </li></ul><ul><li>No stickiness </li></ul><ul><li>Mobile Web: </li></ul><ul><li>Straightforward, sloppy </li></ul><ul><li>Fewer features than desktop site </li></ul><ul><li>No advertising </li></ul><ul><li>Desktop Adapted: </li></ul><ul><li>Messy, with high graphics </li></ul><ul><li>Most desktop features </li></ul><ul><li>Full advertising </li></ul>
  13. 13. Mobile Facebook <ul><li>Three UI’s available: </li></ul><ul><ul><li>Mobile application (native) </li></ul></ul><ul><ul><li>Mobile web site </li></ul></ul><ul><ul><li>Full web site, adapted to mobile </li></ul></ul><ul><li>Mobile (native): </li></ul><ul><li>Attractive/clean </li></ul><ul><li>Out of date with Facebook account </li></ul><ul><li>No stickiness </li></ul><ul><li>Mobile Web: </li></ul><ul><li>Straightforward, sloppy </li></ul><ul><li>Fewer features than desktop site </li></ul><ul><li>No advertising </li></ul><ul><li>Desktop Adapted: </li></ul><ul><li>Messy, with high graphics </li></ul><ul><li>Most desktop features </li></ul><ul><li>Full advertising </li></ul>
  14. 14. Mobile Facebook <ul><li>Three UI’s available: </li></ul><ul><ul><li>Mobile application (native) </li></ul></ul><ul><ul><li>Mobile web site </li></ul></ul><ul><ul><li>Full web site, adapted to mobile </li></ul></ul><ul><li>Mobile (native): </li></ul><ul><li>Attractive/clean </li></ul><ul><li>Out of date with Facebook account </li></ul><ul><li>No stickiness </li></ul><ul><li>Mobile Web: </li></ul><ul><li>Straightforward, sloppy </li></ul><ul><li>Fewer features than desktop site </li></ul><ul><li>No advertising </li></ul><ul><li>Desktop Adapted: </li></ul><ul><li>Messy, with high graphics </li></ul><ul><li>Most desktop features </li></ul><ul><li>Full advertising </li></ul>
  15. 15. Gypsii <ul><ul><li>Downloaded the link to my Blackberry </li></ul></ul><ul><ul><li>Couldn’t log in... </li></ul></ul>Gypsii: Sign In Gypsii: Surf Around
  16. 16. MyGamma Sign Up Content Sample <ul><ul><li>Signup was straightforward </li></ul></ul><ul><ul><li>First step was to text ‘GAMMA’ to 82772 </li></ul></ul><ul><ul><li>Got the link, went to the web site. </li></ul></ul><ul><ul><li>The video tells the rest... </li></ul></ul>
  17. 17. Mobile Social 2.0 Tips <ul><li>Focus on the user experience first </li></ul><ul><ul><li>What do mobile users want from a social networking product? </li></ul></ul><ul><ul><li>How will their use differ from their desktop use? </li></ul></ul><ul><ul><li>Design the mobile site </li></ul></ul><ul><ul><li>And test it thoroughly! </li></ul></ul><ul><li>Then think about monetisation </li></ul>
  18. 18. Localised Content and Usability Relying on today’s slow and unreliable GPS can be frustrating for the user <ul><ul><li>Sometimes people want to localise where they are going rather than where they are </li></ul></ul><ul><ul><li>Allow user-entry of city, neighborhood, ZIP code, intersection, or selection from a map… Or even by landmark </li></ul></ul>
  19. 19. A Particularly Good Example: AroundMe
  20. 20. A Particularly Good Example: AroundMe
  21. 21. A Particularly Good Example: AroundMe
  22. 22. A Particularly Good Example: AroundMe
  23. 23. A Particularly Good Example: AroundMe
  24. 24. A Particularly Good Example: AroundMe
  25. 25. A Particularly Good Example: AroundMe
  26. 26. A Particularly Good Example: AroundMe
  27. 27. A Particularly Good Example: AroundMe
  28. 28. A Particularly Good Example: AroundMe
  29. 29. AJAX and Usability Wizzy graphics and animation can hide deeper usability weaknesses
  30. 30. Pinch & Stretch Nightmare
  31. 31. Inconsistent UI <ul><li>“ Back button” functionality inconsistently available </li></ul><ul><li>Contact editibility only occasionally available </li></ul><ul><li>Moving from section to section awkward </li></ul>
  32. 32. WebKit <ul><li>http://webkit.org/ </li></ul><ul><li>Used as the browser foundation by Safari, Nokia, Android... </li></ul><ul><li>Open Source application framework upon which a browser can be built </li></ul><ul><li>An open source project run by Apple </li></ul><ul><li>Components </li></ul><ul><ul><li>WebCore </li></ul></ul><ul><ul><li>JavaScriptCore </li></ul></ul><ul><ul><li>Drosera </li></ul></ul><ul><ul><li>SunSpider </li></ul></ul>
  33. 33. The WURFL: Wireless Universal Resource File <ul><li>http://wurfl.sourceforge.net/ </li></ul><ul><li>XML configuration file that contains information about capabilities and features of many mobile devices </li></ul><ul><li>Device data repository about mobile phones </li></ul><ul><li>Open source, free, and voluntary </li></ul><ul><li>Accessed by API at run time </li></ul><ul><li>Fosters community among developers </li></ul>Luca Passani
  34. 34. dotMobi <ul><li>Mobile domain to support XHTML sites that conform to the .mobi standard </li></ul><ul><li>At its heart, a marketing campaign, but one oriented toward quality user experience and brand trust </li></ul><ul><li>Provide tools and services to enable best-in-class usability: </li></ul><ul><ul><li>Emulator tool at http://mltd.mobi/emulator.php </li></ul></ul><ul><ul><li>Page and site test tools at http://ready.mobi </li></ul></ul><ul><ul><li>mobiForge developer community at http://mobiforge.com </li></ul></ul><ul><ul><li>Best practices: http://mobithinking.com/sites/mobithinking.com/files/dotMobi_Mobile_Usability_Best_Practice.pdf </li></ul></ul><ul><ul><li>Site builder tool at http://site.mobi </li></ul></ul><ul><ul><li>Device Atlas at http://deviceatlas.com </li></ul></ul><ul><ul><ul><li>Database of mobile device information </li></ul></ul></ul><ul><ul><ul><li>Accessed via API at run time </li></ul></ul></ul>
  35. 35. Touch <ul><li>2008 was the year of the bad touch screen phone. </li></ul><ul><li>2009 is the year of the iPhone knockoff... from everyone. </li></ul><ul><li>But there will be more bad touch screens. </li></ul>
  36. 36. The Return of the QWERTY Keypad <ul><li>As consumers get tired of bad touch screens, QWERTY phones will pick up demand. </li></ul><ul><li>However, it remains to be seen whether touch+QWERTY will be the winning combination... </li></ul>
  37. 37. Touch Screen, Track Ball, & Joystick <ul><li>Allow one-handed single-mode use to place or answer a call. </li></ul><ul><li>That means, only with the touch screen or only with the track ball, or only with the joystick (or 5-way pad)—to answer and place a call. </li></ul>
  38. 38. Animation & Sexy Graphics <ul><li>The iPhone and competitors use sexy transitions and animations to cover up an underlying inconsistent and awkward UI. </li></ul><ul><li>Delete buttons are all over the place. </li></ul><ul><li>Back functionality is inconsistent (sometimes at upper left, otherwise not available). </li></ul><ul><li>Sometimes things zoom left and right, other times they zoom up and down. </li></ul><ul><li>Sometimes things just require too many strokes to complete. </li></ul>
  39. 39. Bigger, Better Cameras <ul><li>5-megapixel standard, 8-megapixel not unusual </li></ul><ul><li>Autofocus </li></ul><ul><li>Zoom </li></ul><ul><li>However, it’s just too hard to transfer photos to a computer or via MMS (or email)—exceptions noted! </li></ul>
  40. 40. Hiding the Underlying OS <ul><li>Popular press criticise HTC handsets for not hiding Windows Mobile enough... </li></ul><ul><li>What about Android? </li></ul><ul><li>What about LiMo? </li></ul><ul><li>What about S60? </li></ul>
  41. 41. Application Stores <ul><li>Apple pioneered the mobile-accessed application store. </li></ul><ul><li>Google’s Android and RIM’s Blackberry are also offering stores. </li></ul><ul><li>Microsoft purported to be working on an application store. </li></ul><ul><li>Qualcomm’s BREW has had a hard-to-use store for a number of years. </li></ul><ul><li>Nokia, Nextel, and others have missed this opportunity. </li></ul>
  42. 42. The End of Pink Phones <ul><li>We can all breathe a sigh of relief. </li></ul>
  43. 43. Music, Finally Well-Done <ul><li>Music stores on the phones are a promising user experience opportunity. </li></ul><ul><li>Standard headphone jacks are smart—and they should be on the top of the phone, not the left, right, or bottom! </li></ul><ul><li>Side loading is the user experience worth considering: it’s a nightmare in Windows Mobile, a breeze on the iPhone, but what about S60 and other OS’s? </li></ul>
  44. 44. Mapping & Location Awareness to a New Level <ul><li>Presence, direction, speed, all coming to phones in 2009. </li></ul><ul><li>Google Maps leads in usability for base mapping applications. </li></ul><ul><li>Navigation applications are a different story. </li></ul>
  45. 45. HFI’s Global Offices Headquarters 410 West Lowe Fairfield, IA 52556 Phone: (800) 242-4480 (641) 472-4480 Fax: (641) 472-5412 Boston 1050 Waltham Street, Suite 410 Lexington, MA 02421 Phone: (781) 860-7200 Fax: (781) 860-7979 Baltimore 930 South Wolfe Street Baltimore MD 21231 Phone: (410) 327-1012 / 1013 Fax : (410) 327-1014 Mumbai, India Unit 7, Srishti Plaza, Next to Killick Nixxon, Off Saki-Vihar Road, Andheri (E), Mumbai 400072 Phone: 91 (22) 4017 0400 Fax: 91 (22) 2847 5554 Bangalore, India 310/6 HR Complex, 2nd Floor Koramangala, 5th Block Bangalore 560 095 Tel: +91 (80) 4150 7221/22/23 Fax: +91 (80) 4150 7220 San Francisco 425 Market Street Suite 2200 San Francisco, CA 94105 Phone: (415) 955-2734 London, UK 16 Albemarle Street London W1S 4HW Phone: +44 (0)207 290 3430 Fax: +44 (0)207 491 4118 China 407, No. 555, Nanjing Road West Shanghai, China 200041 Phone: +86-21-5213 2046 Fax: +86-21-5213 2062 Chicago 8700 W. Bryn Mawr Avenue Suite 800 South Chicago, IL 60631-3507 Phone: (773) 714-2362 Fax: (773) 714-4910 Minneapolis 8400 Normandale Lake Blvd, Suite 920 Minneapolis, MN 55437 Phone: (952) 820-4442 Fax: (952) 921-2306 New York One Penn Plaza 36th Floor New York, NY 10119 Phone: (212) 835-1699 Pondicherry, India No.184, Mission Street Puducherry 605001 Phone: + 91 413 4210583 Fax: + 91 413 4210586 Singapore 51 Tras Street, #03-01 Singapore, 078990 Phone: +65 6220 6431 Fax: +65 6220 6436 Thank You! Usable. Experience . Design.

×