2010.03.21 mobileweb forbusiness_slideshare


Published on

  • Be the first to comment

  • Be the first to like this

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

No notes for slide

2010.03.21 mobileweb forbusiness_slideshare

  1. 1. The Mobile Web Taking world domination to new levels …
  2. 2. <ul><li>&quot;Mobile is the fastest and cheapest way to reach the largest number of people. There are billions of people…who still don't have access to the Internet. And we think mobile presents the biggest opportunity to get them on the Internet.“ </li></ul><ul><ul><ul><ul><ul><li>­ Chris Sacca, Head of Special Initiatives, Google </li></ul></ul></ul></ul></ul>
  3. 3. <ul><li>“ Anyone betting against the web right now is an idiot.” </li></ul><ul><li>- Daniel Appelquist, Co-Chair, W3C Mobile Web Initiative </li></ul>
  4. 4. Growth: Smart Phones Source: Seeking Alpha, http://seekingalpha.com/article/187212-iphone-market-share-the-rest-of-the-story?source=email
  5. 5. Trends: Smart Phones According to Nielsen and Opus Research , smart phones comprised 15% of the US handset market at the end of 2009. Forrester says the figure is 15% Nielsen also thinks that smart phones usage will grow rapidly, crossing the 50% threshold by 2011. “ In Q3 2009, historically the slowest phone quarter, more than 25% of all phones sold were smartphones. Expect Q4 to have more than 40% of new phones sold be smart devices. …Smartphones are on track to be the majority of phones in the U.S. by 2011. … We see smartphones crossing 50% of the market by the middle of 2011, roughly equal to 150 million users.
  6. 6. Growth: Smart Phones Source: Seeking Alpha, http://seekingalpha.com/article/187212-iphone-market-share-the-rest-of-the-story?source=email
  7. 7. Market Share: Brands
  8. 8. Trends: Brands Source: Seeking Alpha, http://seekingalpha.com/article/187212-iphone-market-share-the-rest-of-the-story?source=email TTM =Trailing Twelve Month
  9. 9. Opportunities: Shopping Source: Compete, Inc. 1/2010 http://multivu.prnewswire.com/mnr/compete/41839 /
  10. 10. Opportunities: Demographics
  11. 11. Mobile is <ul><li>The mobile web is more fragmented by competition, market churn, and proprietary turf wars among carriers, manufacturers, service providers than the Web, which has become stable since the browser wars of the late ’90s </li></ul>
  12. 12. From Pangaea to Balkanization <ul><li>&quot;The Pangaea of the Web is gone.&quot; - Leland Rechisa UX Designer, Google </li></ul><ul><li>No one mobile standard to which one develops </li></ul><ul><li>Must optimize for a variety of devices, browsers, languages, carriers, countries, cultures, and contexts of mobile use </li></ul>
  13. 13. Hell is other browsers (with apologies to Sartre) Consequence: 400 different mobile devices and 50 different mobile browsers
  14. 15. Contextual Web <ul><li>Difference also comes from the way people use mobile devices. </li></ul><ul><li>The way someone interacts with the web has to do with the context : where she is, who she’s with, what she’s trying to do, etc. </li></ul>
  15. 16. Context <ul><li>who are your users </li></ul><ul><li>what do you know about them </li></ul><ul><li>what can you predict about behavior based on their needs and goals </li></ul><ul><li>what are the circumstances of use </li></ul><ul><li>what’s happening around/near the user </li></ul><ul><li>when & where are they using mobile devices </li></ul><ul><li>why is mobile valuable to them </li></ul><ul><li>how do they use the device </li></ul>
  16. 17. Design for Context <ul><li>develop and design for many contexts </li></ul><ul><li>create solutions based on user goals </li></ul><ul><li>account for constraints of technology </li></ul><ul><li>consider physical context as well as culture, ideational, and motivational context </li></ul>
  17. 18. Users: now now now <ul><li>According to research from Google, mobile users are always in the ‘now”. They are: </li></ul><ul><ul><li>repetitive now </li></ul></ul><ul><ul><li>bored now </li></ul></ul><ul><ul><li>urgent now </li></ul></ul><ul><li>Which one are you? </li></ul>
  18. 19. Repetitive Now <ul><li>these users do the same thing over and over, checking facebook, twitter, ebay, stock news </li></ul><ul><li>design: keep clickness low </li></ul><ul><li>dev: use accesskeys and tabindex </li></ul><ul><li>Q: how can our sites meet the context and needs of these users? </li></ul>
  19. 20. Bored Now <ul><li>these users have a few minutes to spare </li></ul><ul><li>potentially lucrative audience: time to kill, money to /willing to spend </li></ul><ul><li>design: enhance site stickiness </li></ul><ul><li>Q: how can our sites meet the context and needs of these users? </li></ul>
  20. 21. Urgent Now <ul><li>have a problem or crisis & want answers immediately </li></ul><ul><li>design: keep clickness low; findable, easy to read </li></ul><ul><li>development: use accesskeys & tabindex </li></ul><ul><li>Q: how can our sites reach these users? </li></ul>
  21. 22. Poka Yoke
  22. 23. Reduce!
  23. 24. Reduce some more! <ul><li>reduce complexity; </li></ul><ul><li>minimize chances for user error </li></ul><ul><li>eliminate tent-pole design </li></ul><ul><li>minimize links </li></ul><ul><li>simplify navigation </li></ul><ul><li>lighten information architecture </li></ul><ul><li>OK to target narrow audience </li></ul><ul><li>fewer images, less text, smaller page weight, lightweight scripting </li></ul>
  24. 25. Mobile Complexity <ul><li>It’s a challenge for develop- ment, but not insurmountable </li></ul><ul><li>create solutions based on user goals </li></ul><ul><li>account for constraints of technology </li></ul><ul><li>consider physical context as well as culture, ideational, and motivational context </li></ul>
  25. 26. Solutions: Standards <ul><li>Clean, semantic markup </li></ul><ul><li>Standards, standards, standards </li></ul><ul><li>Validate, validate, validate </li></ul><ul><li>Limit targeted browsers and devices </li></ul><ul><li>Use progressive enhancement and content based workflow </li></ul><ul><li>Constantly test, from the beginning </li></ul><ul><li>Prototype, test, iterate </li></ul>
  26. 27. warms my competitive little heart!
  27. 31. Solutions: Planning <ul><li>Spend solid time planning in order to build solid foundation upon which to build out sister sites </li></ul><ul><li>Mapped out microformats for implementation </li></ul><ul><li>Pared down SEO strategy </li></ul>
  28. 32. Solutions: Security <ul><li>To keep the pages lightweight and usable, but also protect our leads, used two anti-spam techniques. This was also important because we believe the mobile web will be a vector for attack. </li></ul><ul><li>1. MD5 hash </li></ul><ul><li>2. Reverse captcha </li></ul><ul><li>3. Use of captcha on pages accessed with desktop browsers </li></ul>
  29. 33. Solutions: Urgent Now <ul><li>We implemented a beautiful solution for mapping dealers with Google Maps’ API </li></ul><ul><li>With first time use, the user is given the option of using the map in the browser OR using the Google Maps API (except iPhones) </li></ul><ul><li>Mapping meets the needs of our ‘urgent now’ customers </li></ul>
  30. 34. Solutions: SEO <ul><li>Most mobile sites don’t use SEO </li></ul><ul><li>Implemented pared down SEO approach: title and description </li></ul><ul><li>Optimized content, alts, and title tags for variety of keywords </li></ul><ul><li>Semantic markup and microformats are a solid SEO foundation for future mobile development </li></ul><ul><li>Mobile sitemaps are crucial </li></ul>
  31. 35. Solutions: Metrics <ul><li>The most important part of web development, especially mobile web development, is short development iterations followed by testing. </li></ul><ul><li>Solution: Omniture analytics and our database tracking as a check </li></ul>