The Next Generation of the Mobile Web
-
Upload
brian-fling -
Category
Technology
-
view
112 -
download
2
description
Transcript of The Next Generation of the Mobile Web
![Page 1: The Next Generation of the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020306/54c7e79d4a795904268b45b4/html5/thumbnails/1.jpg)
Copyright © 2006 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Next Generation of the Mobile WebRefresh 06 Orlando
Brian Fling Co-founder & Director of Strategy, Blue Flavor
![Page 2: The Next Generation of the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020306/54c7e79d4a795904268b45b4/html5/thumbnails/2.jpg)
Copyright © 2006 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
How big is the Mobile Web?
![Page 3: The Next Generation of the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020306/54c7e79d4a795904268b45b4/html5/thumbnails/3.jpg)
Copyright © 2006 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Jargon Alert
Mobile WebThe collective term for websites designed for viewing on a mobile device. Websites are published and accessed via the Internet just like a regular or desktop website.
![Page 4: The Next Generation of the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020306/54c7e79d4a795904268b45b4/html5/thumbnails/4.jpg)
Copy
right
© 2
006
Blue
Fla
vor.
All t
rade
mar
ks a
nd c
opyr
ight
s re
mai
n th
e pr
oper
ty o
f the
ir re
spec
tive
owne
rs.
Some Perspective
= 15,000,000 people
15,000,000 people live in Florida
![Page 5: The Next Generation of the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020306/54c7e79d4a795904268b45b4/html5/thumbnails/5.jpg)
Copy
right
© 2
006
Blue
Fla
vor.
All t
rade
mar
ks a
nd c
opyr
ight
s re
mai
n th
e pr
oper
ty o
f the
ir re
spec
tive
owne
rs.
Some Perspective
Population of The United States
Population of China
![Page 6: The Next Generation of the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020306/54c7e79d4a795904268b45b4/html5/thumbnails/6.jpg)
Copy
right
© 2
006
Blue
Fla
vor.
All t
rade
mar
ks a
nd c
opyr
ight
s re
mai
n th
e pr
oper
ty o
f the
ir re
spec
tive
owne
rs.
Some Perspective
Global Internet Users
Global Mobile Subscribers
Global Mobile Web Access
![Page 7: The Next Generation of the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020306/54c7e79d4a795904268b45b4/html5/thumbnails/7.jpg)
Copy
right
© 2
006
Blue
Fla
vor.
All t
rade
mar
ks a
nd c
opyr
ight
s re
mai
n th
e pr
oper
ty o
f the
ir re
spec
tive
owne
rs.
Some Perspective
by 2010
![Page 8: The Next Generation of the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020306/54c7e79d4a795904268b45b4/html5/thumbnails/8.jpg)
Copyright © 2006 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Mobile will revolutionize the way we gather and interact with information in the next
three years.
![Page 9: The Next Generation of the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020306/54c7e79d4a795904268b45b4/html5/thumbnails/9.jpg)
Copyright © 2006 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Mobile has the potential to reach anybody through any
medium.
![Page 10: The Next Generation of the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020306/54c7e79d4a795904268b45b4/html5/thumbnails/10.jpg)
Copy
right
© 2
006
Blue
Fla
vor.
All t
rade
mar
ks a
nd c
opyr
ight
s re
mai
n th
e pr
oper
ty o
f the
ir re
spec
tive
owne
rs.
Events
TV
Billboard
Radio
Live
Website
Auditory
KinestheticVisu
al
Word of Mouth
Print Ad
Mobile Device
IVR
SMS
IVR
SMS
WAP
SMS
QR Code
SMS
QR Code
SMS
SMSMMS
SMS
WAP
SMS
SMS
Bluetooth
Notify
WAP
WAP
MMS
Send to Friend
WAP Site
Notify
Buy
WAP SiteWAP Site
Send to Friend
Join
Buy
NotifyNotify
Send to Friend
Post WAP Site
MMS
Send to Friend
Notify
Send to Friend
Join
Discuss
Send to Friend
Notify
Download
DownloadNotify
Vote
Join
Vote
Notify
Buy
Send to Friend
Notify
![Page 11: The Next Generation of the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020306/54c7e79d4a795904268b45b4/html5/thumbnails/11.jpg)
Copyright © 2006 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
What is the next generation?
![Page 12: The Next Generation of the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020306/54c7e79d4a795904268b45b4/html5/thumbnails/12.jpg)
Copy
right
© 2
006
Blue
Fla
vor.
All t
rade
mar
ks a
nd c
opyr
ight
s re
mai
n th
e pr
oper
ty o
f the
ir re
spec
tive
owne
rs.
Outlook
cost of data
network speeds
3G
new services
adoption
2005 2006 2007 2008 2009
![Page 13: The Next Generation of the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020306/54c7e79d4a795904268b45b4/html5/thumbnails/13.jpg)
Copyright © 2006 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Jargon Alert
G as in 2G, 2.5G and 3G.
The generations of mobile networks.Officially there are only 1G, 2G & 3G, but several midpoints have been defined as 2.5G, 2.75G, etc.
![Page 14: The Next Generation of the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020306/54c7e79d4a795904268b45b4/html5/thumbnails/14.jpg)
Copy
right
© 2
006
Blue
Fla
vor.
All t
rade
mar
ks a
nd c
opyr
ight
s re
mai
n th
e pr
oper
ty o
f the
ir re
spec
tive
owne
rs.
Outlook
cost of data
network speeds
new services
adoption
LBS3G2005 2006 2007 2008 2009
![Page 15: The Next Generation of the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020306/54c7e79d4a795904268b45b4/html5/thumbnails/15.jpg)
Copyright © 2006 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Jargon Alert
LBSLocation-based ServicesThe ability for a mobile device to provide information that is relevant to it’s physical location via a Global Positioning System (GPS).
![Page 16: The Next Generation of the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020306/54c7e79d4a795904268b45b4/html5/thumbnails/16.jpg)
Copy
right
© 2
006
Blue
Fla
vor.
All t
rade
mar
ks a
nd c
opyr
ight
s re
mai
n th
e pr
oper
ty o
f the
ir re
spec
tive
owne
rs.
Outlook
cost of data
network speeds
new services
adoption
Mobile 2.0LBS3G2005 2006 2007 2008 2009
![Page 17: The Next Generation of the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020306/54c7e79d4a795904268b45b4/html5/thumbnails/17.jpg)
Copyright © 2006 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Jargon Alert
Mobile 2.0The convergence of mobile services and web services. The promise of Mobile 2.0 is to add portability, ubiquitous connectivity and location-based services to enhance information and services found on the web.
![Page 18: The Next Generation of the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020306/54c7e79d4a795904268b45b4/html5/thumbnails/18.jpg)
Copyright © 2006 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Web 1.0 Web 2.0
Mobile 1.0 Mobile 2.0
StandardsWeb ServicesWeb as a PlatformUser-centered
StandardsWeb ServicesWeb as a PlatformUser-centered
Proprietary Walled GardensFirst to market
Brand-centered
Proprietary Walled GardensFirst to market
Brand-centered
![Page 19: The Next Generation of the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020306/54c7e79d4a795904268b45b4/html5/thumbnails/19.jpg)
Copyright © 2006 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Jargon Alert
Walled GardenA user experience designed to keep the user content while restricting access to content outside the approved boundaries.
![Page 20: The Next Generation of the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020306/54c7e79d4a795904268b45b4/html5/thumbnails/20.jpg)
Copy
right
© 2
006
Blue
Fla
vor.
All t
rade
mar
ks a
nd c
opyr
ight
s re
mai
n th
e pr
oper
ty o
f the
ir re
spec
tive
owne
rs.
Outlook
cost of data
network speeds
new services
adoption
4GLBS Mobile 2.03G2005 2006 2007 2008 2009
![Page 21: The Next Generation of the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020306/54c7e79d4a795904268b45b4/html5/thumbnails/21.jpg)
Copyright © 2006 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
We are at the precipice of the next generation of the web.
![Page 22: The Next Generation of the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020306/54c7e79d4a795904268b45b4/html5/thumbnails/22.jpg)
Copyright © 2006 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Getting started with Mobile 2.0
![Page 23: The Next Generation of the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020306/54c7e79d4a795904268b45b4/html5/thumbnails/23.jpg)
Copyright © 2006 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Jargon Alert
XHTML-MPExtensible HyperText Markup Language: Mobile ProfileA subset of XHTML Basic and HTML. Used as a primary markup language for the WAP 2.0 protocol.
![Page 24: The Next Generation of the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020306/54c7e79d4a795904268b45b4/html5/thumbnails/24.jpg)
Copyright © 2006 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
XHTML-MP = HTML
![Page 25: The Next Generation of the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020306/54c7e79d4a795904268b45b4/html5/thumbnails/25.jpg)
Copyright © 2006 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
A brief word on Mobile Web Browsers
![Page 26: The Next Generation of the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020306/54c7e79d4a795904268b45b4/html5/thumbnails/26.jpg)
Copy
right
© 2
006
Blue
Fla
vor.
All t
rade
mar
ks a
nd c
opyr
ight
s re
mai
n th
e pr
oper
ty o
f the
ir re
spec
tive
owne
rs.
Networks, Platforms & Devices
Subscribers 55.8m 53.0m 50.9m 22.7m
Network GSM CDMA CDMA GSM
Platform J2ME BREW® J2ME J2ME
Walled Garden Open Semi-Walled Walled Semi-Walled
WAP 2.0 Yes Yes Yes Yes
Devices 66 62 84 44
![Page 27: The Next Generation of the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020306/54c7e79d4a795904268b45b4/html5/thumbnails/27.jpg)
Copyright © 2006 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Mobile Devices• Many devices are
similar, the differences are in how they are provisioned to a carrier.
• Look only at mass market phones
• Do not design for smart phones or PDA’s PDAs
Smart Phones
Feature PhonesPhone, WAP, SMS
Applications
Keyboard, Stylus
![Page 28: The Next Generation of the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020306/54c7e79d4a795904268b45b4/html5/thumbnails/28.jpg)
Copyright © 2006 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Focus on 5
![Page 29: The Next Generation of the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020306/54c7e79d4a795904268b45b4/html5/thumbnails/29.jpg)
Copy
right
© 2
006
Blue
Fla
vor.
All t
rade
mar
ks a
nd c
opyr
ight
s re
mai
n th
e pr
oper
ty o
f the
ir re
spec
tive
owne
rs.
DeviceAnywhere
![Page 30: The Next Generation of the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020306/54c7e79d4a795904268b45b4/html5/thumbnails/30.jpg)
Copyright © 2006 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
If you have well formed, basic XHTML, then your
content should be fine on most modern browsers.
![Page 31: The Next Generation of the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020306/54c7e79d4a795904268b45b4/html5/thumbnails/31.jpg)
Copyright © 2006 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
One Web vs. The Mobile Web
![Page 32: The Next Generation of the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020306/54c7e79d4a795904268b45b4/html5/thumbnails/32.jpg)
Copy
right
© 2
006
Blue
Fla
vor.
All t
rade
mar
ks a
nd c
opyr
ight
s re
mai
n th
e pr
oper
ty o
f the
ir re
spec
tive
owne
rs.
Mobile Web Options
SSR Reformat Stylesheets Mobile Specific
![Page 33: The Next Generation of the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020306/54c7e79d4a795904268b45b4/html5/thumbnails/33.jpg)
Copy
right
© 2
006
Blue
Fla
vor.
All t
rade
mar
ks a
nd c
opyr
ight
s re
mai
n th
e pr
oper
ty o
f the
ir re
spec
tive
owne
rs.
Context vs. Content
Mobile Specific Site
Stylesheets
Reformat
SSR
Complex
SimpleSlower Faster
Value
![Page 34: The Next Generation of the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020306/54c7e79d4a795904268b45b4/html5/thumbnails/34.jpg)
Copyright © 2006 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
• CostIf you don't develop your mobile website responsibly, the user could get stuck with a big bill in order to view your content.
• ContentIssues like navigation, image sizes, page weight and scripts all need to be considered when thinking about your website on mobile devices.
• ContextWhat does your website add to the users mobility? How do you add value to the their physical context? What is the context in which they will use your site? On a bus or train?
The 3 C’s of the Mobile Web• Cost
If you don't develop your mobile website responsibly, the user could get stuck with a big bill in order to view your content.
• ContentIssues like navigation, image sizes, page weight and scripts all need to be considered when thinking about your website on mobile devices.
• ContextWhat does your website add to the users mobility? How do you add value to the their physical context? What is the context in which they will use your site? On a bus or train?
![Page 35: The Next Generation of the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020306/54c7e79d4a795904268b45b4/html5/thumbnails/35.jpg)
Copyright © 2006 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Mobile Stylesheets
![Page 36: The Next Generation of the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020306/54c7e79d4a795904268b45b4/html5/thumbnails/36.jpg)
Copyright © 2006 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Usually all you need is one line of code.<link href="mobile.css" rel="stylesheet" type="text/css" media="handheld" />
or for mobile specific<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/
xhtml-mobile10.dtd">
![Page 37: The Next Generation of the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020306/54c7e79d4a795904268b45b4/html5/thumbnails/37.jpg)
Copy
right
© 2
006
Blue
Fla
vor.
All t
rade
mar
ks a
nd c
opyr
ight
s re
mai
n th
e pr
oper
ty o
f the
ir re
spec
tive
owne
rs.
Example Mobile Stylesheet
![Page 38: The Next Generation of the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020306/54c7e79d4a795904268b45b4/html5/thumbnails/38.jpg)
Copy
right
© 2
006
Blue
Fla
vor.
All t
rade
mar
ks a
nd c
opyr
ight
s re
mai
n th
e pr
oper
ty o
f the
ir re
spec
tive
owne
rs.
Example Mobile Stylesheet
![Page 39: The Next Generation of the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020306/54c7e79d4a795904268b45b4/html5/thumbnails/39.jpg)
Copy
right
© 2
006
Blue
Fla
vor.
All t
rade
mar
ks a
nd c
opyr
ight
s re
mai
n th
e pr
oper
ty o
f the
ir re
spec
tive
owne
rs.
Mobile 2.0 Code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head> <title>Mobile 2.0</title> <meta http-equiv="Content-Language" content="en-us" /> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <link href="assets/styles/screen.css" rel="stylesheet" type="text/css" media="screen" /> <link href="assets/styles/mobile.css" rel="stylesheet" type="text/css" media="handheld" /></head> <body><div id="container"> <div id="header"> <h1>Mobile 2.0 Conference</h1> <div id="loc">San Francisco, November 6, 2006</div> <div id="spons">Presented by Mobile Monday London and San Francisco</div> <ol> <li><a href="#speakers" accesskey="1">Speakers</a></li> <li><a href="#schedule" accesskey="2">Schedule</a></li> <li><a href="#location" accesskey="3">Location</a></li> <li><a href="#register" accesskey="4">Register</a></li> </ol> </div> <div id="promo"><a href="#register" title="Register Now, Only $45"></a></div> <div id="content"> <div id="speakers"> <h2>Speakers</h2> <h3>Confirmed speakers and panel participants</h3> <p>The mobile2.0 conference brings together experts and thought leaders from all aspects of mobile application development and web technologies.</p> <div id="speakers2"> <ul>
![Page 40: The Next Generation of the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020306/54c7e79d4a795904268b45b4/html5/thumbnails/40.jpg)
Copy
right
© 2
006
Blue
Fla
vor.
All t
rade
mar
ks a
nd c
opyr
ight
s re
mai
n th
e pr
oper
ty o
f the
ir re
spec
tive
owne
rs.
Mobile 2.0 Code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head> <title>Mobile 2.0</title> <meta http-equiv="Content-Language" content="en-us" /> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <link href="assets/styles/screen.css" rel="stylesheet" type="text/css" media="screen" /> <link href="assets/styles/mobile.css" rel="stylesheet" type="text/css" media="handheld" /></head> <body><div id="container"> <div id="header"> <h1>Mobile 2.0 Conference</h1> <div id="loc">San Francisco, November 6, 2006</div> <div id="spons">Presented by Mobile Monday London and San Francisco</div> <ol> <li><a href="#speakers" accesskey="1">Speakers</a></li> <li><a href="#schedule" accesskey="2">Schedule</a></li> <li><a href="#location" accesskey="3">Location</a></li> <li><a href="#register" accesskey="4">Register</a></li> </ol> </div> <div id="promo"><a href="#register" title="Register Now, Only $45"></a></div> <div id="content"> <div id="speakers"> <h2>Speakers</h2> <h3>Confirmed speakers and panel participants</h3> <p>The mobile2.0 conference brings together experts and thought leaders from all aspects of mobile application development and web technologies.</p> <div id="speakers2"> <ul>
![Page 41: The Next Generation of the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020306/54c7e79d4a795904268b45b4/html5/thumbnails/41.jpg)
Copy
right
© 2
006
Blue
Fla
vor.
All t
rade
mar
ks a
nd c
opyr
ight
s re
mai
n th
e pr
oper
ty o
f the
ir re
spec
tive
owne
rs.
Mobile 2.0 Code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head> <title>Mobile 2.0</title> <meta http-equiv="Content-Language" content="en-us" /> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <link href="assets/styles/screen.css" rel="stylesheet" type="text/css" media="screen" /> <link href="assets/styles/mobile.css" rel="stylesheet" type="text/css" media="handheld" /></head> <body><div id="container"> <div id="header"> <h1>Mobile 2.0 Conference</h1> <div id="loc">San Francisco, November 6, 2006</div> <div id="spons">Presented by Mobile Monday London and San Francisco</div> <ol> <li><a href="#speakers" accesskey="1">Speakers</a></li> <li><a href="#schedule" accesskey="2">Schedule</a></li> <li><a href="#location" accesskey="3">Location</a></li> <li><a href="#register" accesskey="4">Register</a></li> </ol> </div> <div id="promo"><a href="#register" title="Register Now, Only $45"></a></div> <div id="content"> <div id="speakers"> <h2>Speakers</h2> <h3>Confirmed speakers and panel participants</h3> <p>The mobile2.0 conference brings together experts and thought leaders from all aspects of mobile application development and web technologies.</p> <div id="speakers2"> <ul>
![Page 42: The Next Generation of the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020306/54c7e79d4a795904268b45b4/html5/thumbnails/42.jpg)
Copyright © 2006 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
You can have a mobile ready site in about an hour.
![Page 43: The Next Generation of the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020306/54c7e79d4a795904268b45b4/html5/thumbnails/43.jpg)
Copyright © 2006 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
• Keep the information architecture simple and focused.
• Use a simple site drill-down architecture.
• Display only 5 categories per page.
• No more than 10 links per page.
• Always provide at least one content item with each category page.
• Try to prioritize by activity of popularity.
• The end of each page should have someplace for the user to go.
• Keep total file sizes, including images and styles, as small as possible.
• Use only well formed, valid web standard code.
• Code order matters, think semantically.
• Use ordered lists instead of unordered lists for navigation.
• Always use accesskeys.
Mobile Web Tips• Keep the information architecture simple and focused.
• Use a simple site drill-down architecture.
• Display only 5 categories per page.
• No more than 10 links per page.
• Always provide at least one content item with each category page.
• Try to prioritize by activity of popularity.
• The end of each page should have someplace for the user to go.
• Keep total file sizes, including images and styles, as small as possible.
• Use only well formed, valid web standard code.
• Code order matters, think semantically.
• Use ordered lists instead of unordered lists for navigation.
• Always use accesskeys.
![Page 44: The Next Generation of the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020306/54c7e79d4a795904268b45b4/html5/thumbnails/44.jpg)
Copyright © 2006 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Resources to get you started
![Page 45: The Next Generation of the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020306/54c7e79d4a795904268b45b4/html5/thumbnails/45.jpg)
Copy
right
© 2
006
Blue
Fla
vor.
All t
rade
mar
ks a
nd c
opyr
ight
s re
mai
n th
e pr
oper
ty o
f the
ir re
spec
tive
owne
rs.
.mobi Developers Guide
http://dev.mobi
![Page 46: The Next Generation of the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020306/54c7e79d4a795904268b45b4/html5/thumbnails/46.jpg)
Copy
right
© 2
006
Blue
Fla
vor.
All t
rade
mar
ks a
nd c
opyr
ight
s re
mai
n th
e pr
oper
ty o
f the
ir re
spec
tive
owne
rs.
.mobi Mobile Ready Report
http://mr.dev.mobi
![Page 47: The Next Generation of the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020306/54c7e79d4a795904268b45b4/html5/thumbnails/47.jpg)
Copy
right
© 2
006
Blue
Fla
vor.
All t
rade
mar
ks a
nd c
opyr
ight
s re
mai
n th
e pr
oper
ty o
f the
ir re
spec
tive
owne
rs.
Global Authoring Practices
http://www.passani.it/gap/
![Page 48: The Next Generation of the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020306/54c7e79d4a795904268b45b4/html5/thumbnails/48.jpg)
Copy
right
© 2
006
Blue
Fla
vor.
All t
rade
mar
ks a
nd c
opyr
ight
s re
mai
n th
e pr
oper
ty o
f the
ir re
spec
tive
owne
rs.
XHTML Mobile Profile Tutorial
http://www.developershome.com/wap/xhtmlmp/
![Page 49: The Next Generation of the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020306/54c7e79d4a795904268b45b4/html5/thumbnails/49.jpg)
Copy
right
© 2
006
Blue
Fla
vor.
All t
rade
mar
ks a
nd c
opyr
ight
s re
mai
n th
e pr
oper
ty o
f the
ir re
spec
tive
owne
rs.
Mobile Design
http://www.mobiledesign.org
![Page 50: The Next Generation of the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020306/54c7e79d4a795904268b45b4/html5/thumbnails/50.jpg)
Copyright © 2006 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Thank You
![Page 51: The Next Generation of the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020306/54c7e79d4a795904268b45b4/html5/thumbnails/51.jpg)
Copyright © 2006 Blue Flavor. All trademarks and copyrights remain the property of their respective owners.
Brian FlingCo-founder & Director of Strategy, Blue [email protected]
mob. +1 206 351-6060
http://www.blueflavor.com/presentations/nextgenmobileweb.pdf