Mobile Web Desing

Mobile Web Design

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.

Youare...
Experienced with XHTML/CSS. Familiar with good markup techniques. Unsure about this “mobile web thing”.

3

© MMVI Cameron Moll. This document is available under the W3C Document License.

Legacy

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 themobile phone.”
—Jon Agar, Constant Touch

6

© MMVI Cameron Moll. This document is available under the W3C Document License.

Staggering Numbers 1996 2000 2002 2009
7

GSM phones in 103 countries 10 million i-mode users (Japan) 1 billion mobile phone users worldwide 3 billion mobile phone users worldwide

© MMVI Cameron Moll. This document is available under the W3C Document License.UK

More mobile phones than humans...

8

© MMVI Cameron Moll. This document is available under the W3C Document License.

Quandary

Reader Poll
Highly scientific, statistically significant
(not really!)

10

© MMVI Cameron Moll. This document is available under the W3C Document License.

~400 159 19 44

Participants Unique handsets
(Motorola RAZR, Palm Treo 650, SonyEricsson K750i / K700i / T610, Nokia 6230...)

Manufacturers Countries

11

© 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. This 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 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...

What is contextuallyrelevant?

20

© MMVI Cameron Moll. This 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 W3CDocument License.

Therefore, mobile design is the art of communicating within an environment of 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. Thisdocument is available under the W3C Document License.

What that means...

28

© MMVI Cameron Moll. This document is available under the W3C Document License.

english360.com

english360.com

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.*
*...