1 / 13

The Web in Your Pocket – On the Go with Dumb Devices

The Web in Your Pocket – On the Go with Dumb Devices. TODCon 2008 ~ Orlando Fred Ryals, Senior Web Developer Leading Edge Design & Systems. Abstract.

newman
Download Presentation

The Web in Your Pocket – On the Go with Dumb Devices

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. The Web in Your Pocket – On the Go with Dumb Devices TODCon 2008 ~ Orlando Fred Ryals, Senior Web Developer Leading Edge Design & Systems

  2. Abstract There has been a lot of excitement about the sexy things the latest iPhones, Blackberries and other PDAs can do. The reality is, the majority of mobile users still have the same cell phone they got when they renewed their contract a year or two ago. This session will examine the standards and best practices for designing web pages to ensure that these users are not left out of the mobile experience when they are "On the Go with Dumb Devices."

  3. Background • ’70s – CS / Information Systems • ’96 – Web & interactive multimedia • Authorware 3.5 – 5.0, Director 5 • Variety of web tools • ’03 – joined Leading Edge • ’04 – MMCP, DW MX2004 • ’05 – AAMMUG • ’07 – TODCon Las Vegas

  4. Communication Voice calls SMS / IM / text messaging E-mail Entertainment Games Music Video Other Cameras Navigation / Maps / GPS Browse the Internet Finance Banking Pay bills Shopping What can people do with mobile devices?

  5. What do they want to do? Everything!

  6. How is the mobile experience different from the normal online experience? • Screen size • Download speeds • Browser limitations

  7. What can we do to improve the users mobile experience? • Best Practices • W3C Standards • Usability Testing

  8. Best Practices • Provide the requested content quickly • Minimal navigation • breadcrumbs • back / next buttons • Minimize page weight • 30K or less is optimal • no extraneous graphics or content • Design mobile-friendly pages • handheld style sheets = good • custom pages = better

  9. W3C Guidelines- Mobile Web Best Practices 1.0 • Recommendations for delivering content, not a developer’s guide • Focus on end user’s Web experience with mobile devices • Structure of Best Practice Statements • Statement • What it means • How to do it • What to test • www.w3.org/TR/mobile-bp/

  10. Usability Testing • Actual devices • Manufacturer Emulators • Device Central

  11. ?

  12. References & Resources • W3C Mobile Web Best Practices 1.0www.w3.org/TR/mobile-bp/

  13. Thank you! fred@fredryals.com www.fredryals.com/todcon

More Related