Crash Course on the Mobile Web


Published on

This presentation was created for a thunder::tech internal seminar on mobile Web development. It discusses the advances being made in mobile development and shares mobile examples.

Published in: Technology
  • 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

Crash Course on the Mobile Web

  1. 1. Mobile Web Crash Course 101 April 7, 2010
  2. 2. <ul><li>We will Cover:: </li></ul><ul><li>Defining Mobile and History </li></ul><ul><li>Good Examples of Mobile Today </li></ul><ul><li>Challenges of Mobile </li></ul><ul><li>Developing for Mobile </li></ul><ul><li>Why Mobile is SPIFFY </li></ul><ul><li>Q & A </li></ul>Presentation Format::
  3. 3. <ul><li>Using a mobile phone handset device incorporating a Web browser to access the World Wide Web. </li></ul><ul><li>NOT iPhone Apps </li></ul><ul><li>History: </li></ul><ul><ul><li>1956 Ericsson releases 90 lb. ‘mobile’ phone </li></ul></ul><ul><ul><li>1981 First generation: analogue networks </li></ul></ul><ul><ul><li>1991 Second generation: digital networks </li></ul></ul><ul><ul><li>2001 Third generation: high speed data networks </li></ul></ul><ul><ul><ul><li>End of 2007, 295 Million subscribers on 3G networks (9% of total worldwide subscriber base) </li></ul></ul></ul><ul><ul><li>2010 Fourth generation: Speedy Gonzales fast </li></ul></ul><ul><ul><ul><li>( </li></ul></ul></ul>Defining Mobile (courtesy of Wikipedia)
  4. 4. Good Examples of Mobile Today:: Blackberry iPhone
  5. 5. Good Examples of Mobile Today::
  6. 6. Good Examples of Mobile Today::
  7. 7. BEST EXAMPLE of Mobile Today::
  8. 8. Challenges of Mobile:: <ul><li>Development </li></ul><ul><ul><li>Small Screen Size </li></ul></ul><ul><ul><li>Lack of Windows </li></ul></ul><ul><ul><li>Navigation </li></ul></ul><ul><ul><li>Lack of JavaScript and Cookies (smartphones excluded) </li></ul></ul><ul><ul><li>Types of pages accessible (flash, pdfs, video) </li></ul></ul><ul><ul><li>Speed </li></ul></ul><ul><ul><li>Broken up pages / divided pages </li></ul></ul><ul><ul><li>Compressed pages </li></ul></ul><ul><ul><li>Size of messages </li></ul></ul><ul><ul><li>Cost </li></ul></ul><ul><ul><li>Location of mobile user </li></ul></ul><ul><li>Business </li></ul><ul><ul><li>Justifying budget to address mobile / ROI </li></ul></ul><ul><ul><li>Content to choose from </li></ul></ul><ul><ul><li>Right demographics? </li></ul></ul><ul><ul><li>Desired functionality vs. feasible </li></ul></ul><ul><ul><li>Ever increasing list of devices and compatibilities paralleling web browsers ‘ desktops ’ </li></ul></ul>
  9. 9. <ul><li>Strategy </li></ul><ul><ul><li>In our experience developing for mobile is 50% design and slice, 25% server-side detects & customization, and 25% luck. </li></ul></ul><ul><ul><li>There are so many devices available and almost everyone of them has a slightly different browser. This is still an issue in the newer BlackBerry's. </li></ul></ul><ul><ul><li>Do we design and slice and provide unique HTML for all? NO. </li></ul></ul><ul><ul><li>Once you have your core group slices developed you can look at your next challenge: content </li></ul></ul><ul><ul><li>When you make the switch to mobile you may have to modify/remove certain tags and styles within the content to make the site work. </li></ul></ul><ul><ul><li>Giant 250kb images that load alright on a desktop browser will bring a mobile device to its knees. </li></ul></ul><ul><ul><li>Mobile is a different mindset...highly targeted...get in, get out. </li></ul></ul>Developing for Mobile::
  10. 10. Why Mobile is Spiffy:: <ul><li>The sheer potential reach and valuable targets </li></ul><ul><ul><li>Early adopter demographics </li></ul></ul><ul><ul><li>We live in world of GIVE IT TO ME RIGHT NOW! </li></ul></ul><ul><li>The competitive edge it can give our clients </li></ul><ul><ul><li>Their customers will be using mobile </li></ul></ul><ul><ul><li>Adds credibility and innovation to brand </li></ul></ul><ul><li>It is the future of Web use </li></ul><ul><ul><li>More and more users are accessing Web via mobile than regular means </li></ul></ul><ul><li>It emphasizes accessibility and standards for Web development shops </li></ul><ul><ul><li>It is a ‘throw-back’ to earlier days of Web emphasizing the standard code and styles </li></ul></ul><ul><li>Mobile Web and Social Media = Symbiotic Relationship </li></ul><ul><li>Becoming more and more complete alternative/replacement to iPhone Apps due to speed and compatibilities </li></ul>
  11. 11. Why Mobile is Spiffy:: <ul><li>Advertising and Marketing Potential with Mobile Search </li></ul><ul><li>Limitations: </li></ul><ul><li>18 character title </li></ul><ul><li>18 character description </li></ul><ul><li>300 x 50 Image Ad </li></ul><ul><li>  </li></ul><ul><li>Benefits </li></ul><ul><li>  Targeting users with immediate need </li></ul><ul><li>  Targeting local users </li></ul><ul><li>  Targeting users by giving them your immediate contact information </li></ul>
  12. 12. Why Mobile is Spiffy::
  13. 13. Q&A:: <ul><li>Questions, Spicoli? </li></ul>
  14. 14. Thank You:: Additional Questions?... 216.391.2255 [email_address]