Designers face a proliferation of capabilities that make the early Mobile Web look like a playground. Mobile design is the art of communicating within an environment of mobility. The mobile device has the potential to act as a significant reporter of data rather than a mere consumer of data. Idealogy: A mobile web that is desirable, dependable, disciplined.
Mobile Web Design © MMVI Cameron Moll. This document is available under the W3C Document License. This webinar is presented by W3C to the Web community as part of an EU IST project (3GWeb). The content of this webinar does not necessarily represent the official position of the W3C, or the position of any of the W3C members or W3C’s host institutions. (Lawyer says ‘Hi’!) 2 © MMVI Cameron Moll. This document is available under the W3C Document License. You are Experienced with XHTML/CSS. Familiar with good markup techniques. Unsure about this “mobile web thing”. 3 Legacy © MMVI Cameron Moll. This document is available under the W3C Document License. 1910 5 © MMVI Cameron Moll. This document is available under the W3C Document License. Pocket watches provide the closest historical parallel to the remarkable rise of the mobile phone.” —Jon Agar, Constant Touch “ 6 © MMVI Cameron Moll. This document is available under the W3C Document License. Staggering Numbers 1996 GSM phones in 103 countries 2000 10 million i-mode users (Japan) 2002 1 billion mobile phone users worldwide 2009 3 billion mobile phone users worldwide 7 © MMVI Cameron Moll. This document is available under the W3C Document License. UK More mobile phones than humans 8 Quandary © MMVI Cameron Moll. This document is available under the W3C Document License. Reader Poll Highly scientific, statistically significant (not really!) 10 [...]...~400 159 Participants Unique handsets (Motorola RAZR, Palm Treo 650, Sony Ericsson K750i / K700i / T610, Nokia 6230 ) 19 44 11 Manufacturers Countries © MMVI Cameron Moll This document is available under the W3C Document License “Designers face a proliferation of capabilities that make the early [Mobile] Web look like a playground.” —Joe Shepter, “The Pulse of Modern Design 12 © MMVI Cameron Moll... document is available under the W3C Document License Mobile Web “Playground” WML, XHTML, -MP, -Basic Plethora of user agents Varying coding practices, URIs, etc 13 © MMVI Cameron Moll This document is available under the W3C Document License What is the Mobile Web? 14 © MMVI Cameron Moll This document is available under the W3C Document License ? Optimism More mobiles than PCs More mobiles than landline... mobility 24 © MMVI Cameron Moll This document is available under the W3C Document License Fundamentals Most devices sold today are WAP 2.0 26 © MMVI Cameron Moll This document is available under the W3C Document License XHTML, not WML 27 © MMVI Cameron Moll This document is available under the W3C Document License What that means 28 © MMVI Cameron Moll This document is available under the W3C Document... document is available under the W3C Document License 21 © MMVI Cameron Moll This document is available under the W3C Document License Mobile = Mobility 22 © MMVI Cameron Moll This document is available under the W3C Document License Design = Communication 23 © MMVI Cameron Moll This document is available under the W3C Document License Therefore, mobile design is the art of communicating within an environment... landline phones Web usage is continually increasing You can utilize existing skills 16 © MMVI Cameron Moll This document is available under the W3C Document License Context 18 © MMVI Cameron Moll This document is available under the W3C Document License Noooo! 19 © MMVI Cameron Moll This document is available under the W3C Document License Instead 20 What is contextually relevant? © MMVI Cameron Moll... english360.com /mobile (powered by MovableType) However, 32 © MMVI Cameron Moll This document is available under the W3C Document License XHTML/CSS support is inconsistent.* * highly 33 © MMVI Cameron Moll This document is available under the W3C Document License Markup Test Pages cameronmoll.com /mobile 34 © MMVI Cameron Moll This document is available under the W3C Document License 35 © MMVI Cameron Moll... Markup Test Pages cameronmoll.com /mobile 34 © MMVI Cameron Moll This document is available under the W3C Document License 35 © MMVI Cameron Moll This document is available under the W3C Document License 36 © MMVI Cameron Moll This document is available under the W3C Document License