Muddling Through the Mobile Web
-
Upload
yiibu -
Category
Technology
-
view
43 -
download
4
description
Transcript of Muddling Through the Mobile Web
![Page 1: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/1.jpg)
the Mobile Web designing for rapid change and increasing diversity
Muddling Through
http://www.flickr.com/photos/booleansplit/2806792407http://creativecommons.org/licenses/by/2.0
![Page 2: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/2.jpg)
http://www.flickr.com/photos/joo0ey/4630950433
quickly these days...things are moving pretty
![Page 3: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/3.jpg)
http://www.forum.nokia.com/Develop/Web/Mobile_web_browsing/Web_templates
m.domain.com || domain.mobi
to build a separate mobile site...until very recently ‘best practice’ was
typically
![Page 4: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/4.jpg)
http://www.alistapart.com/articles/understandingprogressiveenhancement
being revisited...but lately, old ideas are
![Page 5: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/5.jpg)
http://www.alistapart.com/articles/responsive-web-design
shaking things up...and new ideas are really
![Page 6: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/6.jpg)
http://www.flickr.com/photos/3oheme/4069616710
still beckons madmen & dreamers...of course the elusive ‘One Web’
![Page 7: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/7.jpg)
http://www.flickr.com/photos/aerosolhalos/5134483703
pragmatic devotees ;)...of which we’re
![Page 8: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/8.jpg)
BUT
http://www.flickr.com/photos/christopherdombres/4493564844
You must have a goal in life.
![Page 9: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/9.jpg)
regularly challenge our beliefs...try to keep an open mind and
http://www.flickr.com/photos/fpat/3692425154
rethinking mobile web yiibu
![Page 10: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/10.jpg)
http://yiibu.com
Are we there yet?this is rhetorical...
![Page 11: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/11.jpg)
http://www.flickr.com/photos/wwworks/2427001802
remain unanswered...many questions
...why are kiwi fruit fuzzy?
![Page 12: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/12.jpg)
http://yiibu.com
one web?
desktop
*.mobi?
yes
yes
web
web
many
many
no no
no
?
?
?
no
mobile?
mobile?
umm...?
UA sni!ng?
device dB?
umm...?
device dB?
availablehere?
UA sni!ng?
yes
yes yes
yes
yes
oneweb?
yes
no
few
few
yes
yes
adapt?
care?
@media queries?
no no
is ?
is ?
no
?
yes
one web?
desktop
*.mobi?
yes
yes
webmany
no no
?
?
no
mobile?
device dB?
yes?
UA sni!ng?
yes
yes yesyes
yesyes
no
few
yes
yes
adapt?
care?
@media queries?no
is ?
no
?
yes
@mediaqueries?
desktop
care?
adapt?
no
no
yes
yes
yes
*.mobi?
web
mobile?no
no
yes
@mediaqueries?
no
Rethinking the Mobile Web images like this?such as...what do you do with
![Page 13: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/13.jpg)
one web?
desktop
*.mobi?
yes
yes
web many
no no
?
?
no
mobile?
umm...?
device dB?
availablehere?
UA sni!ng?
yes
yes yes
yes
yes
yes
no
fewyes
yes
adapt?
care?
@media queries?
no no
is ?
no
?
yes
http://yiibu.com
detailed images isn't ideal...automagically scaling
one web?
desktop
*.mobi?
yes
yes
web
web
many
many
no no
no
?
?
?
no
mobile?
mobile?
umm...?
UA sni!ng?
device dB?
umm...?
device dB?
availablehere?
UA sni!ng?
yes
yes yes
yes
yes
oneweb?
yes
no
few
few
yes
yes
adapt?
care?
@media queries?
no no
is ?
is ?
no
?
yes
one web?
desktop
*.mobi?
yes
yes
webmany
no no
?
?
no
mobile?
device dB?
yes?
UA sni!ng?
yes
yes yesyes
yesyes
no
few
yes
yes
adapt?
care?
@media queries?no
is ?
no
?
yes
@mediaqueries?
desktop
care?
adapt?
no
no
yes
yes
yes
*.mobi?
web
mobile?no
no
yes
@mediaqueries?
no
Rethinking the Mobile Web
unreadable
![Page 14: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/14.jpg)
one web?
desktop
*.mobi?
yes
yes
web
web
many
many
no no
no
?
?
?
no
mobile?
mobile?
umm...?
UA sni!ng?
device dB?
umm...?
device dB?
availablehere?
UA sni!ng?
yes
yes yes
yes
yes
oneweb?
yes
no
few
few
yes
yes
adapt?
care?
@media queries?
no no
is ?
is ?
no
?
yes
one web?
desktop
*.mobi?
yes
yes
webmany
no no
?
?
no
mobile?
device dB?
yes?
UA sni!ng?
yes
yes yesyes
yesyes
no
few
yes
yes
adapt?
care?
@media queries?no
is ?
no
?
yes
@mediaqueries?
desktop
care?
adapt?
no
no
yes
yes
yes
*.mobi?
web
mobile?no
no
yes
@mediaqueries?
no
Rethinking the Mobile Web
manydevice dB?
availablehere?
yes
yes
adapt?
http://yiibu.com
hmm...
![Page 15: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/15.jpg)
manydevice dB?
availablehere?
yes
yes
adapt?
http://yiibu.com
one web?
desktop
*.mobi?
yes
yes
web
web
many
many
no no
no
?
?
?
no
mobile?
mobile?
umm...?
UA sni!ng?
device dB?
umm...?
device dB?
availablehere?
UA sni!ng?
yes
yes yes
yes
yes
oneweb?
yes
no
few
few
yes
yes
adapt?
care?
@media queries?
no no
is ?
is ?
no
?
yes
one web?
desktop
*.mobi?
yes
yes
webmany
no no
?
?
no
mobile?
device dB?
yes?
UA sni!ng?
yes
yes yesyes
yesyes
no
few
yes
yes
adapt?
care?
@media queries?no
is ?
no
?
yes
@mediaqueries?
desktop
care?
adapt?
no
no
yes
yes
yes
*.mobi?
web
mobile?no
no
yes
@mediaqueries?
no
Rethinking the Mobile Web
provide alternates?...do we simply
![Page 16: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/16.jpg)
desktop
yesweb
no
?
no
mobile?
web
many
no
mobile?
umm...?
UA sni!ng?
device dB? oneweb?
few
is ?
@mediaqueries?
desktop
care?
adapt?
no
no
yes
yes
yes
*.mobi?
manydevice dB?
availablehere?
yes
yes
adapt?
http://yiibu.com
one web?
desktop
*.mobi?
yes
yes
web
web
many
many
no no
no
?
?
?
no
mobile?
mobile?
umm...?
UA sni!ng?
device dB?
umm...?
device dB?
availablehere?
UA sni!ng?
yes
yes yes
yes
yes
oneweb?
yes
no
few
few
yes
yes
adapt?
care?
@media queries?
no no
is ?
is ?
no
?
yes
one web?
desktop
*.mobi?
yes
yes
webmany
no no
?
?
no
mobile?
device dB?
yes?
UA sni!ng?
yes
yes yesyes
yesyes
no
few
yes
yes
adapt?
care?
@media queries?no
is ?
no
?
yes
@mediaqueries?
desktop
care?
adapt?
no
no
yes
yes
yes
*.mobi?
web
mobile?no
no
yes
@mediaqueries?
no
Rethinking the Mobile Web
manydevice dB?
yes?yes
yes
yes
yes
adapt?
web
mobile?no
no
yes
@mediaqueries?
web
mobile?no
no
yes
@mediaqueries?
desktop
*.mobi?
@320
@240
@640
@960
@240x2
@320x2
provide alternates?...do we simply
@1280
@640x2
web
mobile?no yes
countless
![Page 17: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/17.jpg)
that aren't suitable?...what about scripts & stylesheets
@font support varies
3 columns, really?
perhaps a bit ambitious?
...a bit late, no?
every stylesheet is not required
desktop scripts aren't suitable for mobile
device detect early
typically
![Page 18: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/18.jpg)
http://yiibu.com
provide alternates?...do we simply
media formats...unsupported
...aye, thar be Floosh!
...that's a lot of JavaScript!
...does every device get the same Floosh – if they support Floosh?
too many HTTP requests...
...is Flash even supported?
the right version of
![Page 19: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/19.jpg)
http://www.w3.org/TR/html5/video.html
this only deals with codecs - not context*...
...screen size?
...available bandwidth?
you just can't detect...or factors that
...is orthogonal to...
c.2000...
![Page 20: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/20.jpg)
http://www.flickr.com/photos/rexroof/3372607671
Biggest problem for handheld web video playback still seems to be pulling down a high-bitrate HD file...with extra pixels that never display. – @jdowdell
“mmm, Spongebob...
![Page 21: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/21.jpg)
http://www.flickr.com/photos/humblog/4522388767
brainstorming......so we've done a littleobviously delusional
mild insanity
harmless sketches
prototypes
cerebral gymnastics
crazy ideas
research
something else...?
Research is what I’m doing when I don’t know what I’m doing.– Wernher von Braun
'we' being yiibu...
![Page 22: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/22.jpg)
http://www.flickr.com/photos/katayun/4288456971
dirty laundry to share...and we have a little
filters
server-side media queries
XSLT
![Page 23: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/23.jpg)
http://www.flickr.com/photos/digger_twit/1353837770
filtering + transformation prototypes...a selection of content
![Page 24: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/24.jpg)
server-side media queries...Plan B
a.DOM Filters...
http://www.flickr.com/photos/mwichary/2614644341
Content filtering
+ transformationproto
types
![Page 25: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/25.jpg)
existing HTML content...begin with some
![Page 26: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/26.jpg)
Raw user agent: Mozilla/5.0 (SymbianOS/9.1; U; en-us) AppleWebKit/413 ...Device identified as: Nokia N73
Actual Root Device ID: nokia_n73_ver1WURFL ID: nokia_n73_ver1_submozilla50
physical_screen_height: 49columns: 21dual_orientation: falsephysical_screen_width: 37rows: 6max_image_width: 229resolution_height: 320resolution_width: 240max_image_height: 260...
http://www.tera-wurfl.com/explore/
this is what we're after!
$wurfl->getDevice($id);
![Page 27: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/27.jpg)
$html->find('img[src]');
resolution_width: 240 device property
![Page 28: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/28.jpg)
resolution_width: 240 device property
<img />
<img />
<img />
![Page 29: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/29.jpg)
[email protected] [email protected]
more suitable alternate...replace each image with a
repeat process for each <img> found in document...
resolution_width: 240
http://www.flickr.com/photos/davefayram/3773208649
device property
based on...
![Page 30: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/30.jpg)
[email protected] [email protected]
resolution_width: 240
http://www.flickr.com/photos/davefayram/3773208649
FAIL
"fuzzier" DOM elements? ...what about slightly
...related elements?
...other elements?
device property
...how many images are required?
![Page 31: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/31.jpg)
a.DOM Filters...
b.Server-side
media queries...they d
o have their
uses...
http://www.flickr.com/photos/mwichary/2614644341
Content filtering
+ transformationproto
types
![Page 32: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/32.jpg)
...an interesting idea
{{mustache}} inspired...
![Page 33: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/33.jpg)
quickly got out of control......an interesting idea that
*HACK*FAILyet revolting
hacked together in PHP(should have been C for speed)...
PHPwritten in
almost reinvented...
{{mustache}} inspired...
slippery slope
to XSLT!
...apologies to @stephenhay
![Page 34: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/34.jpg)
a.DOM Filters...
b.Server-side
media queries...
c.Revisit XSLT?
http://www.flickr.com/photos/mwichary/2614644341
Content filtering
+ transformationproto
types
they do have
their uses...
#mobilism at mtdemo.mobi we support server side processing of media-queries enhanced with all features from wurfl... – @harloff
PLEASE
SAY HELLO!
![Page 35: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/35.jpg)
FAILyup, that's "99 Bottles of Beer" in XSLT...?
http://www.angelfire.com/tx4/cus/shapes/bottles.html
but we @$*#& XSLT!...we honestly tried,
found massive inspiration for XSLT here!
...use XSLT – after all it was made to style content!? WTF?
![Page 36: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/36.jpg)
a.DOM Filters...
b.Server-side
media queries...
c.Revisit XSLT?
http://www.flickr.com/photos/mwichary/2614644341
Content filtering
+ transformationproto
types
they do have
their uses...
an acquired t
aste...
#mobilism at mtdemo.mobi we support server side processing of media-queries enhanced with all features from wurfl... – @harloff
PLEASE
SAY HELLO!
![Page 37: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/37.jpg)
http://www.flickr.com/photos/awfulshot/180189401
that we can't get there, from here...eventually we came to accept
![Page 38: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/38.jpg)
http://www.flickr.com/photos/meddygarnet/3390890516
two things...but we did learn
![Page 39: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/39.jpg)
http://www.flickr.com/photos/vauvau/3466024918
really bloody difficult...the mobile web is
responsive design & one web
![Page 40: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/40.jpg)
http://www.flickr.com/photos/congaman/4059136660
the web today is wrong...everything we believed about
![Page 41: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/41.jpg)
http://www.flickr.com/photos/sketch22/2460898332
becomes obvious...in hindsight...the problem
![Page 42: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/42.jpg)
1980 1984 1990 1994 1998 2004 2007 2011
we had computers...in the beginning
display size/width
512 x 342
![Page 43: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/43.jpg)
1980 1984 1990 1994 1998 2004 2007 2011
512640
800
1024
1280
1440
1024 x 768512 x 342
display size/width
more and more every year...we came to expect
![Page 44: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/44.jpg)
1980 1984 1990 1994 1998 2004 2007 2011
512640
800
1024
1280
1440less became much more
...one day in 2007
1024 x 768512 x 342
240
320 x 480
display size/width
![Page 45: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/45.jpg)
1980 1984 1990 1994 1998 2004 2007 2011
512640
800
1024
1280
1440a lot less more...
today we seem to have
1024 x 768512 x 342
240
768 x 1024
320 x 480480 x 800
display size/width
![Page 46: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/46.jpg)
1980 1984 1990 1994 1998 2004 2007 2011 2015
640800
10241280
1440
1920
3200
display size/width
1024 x 768
240
768 x 1024
320 x 480480 x 800 600 x 1024
360 x 640
1920 x 1080
public displays
on the horizon...with a lot more less
![Page 47: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/47.jpg)
With current growth rates, Web access by people on the move—via laptops and smart mobile devices—is likely to exceed web access from desktop computers within the next five years.
“
...or by 2015 - Source: ITU via mobiThinking http://www.flickr.com/photos/tocaboca/5524320942
![Page 48: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/48.jpg)
http://www.flickr.com/photos/carbonnyc/4213684953
by human factors...yet we're inherently constrained
![Page 49: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/49.jpg)
http://www.flickr.com/photos/whiskeytango/471826517
one problem...which presents us with
nagging
![Page 50: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/50.jpg)
http://www.flickr.com/photos/izzyplante/4009893952
in all of these varied contexts?how do we make content meaningful
the hell
![Page 51: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/51.jpg)
http://www.flickr.com/photos/sporst/3999795549
what we mean by 'context'......let's first deal with
![Page 52: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/52.jpg)
con•text [kon-tekst] – the set of circumstances or facts that surround a particular event, situation, etc.http://dictionary.reference.com/browse/context
![Page 53: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/53.jpg)
http://www.flickr.com/photos/collinmesser/4567027786
unpredictable lot...human beings are a generally
![Page 54: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/54.jpg)
http://www.flickr.com/photos/collinmesser/4567027786
an impossible task...determining user context remains
meaningful
![Page 55: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/55.jpg)
http://www.flickr.com/photos/hejgustav/3631418869
often a much simpler endeavour...while determining device context is
meaningful
and opportunity...
![Page 56: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/56.jpg)
http://www.flickr.com/photos/katerha/4330199412
features constraintsstuff you know
and stuff you wish you didn't...
• screen size• local storage• touch• canvas• SVG• etc
• screen size• no touch• poor JavaScript• no canvas• isMSIE• etc
+
![Page 57: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/57.jpg)
http://www.flickr.com/photos/donkeyhotey/5527263186
the client
and the server
working together... with both client & server
feature detection
device database
"first-run"
![Page 58: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/58.jpg)
http://www.flickr.com/photos/wscullin/3770015203
first load...
![Page 59: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/59.jpg)
http://www.flickr.com/photos/wscullin/3770015203
initial request
1
Hmm, Huston - we have a problem...
...no idea what we can deliver to this client...
HTML JavaScriptstylesheets imagesFlash video
fonts
![Page 60: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/60.jpg)
http://www.flickr.com/photos/wscullin/3770015203
$wurfl->getDevice($id);
PHP, Java, etc.
...or another dB!
![Page 61: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/61.jpg)
http://www.flickr.com/photos/wscullin/3770015203
width: 320 px...
PHP, Java, etc.
use what you can...
create profile
{ width:{ screen:320 }}
a cookie
2
![Page 62: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/62.jpg)
http://www.flickr.com/photos/wscullin/3770015203
we could send smaller images...
include only those resources suitable for device context...
HTML JavaScriptstylesheets imagesFlash video
fontsimages
reduce images
{ width:{ screen:320 }}
![Page 63: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/63.jpg)
http://www.flickr.com/photos/wscullin/3770015203
be sure to compress them if you can...
{ width:{ screen:320 }}
![Page 64: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/64.jpg)
http://www.flickr.com/photos/wscullin/3770015203
{ width:{ screen:320 }}
initial response
![Page 65: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/65.jpg)
http://www.flickr.com/photos/wscullin/3770015203
{ width:{ screen:320 }}
JavaScript
detectFeatures();3
![Page 66: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/66.jpg)
http://www.flickr.com/photos/wscullin/3770015203
{ width:{ screen:320, document:320 }, xhr:true, canvas:true, flash:false, video:true, formats:{ h264:probably, ogg:false, webm:false }, offline:true}
update profile
subsequent request
4
...now with more chips!
![Page 67: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/67.jpg)
http://www.flickr.com/photos/wscullin/3770015203
{ width:{ screen:320, document:320 }, xhr:true, canvas:true, flash:false, video:true, formats:{ h264:probably, ogg:false, webm:false }, offline:true} same profile on both
client & server
sync profile5
![Page 68: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/68.jpg)
http://www.flickr.com/photos/wscullin/3770015203
{ width:{ screen:320, document:320 }, xhr:true, canvas:true, flash:false, video:true, formats:{ h264:probably, ogg:false, webm:false }, offline:true}
https://github.com/bryanrieger/profilesample code* available
HTML JavaScriptstylesheets imagesFlash video
fontsvideo
imagesJavaScript
stylesheetsHTML
now, send only what's required6
*fyi the code currently uses a simple profile db idea we're playing with instead of WURFL...
![Page 69: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/69.jpg)
http://www.flickr.com/photos/wscullin/3770015203
screen size media formats
json
CSS
WebM
colour depthstorage
javascript
doctype
input methods
xhr
canvas
dpiappcache
@font-face
features & constraints...the device context is defined via
H.264
Ogg
WebGL
or profile
isTablet
HTML5 isTouch
isBrowserLamecustom properties based on your own tacit knowledge...
![Page 70: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/70.jpg)
http://www.flickr.com/photos/dullhunk/4422952742
actually relevant...but only those that are
device profile
screen size
HTML5
Flash Embed
JavaScript
to us
features & constraints
![Page 71: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/71.jpg)
http://www.flickr.com/photos/aturkus/4040454167
![Page 72: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/72.jpg)
The significant problems we face, cannot be solved at the same level of thinking we were at when we created them.
– Albert Einstein
![Page 73: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/73.jpg)
http://www.flickr.com/photos/pagedooley/2121472112
is actually not normal...?what if what is actual
![Page 74: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/74.jpg)
http://www.flickr.com/photos/jb-london/4112837448
cerebral gymnastics...and now for a little
![Page 75: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/75.jpg)
1980 1984 1990 1994 1998 2004 2007 2011
512640
800
1024
1280
1440
if history had given us...
1024 x 768512 x 342
240
320 x 480480 x 800
display size/width+ a little cerebral gymnastics...
and Steve
how would the web be differentand our perception of it
![Page 76: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/76.jpg)
1980 1984 1990 1994 1998 2004 2007 2011
320
480
640
800
1024
1280
1024 x 768
320 x 480
...mobile first?
natural progression?
512 x 342
a more constrained context first...?
![Page 77: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/77.jpg)
and
![Page 78: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/78.jpg)
http://www.flickr.com/photos/pasteberlusconi/5352932503
if we designed content...what would happen
![Page 79: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/79.jpg)
http://www.flickr.com/photos/stephi2006/4428932249
to how we design software...?in a manner similar
![Page 80: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/80.jpg)
that adapts to 40,000 contexts?...could we design content
![Page 81: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/81.jpg)
http://www.flickr.com/photos/seatbelt67/502255276
hmm...
![Page 82: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/82.jpg)
{insert fave CMS here}
built using a CMS...most websites today are
![Page 83: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/83.jpg)
http://www.nytimes.com
<put content here /> tend to dominate content...
where page templates
![Page 84: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/84.jpg)
<put content here />
and providing navigation...focused on delivering ads
monetization
longer visits
http://www.wired.com/magazine/2011/04/st_thompson_homophily/
![Page 85: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/85.jpg)
<put content here />
![Page 86: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/86.jpg)
Yes, Google (outgoing) CEO Eric Schmidt had been saying 'Mobile First' but his latest version of his 'Mobile mobile mobile' mantra, that he shares with all partners and companies interested in mobile is: "Put your best people on mobile." Why? Because Mobile today is by a wide margin, the fastest-growing giant industry on the planet. Because all major digital technologies are headed to mobile - telecoms, computers, the internet, etc - and all major media are headed to mobile - music, gaming, news, television, advertising - and even money, from coins to banking to credit cards, is headed to a phone near you. This is definitely the "industry of the decade" and we have only begun. So how big is big? Its huge. Lets review the numbers.
All the Numbers, All the Facts on Mobile the Trillion-Dollar Industry. Why is ...
http://communities-dominate.blogs.com/brands/2011/02/all-the-numbers-all-the-facts-on-mobile-the-trillion-dollar-industry-why-is-google-saying-put-your-b.html
2013
confined to a sandbox...and content typically
![Page 87: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/87.jpg)
http://www.flickr.com/photos/wengs/3938347495
completely irrelevant...where context is
![Page 88: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/88.jpg)
http://communities-dominate.blogs.com/brands/2011/02/all-the-numbers-all-the-facts-on-mobile-the-trillion-dollar-industry-why-is-google-saying-put-your-b.html
experience similar to this...resulting in an
![Page 89: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/89.jpg)
http://communities-dominate.blogs.com/brands/2011/02/all-the-numbers-all-the-facts-on-mobile-the-trillion-dollar-industry-why-is-google-saying-put-your-b.html
The use of @tomiahonen's site is for illustration purposes only, and is not intended as a criticis
m
of the excellent information he regularly publishes on his site.
If you've never read any of Tomi's posts, you're missing out! ;)
please note...
Sincerely,Bryan
![Page 90: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/90.jpg)
http://www.flickr.com/photos/29022619@N03/3902777481
There still is no such thing as a mobile-friendly CMS...http://pinchzoom.com/posts/7-things-we-learned-during-sprint-8/“
![Page 91: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/91.jpg)
http://www.flickr.com/photos/dnorman/3590132503
as rubbish with no value...we treat our content
our assets
![Page 92: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/92.jpg)
http://www.flickr.com/photos/proimos/4199675334
...doh!
![Page 93: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/93.jpg)
http://www.flickr.com/photos/johanl/4816110696
opportunities for others...which of course provides exciting
![Page 94: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/94.jpg)
Instapaper ReadableFlipboard+ Reader in Safari...
![Page 95: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/95.jpg)
http://communities-dominate.blogs.com/brands/2011/02/all-the-numbers-all-the-facts-on-mobile-the-trillion-dollar-industry-why-is-google-saying-put-your-b.html
taking this...who are very good at
![Page 96: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/96.jpg)
turning it into this...and automagically
![Page 97: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/97.jpg)
and this...
![Page 98: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/98.jpg)
and even this
http://communities-dominate.blogs.com/brands/2011/02/all-the-numbers-all-the-facts-on-mobile-the-trillion-dollar-industry-why-is-google-saying-put-your-b.html
http://communities-dominate.blogs.com/brands/2011/02/all-the-numbers-all-the-facts-on-mobile-the-
...and look, we're back in the browser!
![Page 99: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/99.jpg)
to your preferences...which can then be tailored
http://readable.tastefulwords.com/
http://communities-dominate.blogs.com/brands/2011/02/all-the-numbers-all-the-facts-on-mobile-the-
![Page 100: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/100.jpg)
#!/usr/bin/perl -w
use strict;use XML::RSS;use LWP::Simple;use HTML::Entities;
my $rss = new XML::RSS (version => '1.0');my $url = "http://www.linux.org.uk/~telsa/Diary/diary.html";my $page = get($url);
$rss->channel(title => "The more accurate diary. Really.", link => $url, description => "Telsa's diary of life with a hacker:" . " the current ramblings");
foreach (split ('<dt>', $page)){ if (/<a\sname=" ([^"]*) # Anchor name "> <strong> ([^>]*) # Post title <\/strong><\/a><\/dt>\s*<dd> (.*) # Body of post <\/dd>/six) { $rss->add_item(title => $2, link => "$url#$1", description => encode_entities($3)); }}
print $rss->as_string;
http://linuxgazette.net/108/oregan2.html
better than a screen scraper...surely we can do significantly
glorified
![Page 101: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/101.jpg)
http://www.flickr.com/photos/jaako/218844774
but can we...
![Page 102: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/102.jpg)
better than a PDF...?do significantly
![Page 103: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/103.jpg)
little technology......a fascinating
object database
booleans, numbers, strings,
names, arrays, dictionaries,
streams and null...
database
![Page 104: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/104.jpg)
%!PS-Adobe-3.0 EPSF-3.0
%%BoundingBox:0 0 288 288%%ColorUsage: Color%%DocumentProcessColors: Cyan Magenta Yellow Black/ok_Ellipse{ ok_xOffset ok_yOffset moveto ok_x1 0 ok_xR ok_y1 ok_xR ok_yR rcurveto 0 ok_y1 ok_x1 neg ok_yR ok_xR neg ok_yR rcurveto ok_x1 neg 0 ok_xR neg ok_y1 neg ok_xR neg ok_yR neg rcurveto 0 ok_y1 neg ok_x1 ok_yR neg ok_xR ok_yR neg rcurveto closepath} def/ok_Ellipses{ %on stack: %xCenter yCenter xOffset yOffset width height weight howMany [color array] aload pop setcmykcolor /ok_HowMany exch def /ok_Weight exch def /ok_Height exch def /ok_Width exch def /ok_yOffset exch def /ok_xOffset exch def /ok_yCenter exch def /ok_xCenter exch def /ok_Angle 360 ok_HowMany div def /ok_xR ok_Width 2 div def /ok_yR ok_Height 2 div def /ok_x1 ok_xR ok_xR .552292 mul sub def /ok_y1 ok_yR ok_yR .552292 mul sub def ok_Weight setlinewidth gsave ok_xCenter ok_yCenter translate ok_HowMany { ok_Ellipse ok_Angle rotate } repeat stroke grestore} def%here's an example call to the "ok_Ellipses" routine144 144 0 0 24 36 .5 24 [0 0 0 1] ok_Ellipses144 144 0 76 18 60 3 6 [1 0 1 0] ok_Ellipses144 144 0 76 12 48 2 12 [.8 0 .8 0] ok_Ellipses144 144 0 78 11 44 2 12 [.6 0 .6 0] ok_Ellipses144 144 0 80 10 40 2 12 [.4 0 .4 0] ok_Ellipses144 144 0 82 9 36 2 12 [.2 0 .2 0] ok_Ellipses144 144 0 86 6 28 .5 24 [0 0 0 1] ok_Ellipses144 144 0 96 5 5 .5 12 [0 0 0 1] ok_Ellipses144 144 48 0 24 48 3 12 [1 0 1 0] ok_Ellipses144 144 48 0 22 46 3 12 [.9 0 .9 0] ok_Ellipses144 144 48 0 20 44 3 12 [.8 0 .8 0] ok_Ellipses144 144 48 0 18 42 3 12 [.7 0 .7 0] ok_Ellipses144 144 48 0 16 40 3 12 [.6 0 .6 0] ok_Ellipses144 144 48 0 14 38 3 12 [.5 0 .5 0] ok_Ellipses144 144 48 0 12 36 3 12 [.4 0 .4 0] ok_Ellipses144 144 48 0 10 34 3 12 [.3 0 .3 0] ok_Ellipses144 144 48 0 8 32 3 12 [.2 0 .2 0] ok_Ellipses144 144 48 0 8 30 3 12 [.1 0 .1 0] ok_Ellipses% EOF
routine definition
http://www.adobe.com/products/adobemag/archive/spirogf1.html
one single context everywhere...designed to faithfully render
+
http://en.wikipedia.org/wiki/PostScript
device independent
database application
routine call
context*
![Page 105: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/105.jpg)
terribly adaptive...but not known for being
![Page 106: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/106.jpg)
be constrained to a single context...but the web wasn't designed to
![Page 107: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/107.jpg)
arbitrary constraints on our content?...maybe we should stop imposing
http://communities-dominate.blogs.com/brands/2011/02/all-the-numbers-all-the-facts-on-mobile-the
![Page 108: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/108.jpg)
software design...web design is
object model view controller
features & constraints
+
device context
...keep an eye on these!
![Page 109: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/109.jpg)
to a brave, new
![Page 110: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/110.jpg)
http://www.flickr.com/photos/colindunn/4479309983
applications...content as
content.app
![Page 111: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/111.jpg)
February 17, 2011
All the Numbers, All the Facts on Mobile the Trillion-Dollar Industry. Why is Google saying: Put your Best People on Mobile?
Yes, Google (outgoing) CEO Eric Schmidt had been saying 'Mobile First' but his latest version of his 'Mobile mobile mobile' mantra, that he shares with all partners and companies interested in mobile is: "Put your best people on mobile." Why? Because Mobile today is by a wide margin, the fastest-growing giant industry on the planet. Because all major digital technologies are headed to mobile - telecoms, computers, the internet, etc - and all major media are headed to mobile - music, gaming, news, television, advertising - and even money, from coins to banking to credit cards, is headed to a phone near you. This is definitely the "industry of the decade" and we have only begun. So how big is big? Its huge. Lets review the numbers.
5.2 Billion Subscribers
So first the biggest number - 5.2. That is in billions with a B. There are 1.2 billion personal computers in use worldwide including desktops, laptops and tablet PCs like the iPad. There are 1.1 billion fixed landline phones. There are 1.0 billion automobiles registered and in use. There are 1.6 billion television sets, 1.7 billion credit card users, 2.0 billion internet users, 2.2 billion people with a banking account, and 3.9 billion radio receivers in use worldwide. Mobile utterly dwarfs them all - with 5.2 billion currently active, ie fully paid mobile phone subscriptions. Active mobile phone accounts. 5.2 billion. yes, 4.5 times more mobile phone subscriptions than personal computers or landline phones. 2.5x more mobile accounts than all internet users. 3 times more mobile subscribers than the total number of television sets. Mobile is huge.
The planet has 6.9 billion people alive, from babies to great grandparents. Now there is an active mobile phone subscription for 75% of them. So where are we? One way to look at it is electricity. The planet has 1.6 billion people who live beyond the reach of electricity (said CNN, 2009). So the mobile phone subscriber count is almost matching every human alive (including babies etc) who enjoys modern conveniences like electricity (5.3 billion people). Or another way? Water. We learned last year that 4.2 billion people use a toothbrush (MMA Forum Asia 2010) - so there are one billion more mobile phone accounts than the total number of users of a toothbrush. Or jobs? Motorola told us last year that there are 5 billion people who have a job on the planet - but 5.2 billion people have a mobile phone.
I am doing my 'count-down' to the point when we have 100% per-capita penetration rate of mobile phone accounts on the planet, ie one active mobile account per person alive. We'll hit that point roughly at the end of 2013. But I'm using an age-related count-down. So if we allocate all existing active mobile phone accounts by age, from the eldest to the youngest, we are now at the start of 2011, at the point, where there would be an active mobile phone account for every person alive on the planet who is over the age of 12. It is coming down at the rate of about one year of age, per quarter! In other words phones are spreading at the rate of four years of age, per year. By the end of this year we'll be at about age 8... And its everywhere. In the USA the mobile phone penetration rate is rapidly nearing the 100% rate per capita (we should pass that point this year). That may seem impressive, it is not. Europe is at 130%, many ;eading countries are already past the 150% level and the United Arab Emirates (ie Abu Dhabi, Dubai etc) became the first country to pass 200% mobile phone subscriber count. And even the poorest regions are rushing in. The continent of Africa has already passed the 50% penetration level in mobile phone subscriptions per capita.
3.7 BILLION UNIQUE MOBILE PHONE USERS
The total mobile phone subscriber count of 5.2 billion is not the same as 'unique users' of mobile phones. Over one third of all people who have a mobile phone, have two or more mobile accounts. Many have two phones, some have a phone and a laptop-PC account on a 3G data dongle, and some walk around with two phones and a data account (3 accounts). Some have one phone but switch between networks and these can easily have 4 or 5 subscriptions usually as prepaid accounts and switch networks swapping the SIM card. In some markets mobile phone handsets with dual SIM (or even triple) SIM card slots account for 20% of all phones in use.
So how many is the 'unique' user count? That is 3.7 billion people. It is already over half of the total population of the planet - and considering most of the planet lives in very poor conditions, mobile phones are by a very wide margin the most widely spread technology on the planet. Yes, 54% of all people alive on the planet have a mobile phone.
– start with the content...it should be blatantly obvious but,
![Page 112: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/112.jpg)
February 17, 2011
All the Numbers, All the Facts on Mobile the Trillion-Dollar Industry. Why is Google saying: Put your Best People on Mobile?
Yes, Google (outgoing) CEO Eric Schmidt had been saying 'Mobile First' but his latest version of his 'Mobile mobile mobile' mantra, that he shares with all partners and companies interested in mobile is: "Put your best people on mobile." Why? Because Mobile today is by a wide margin, the fastest-growing giant industry on the planet. Because all major digital technologies are headed to mobile - telecoms, computers, the internet, etc - and all major media are headed to mobile - music, gaming, news, television, advertising - and even money, from coins to banking to credit cards, is headed to a phone near you. This is definitely the "industry of the decade" and we have only begun. So how big is big? Its huge. Lets review the numbers.
5.2 BILLION SUBSCRIBERS
So first the biggest number - 5.2. That is in billions with a B. There are 1.2 billion personal computers in use worldwide including desktops, laptops and tablet PCs like the iPad. There are 1.1 billion fixed landline phones. There are 1.0 billion automobiles registered and in use. There are 1.6 billion television sets, 1.7 billion credit card users, 2.0 billion internet users, 2.2 billion people with a banking account, and 3.9 billion radio receivers in use worldwide. Mobile utterly dwarfs them all - with 5.2 billion currently active, ie fully paid mobile phone subscriptions. Active mobile phone accounts. 5.2 billion. yes, 4.5 times more mobile phone subscriptions than personal computers or landline phones. 2.5x more mobile accounts than all internet users. 3 times more mobile subscribers than the total number of television sets. Mobile is huge.
The planet has 6.9 billion people alive, from babies to great grandparents. Now there is an active mobile phone subscription for 75% of them. So where are we? One way to look at it is electricity. The planet has 1.6 billion people who live beyond the reach of electricity (said CNN, 2009). So the mobile phone subscriber count is almost matching every human alive (including babies etc) who enjoys modern conveniences like electricity (5.3 billion people). Or another way? Water. We learned last year that 4.2 billion people use a toothbrush (MMA Forum Asia 2010) - so there are one billion more mobile phone accounts than the total number of users of a toothbrush. Or jobs? Motorola told us last year that there are 5 billion people who have a job on the planet - but 5.2 billion people have a mobile phone.
I am doing my 'count-down' to the point when we have 100% per-capita penetration rate of mobile phone accounts on the planet, ie one active mobile account per person alive. We'll hit that point roughly at the end of 2013. But I'm using an age-related count-down. So if we allocate all existing active mobile phone accounts by age, from the eldest to the youngest...
(you may not care) but your users do...typography matters
and competitors
Instapaper
![Page 113: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/113.jpg)
February 17, 2011
All the Numbers, All the Facts on Mobile the Trillion-Dollar Industry. Why is Google saying: Put your Best People on Mobile?
Yes, Google (outgoing) CEO Eric Schmidt had been saying 'Mobile First' but his latest version of his 'Mobile mobile mobile' mantra, that he shares with all partners and companies interested in mobile is: "Put your best people on mobile." Why? Because Mobile today is by a wide margin, the fastest-growing giant industry on the planet. Because all major digital technologies are headed to mobile - telecoms, computers, the internet, etc - and all major media are headed to mobile - music, gaming, news, television, advertising - and even money, from coins to banking to credit cards, is headed to a phone near you. This is definitely the "industry of the decade" and we have only begun. So how big is big? Its huge. Lets review the numbers.
5.2 BILLION SUBSCRIBERS
So first the biggest number - 5.2. That is in billions with a B. There are 1.2 billion personal computers in use worldwide including desktops, laptops and tablet PCs like the iPad. There are 1.1 billion fixed landline phones. There are 1.0 billion automobiles registered and in use. There are 1.6 billion television sets, 1.7 billion credit card users, 2.0 billion internet users, 2.2 billion people with a banking account, and 3.9 billion radio receivers in use worldwide. Mobile utterly dwarfs them all - with 5.2 billion currently active, ie fully paid mobile phone subscriptions. Active mobile phone accounts. 5.2 billion. yes, 4.5 times more mobile phone subscriptions than personal computers or landline phones. 2.5x more mobile accounts than all internet users. 3 times more mobile subscribers than the total number of television sets. Mobile is huge.
The planet has 6.9 billion people alive, from babies to great grandparents. Now there is an active mobile phone subscription for 75% of them. So where are we? One way to look at it is electricity. The planet has 1.6 billion people who live beyond the reach of electricity (said CNN, 2009). So the mobile phone subscriber count is almost matching every human alive (including babies etc) who enjoys modern conveniences like electricity (5.3 billion people). Or another way? Water. We learned last year that 4.2 billion people use a toothbrush (MMA Forum Asia 2010) - so there are one billion more mobile phone accounts than the total number of users of a toothbrush. Or jobs? Motorola told us last year that there are 5 billion people who have a job on the planet - but 5.2 billion people have a mobile phone.
I am doing my 'count-down' to the point when we have 100% per-capita penetration rate of mobile phone accounts on the planet, ie one active mobile account per person alive. We'll hit that point roughly at the end of 2013. But I'm using an age-related count-down. So if we allocate all existing active mobile phone accounts by age, from the eldest to the youngest...
steal their ideas...and don't be afraid to
ie. 'preferences'
![Page 114: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/114.jpg)
http://www.flickr.com/photos/farleyj/2768941171
![Page 115: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/115.jpg)
http://sass-lang.com
/* dimensions */
$min-‐width: 220px;$max-‐width: 960px;
$column-‐main: 65%;$column-‐aside: 31%;$column-‐margin: 4%;
/* dimensions */
@mixin aside { clear: right; float: right; margin: 0 0 0 $column-‐margin; &:color opacify($azure-‐sea-‐of-‐despair, 0.8); width: $column-‐aside;}
@mixin wrap { clear: both; display: block; margin: 0px auto; padding: 0px $column-‐margin/2; min-‐width: $min-‐width; max-‐width: $max-‐width;}
/* colours */$azure-‐sea-‐of-‐despair: rgba(84, 174, 207, 0.75);
constraints can easily be modified
relative values provide flexibility
expressions based on variable features + constraints
and express yourself...think relative, embrace uncertainty
ems + %'s $variables
...check out if you use
![Page 116: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/116.jpg)
February 17, 2011
All the Numbers, All the Facts on Mobile the Trillion-Dollar Industry. Why is Google saying: Put your Best People on Mobile?
Yes, Google (outgoing) CEO Eric Schmidt had been saying 'Mobile First' but his latest version of his 'Mobile mobile mobile' mantra, that he shares with all partners and companies interested in mobile is: "Put your best people on mobile." Why? Because Mobile today is by a wide margin, the fastest-growing giant industry on the planet. Because all major digital technologies are headed to mobile - telecoms, computers, the internet, etc - and all major media are headed to mobile - music, gaming, news, television, advertising - and even money, from coins to banking to credit cards, is headed to a phone near you. This is definitely the "industry of the decade" and we have only begun. So how big is big? Its huge. Lets review the numbers.
5.2 BILLION SUBSCRIBERS
So first the biggest number - 5.2. That is in billions with a B. There are 1.2 billion personal computers in use worldwide including desktops, laptops and tablet PCs like the iPad. There are 1.1 billion fixed landline phones. There are 1.0 billion automobiles registered and in use. There are 1.6 billion television sets, 1.7 billion credit card users, 2.0 billion internet users, 2.2 billion people with a banking account, and 3.9 billion radio receivers in use worldwide. Mobile utterly dwarfs them all - with 5.2 billion currently active, ie fully paid mobile phone subscriptions. Active mobile phone accounts. 5.2 billion. yes, 4.5 times more mobile phone subscriptions than personal computers or landline phones. 2.5x more mobile accounts than all internet users. 3 times more mobile subscribers than the total number of television sets. Mobile is huge.
The planet has 6.9 billion people alive, from babies to great grandparents. Now there is an active mobile phone subscription for 75% of them. So where are we? One way to look at it is electricity. The planet has 1.6 billion people who live beyond the reach of electricity (said CNN, 2009). So the mobile phone subscriber count is almost matching every human alive (including babies etc) who enjoys modern conveniences like electricity (5.3 billion people). Or another way? Water. We learned last year that 4.2 billion people use a toothbrush (MMA Forum Asia 2010) - so there are one billion more mobile phone accounts than the total number of users of a toothbrush. Or jobs? Motorola told us last year that there are 5 billion people who have a job on the planet - but 5.2 billion people have a mobile phone.
I am doing my 'count-down' to the point when we have 100% per-capita penetration rate of mobile phone accounts on the planet, ie one active mobile account per person alive. We'll hit that point roughly at the end of 2013. But I'm using an age-related count-down. So if we allocate all existing active mobile phone accounts by age, from the eldest to the youngest...
a thousand words...a picture is often worth
![Page 117: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/117.jpg)
February 17, 2011
All the Numbers, All the Facts on Mobile the Trillion-Dollar Industry. Why is Google saying: Put your Best People on Mobile?
5.2 BILLION SUBSCRIBERS
So first the biggest number - 5.2. That is in billions with a B. There are 1.2 billion personal computers in use worldwide including desktops, laptops and tablet PCs like the iPad. There are 1.1 billion fixed landline phones. There are 1.0 billion automobiles registered and in use. There are 1.6 billion television sets, 1.7 billion credit card users, 2.0 billion internet users, 2.2 billion people with a banking account, and 3.9 billion radio receivers in use worldwide. Mobile utterly dwarfs them all - with 5.2 billion currently active, ie fully paid mobile phone subscriptions. Active mobile phone accounts. 5.2 billion. yes, 4.5 times more mobile phone subscriptions than personal computers or landline phones. 2.5x more mobile accounts than all internet users. 3 times more mobile subscribers than the total number of television sets. Mobile is huge.
The planet has 6.9 billion people alive, from babies to great grandparents. Now there is an active mobile phone subscription for 75% of them. So where are we? One way to look at it is electricity. The planet has 1.6 billion people who live beyond the reach of electricity (said CNN, 2009). So the mobile phone subscriber count is almost matching every human alive (including babies etc) who enjoys modern conveniences like electricity (5.3 billion people). Or another way? Water. We learned last year that 4.2 billion people use a toothbrush (MMA Forum Asia 2010) - so there are one billion more mobile phone accounts than the total number of users of a toothbrush. Or jobs? Motorola told us last year that there are 5 billion people who have a job on the planet - but 5.2 billion people have a mobile phone.
I am doing my 'count-down' to the point when we have 100% per-capita penetration rate of mobile phone accounts on the planet, ie one active mobile account per person alive. We'll hit that point roughly at the end of 2013. But I'm using an age-related count-down. So if we allocate all existing active mobile phone accounts by age, from the eldest to the youngest...
Yes, Google (outgoing) CEO Eric Schmidt had been saying 'Mobile First' but his latest version of his 'Mobile mobile mobile' mantra, that he shares with all partners and companies interested in mobile is: "Put your best people on mobile." Why? Because Mobile today is by a wide margin, the fastest-growing giant industry on the planet. Because all major digital technologies are headed to mobile - telecoms, computers, the internet, etc - and all major media are headed to mobile - music, gaming, news, television, advertising - and even money, from coins to banking to credit cards, is headed to a phone near you. This is definitely the "industry of the decade" and we have only begun. So how big is big? Its huge.
![Page 118: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/118.jpg)
February 17, 2011
All the Numbers, All the Facts on Mobile the Trillion-Dollar Industry. Why is Google saying: Put your Best People on Mobile?
Yes, Google (outgoing) CEO Eric Schmidt had been saying 'Mobile First' but his latest version of his 'Mobile mobile mobile' mantra, that he shares with all partners and companies interested in mobile is: "Put your best people on mobile." Why? Because Mobile today is by a wide margin, the fastest-growing giant industry on the planet. Because all major digital technologies are headed to mobile - telecoms, computers, the internet, etc - and all major media are headed to mobile - music, gaming, news, television, advertising - and even money, from coins to banking to credit cards, is headed to a phone near you. This is definitely the "industry of the decade" and we have only begun. So how big is big? Its huge. Lets review the numbers.
5.2 BILLION SUBSCRIBERS
So first the biggest number - 5.2. That is in billions with a B. There are 1.2 billion personal computers in use worldwide including desktops, laptops and tablet PCs like the iPad. There are 1.1 billion fixed landline phones. There are 1.0 billion automobiles registered and in use. There are 1.6 billion television sets, 1.7 billion credit card users, 2.0 billion internet users, 2.2 billion people with a banking account, and 3.9 billion radio receivers in use worldwide. Mobile utterly dwarfs them all - with 5.2 billion currently active, ie fully paid mobile phone subscriptions. Active mobile phone accounts. 5.2 billion. yes, 4.5 times more mobile phone subscriptions than personal computers or landline phones. 2.5x more mobile accounts than all internet users. 3 times more mobile subscribers than the total number of television sets. Mobile is huge.
The planet has 6.9 billion people alive, from babies to great grandparents. Now there is an active mobile phone subscription for 75% of them. So where are we? One way to look at it is electricity. The planet has 1.6 billion people who live beyond the reach of electricity (said CNN, 2009). So the mobile phone subscriber count is almost matching every human alive (including babies etc) who enjoys modern conveniences like electricity (5.3 billion people). Or another way? Water. We learned last year that 4.2 billion people use a toothbrush (MMA Forum Asia 2010) - so there are one billion more mobile phone accounts than the total number of users of a toothbrush. Or jobs? Motorola told us last year that there are 5 billion people who have a job on the planet - but 5.2 billion people have a mobile phone.
I am doing my 'count-down' to the point when we have 100% per-capita penetration rate of mobile phone accounts on the planet, ie one active mobile account per person alive. We'll hit that point roughly at the end of 2013. But I'm using an age-related count-down. So if we allocate all existing active mobile phone accounts by age, from the eldest to the youngest...
tinySrc
device context device context
http://tinysrc.net/
to adapt your imagesthe simplest way
a cloud app to resize images appropriate to the device context
BTW - ImageMagick, GD, Batik, PIL and other libraries and applications can be used to roll your own solution...
![Page 119: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/119.jpg)
http://www.flickr.com/photos/johanl/4382372758
can also be...but images
![Page 120: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/120.jpg)
http://www.flickr.com/photos/johanl/4382372758
focus region
...applications
design elements
BTW - ImageMagick, GD, Batik, PIL and other libraries and applications can be used to roll your own solution...
<canvas /><canvas />
data
data
![Page 121: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/121.jpg)
http://www.flickr.com/photos/johanl/4382372758
that adapt
constraints
![Page 122: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/122.jpg)
http://www.flickr.com/photos/johanl/4382372758
to changes...focus region
![Page 123: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/123.jpg)
http://www.flickr.com/photos/johanl/4382372758
in context...
![Page 124: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/124.jpg)
February 17, 2011
All the Numbers, All the Facts on Mobile the Trillion-Dollar Industry. Why is Google saying: Put your Best People on Mobile?
Yes, Google (outgoing) CEO Eric Schmidt had been saying 'Mobile First' but his latest version of his 'Mobile mobile mobile' mantra, that he shares with all partners and companies interested in mobile is: "Put your best people on mobile." Why? Because Mobile today is by a wide margin, the fastest-growing giant industry on the planet. Because all major digital technologies are headed to mobile - telecoms, computers, the internet, etc - and all major media are headed to mobile - music, gaming, news, television, advertising - and even money, from coins to banking to credit cards, is headed to a phone near you. This is definitely the "industry of the decade" and we have only begun. So how big is big? Its huge. Lets review the numbers.
5.2 BILLION SUBSCRIBERS
So first the biggest number - 5.2. That is in billions with a B. There are 1.2 billion personal computers in use worldwide including desktops, laptops and tablet PCs like the iPad. There are 1.1 billion fixed landline phones. There are 1.0 billion automobiles registered and in use. There are 1.6 billion television sets, 1.7 billion credit card users, 2.0 billion internet users, 2.2 billion people with a banking account, and 3.9 billion radio receivers in use worldwide. Mobile utterly dwarfs them all - with 5.2 billion currently active, ie fully paid mobile phone subscriptions. Active mobile phone accounts. 5.2 billion. yes, 4.5 times more mobile phone subscriptions than personal computers or landline phones. 2.5x more mobile accounts than all internet users. 3 times more mobile subscribers than the total number of television sets. Mobile is huge.
The planet has 6.9 billion people alive, from babies to great grandparents. Now there is an active mobile phone subscription for 75% of them. So where are we? One way to look at it is electricity. The planet has 1.6 billion people who live beyond the reach of electricity (said CNN, 2009). So the mobile phone subscriber count is almost matching every human alive (including babies etc) who enjoys modern conveniences like electricity (5.3 billion people). Or another way? Water. We learned last year that 4.2 billion people use a toothbrush (MMA Forum Asia 2010) - so there are one billion more mobile phone accounts than the total number of users of a toothbrush. Or jobs? Motorola told us last year that there are 5 billion people who have a job on the planet - but 5.2 billion people have a mobile phone.
I am doing my 'count-down' to the point when we have 100% per-capita penetration rate of mobile phone accounts on the planet, ie one active mobile account per person alive. We'll hit that point roughly at the end of 2013. But I'm using an age-related count-down. So if we allocate all existing active mobile phone accounts by age, from the eldest to the youngest...
![Page 125: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/125.jpg)
#rant<aside />
http://paulrouget.com/e/infographicsInHTML5
![Page 126: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/126.jpg)
February 17, 2011
All the Numbers, All the Facts on Mobile the Trillion-Dollar Industry. Why is Google saying: Put your Best People on Mobile?
Yes, Google (outgoing) CEO Eric Schmidt had been saying 'Mobile First' but his latest version of his 'Mobile mobile mobile' mantra, that he shares with all partners and companies interested in mobile is: "Put your best people on mobile." Why? Because Mobile today is by a wide margin, the fastest-growing giant industry on the planet. Because all major digital technologies are headed to mobile - telecoms, computers, the internet, etc - and all major media are headed to mobile - music, gaming, news, television, advertising - and even money, from coins to banking to credit cards, is headed to a phone near you. This is definitely the "industry of the decade" and we have only begun. So how big is big? Its huge. Lets review the numbers.
5.2 BILLION SUBSCRIBERS
So first the biggest number - 5.2. That is in billions with a B. There are 1.2 billion personal computers in use worldwide including desktops, laptops and tablet PCs like the iPad. There are 1.1 billion fixed landline phones. There are 1.0 billion automobiles registered and in use. There are 1.6 billion television sets, 1.7 billion credit card users, 2.0 billion internet users, 2.2 billion people with a banking account, and 3.9 billion radio receivers in use worldwide. Mobile utterly dwarfs them all - with 5.2 billion currently active, ie fully paid mobile phone subscriptions. Active mobile phone accounts. 5.2 billion. yes, 4.5 times more mobile phone subscriptions than personal computers or landline phones. 2.5x more mobile accounts than all internet users. 3 times more mobile subscribers than the total number of television sets. Mobile is huge.
The planet has 6.9 billion people alive, from babies to great grandparents. Now there is an active mobile phone subscription for 75% of them. So where are we? One way to look at it is electricity. The planet has 1.6 billion people who live beyond the reach of electricity (said CNN, 2009). So the mobile phone subscriber count is almost matching every human alive (including babies etc) who enjoys modern conveniences like electricity (5.3 billion people). Or another way? Water. We learned last year that 4.2 billion people use a toothbrush (MMA Forum Asia 2010) - so there are one billion more mobile phone accounts than the total number of users of a toothbrush. Or jobs? Motorola told us last year that there are 5 billion people who have a job on the planet - but 5.2 billion people have a mobile phone.
I am doing my 'count-down' to the point when we have 100% per-capita penetration rate of mobile phone accounts on the planet, ie one active mobile account per person alive. We'll hit that point roughly at the end of 2013. But I'm using an age-related count-down. So if we allocate all existing active mobile phone accounts by age, from the eldest to the youngest...
all that text?...and what about
![Page 127: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/127.jpg)
this text?...or for that matter
@bdconfIf you're not at #mobilism you can still watch the browser panel athttp://mobilism.nl/2011/stream at 16:00 CET! via @ppk
![Page 128: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/128.jpg)
http://www.flickr.com/photos/aubergene/970367879
and meaningful...make it usable
![Page 129: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/129.jpg)
http://www.flickr.com/photos/aubergene/970367879
enable manipulation...add structure to
![Page 130: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/130.jpg)
your textual data...markup enhances
@bdconfIf you're not at #mobilism you can still watch the browser panel athttp://mobilism.nl/2011/stream at 16:00 CET! via @ppk
url
identifiertag
or content...?
![Page 131: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/131.jpg)
this is also recognisable...
If you're not at #mobilism you can still watch the browser panel athttp://mobilism.nl/2011/stream at 16:00 CET! via @ppk
![Page 132: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/132.jpg)
February 17, 2011
All the Numbers, All the Facts on Mobile the Trillion-Dollar Industry. Why is Google saying: Put your Best People on Mobile?
Yes, Google (outgoing) CEO Eric Schmidt had been saying 'Mobile First' but his latest version of his 'Mobile mobile mobile' mantra, that he shares with all partners and companies interested in mobile is: "Put your best people on mobile." Why? Because Mobile today is by a wide margin, the fastest-growing giant industry on the planet. Because all major digital technologies are headed to mobile - telecoms, computers, the internet, etc - and all major media are headed to mobile - music, gaming, news, television, advertising - and even money, from coins to banking to credit cards, is headed to a phone near you. This is definitely the "industry of the decade" and we have only begun. So how big is big? Its huge. Lets review the numbers.
5.2 BILLION SUBSCRIBERS
So first the biggest number - 5.2. That is in billions with a B. There are 1.2 billion personal computers in use worldwide including desktops, laptops and tablet PCs like the iPad. There are 1.1 billion fixed landline phones. There are 1.0 billion automobiles registered and in use. There are 1.6 billion television sets, 1.7 billion credit card users, 2.0 billion internet users, 2.2 billion people with a banking account, and 3.9 billion radio receivers in use worldwide. Mobile utterly dwarfs them all - with 5.2 billion currently active, ie fully paid mobile phone subscriptions. Active mobile phone accounts. 5.2 billion. yes, 4.5 times more mobile phone subscriptions than personal computers or landline phones. 2.5x more mobile accounts than all internet users. 3 times more mobile subscribers than the total number of television sets. Mobile is huge.
The planet has 6.9 billion people alive, from babies to great grandparents. Now there is an active mobile phone subscription for 75% of them. So where are we? One way to look at it is electricity. The planet has 1.6 billion people who live beyond the reach of electricity (said CNN, 2009). So the mobile phone subscriber count is almost matching every human alive (including babies etc) who enjoys modern conveniences like electricity (5.3 billion people). Or another way? Water. We learned last year that 4.2 billion people use a toothbrush (MMA Forum Asia 2010) - so there are one billion more mobile phone accounts than the total number of users of a toothbrush. Or jobs? Motorola told us last year that there are 5 billion people who have a job on the planet - but 5.2 billion people have a mobile phone.
I am doing my 'count-down' to the point when we have 100% per-capita penetration rate of mobile phone accounts on the planet, ie one active mobile account per person alive. We'll hit that point roughly at the end of 2013. But I'm using an age-related count-down. So if we allocate all existing active mobile phone accounts by age, from the eldest to the youngest...
data-attributessemantic elements
open data formatshCard, hCal, rel-*, etc.
meaningful structure...read it and add
HTML5http://w3.org/html5
microformatsmicroformats.org
some call it editorial...
![Page 133: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/133.jpg)
February 17, 2011
All the Numbers, All the Facts on Mobile the Trillion-Dollar Industry. Why is Google saying: Put your Best People on Mobile?
Yes, Google (outgoing) CEO Eric Schmidt had been saying 'Mobile First' but his latest version of his 'Mobile mobile mobile' mantra, that he shares with all partners and companies interested in mobile is: "Put your best people on mobile." Why? Because Mobile today is by a wide margin, the fastest-growing giant industry on the planet. Because all major digital technologies are headed to mobile - telecoms, computers, the internet, etc - and all major media are headed to mobile - music, gaming, news, television, advertising - and even money, from coins to banking to credit cards, is headed to a phone near you. This is definitely the "industry of the decade" and we have only begun. So how big is big? Its huge. Lets review the numbers.
5.2 BILLION SUBSCRIBERS
The planet has 6.9 billion people alive, from babies to great grandparents. Now there is an active mobile phone subscription for 75% of them. So where are we? One way to look at it is electricity. The planet has 1.6 billion people who live beyond the reach of electricity (said CNN, 2009). So the mobile phone subscriber count is almost matching every human alive (including babies etc) who enjoys modern conveniences like electricity (5.3 billion people). Or another way? Water. We learned last year that 4.2 billion people use a toothbrush (MMA Forum Asia 2010) - so there are one billion more mobile phone accounts than the total number of users of a toothbrush. Or jobs? Motorola told us last year that there are 5 billion people who have a job on the planet - but 5.2 billion people have a mobile phone.
I am doing my 'count-down' to the point when we have 100% per-capita penetration rate of mobile phone accounts on the planet, ie one active mobile account per person alive. We'll hit that point roughly at the end of 2013. But I'm using an age-related count-down. So if we allocate all existing active mobile phone accounts by age, from the eldest to the youngest...
Description Billions
mobile subscribers 5.2
personal computers in use 1.2
fixed landline phones 1.1
registered automobiles in use 1.0
television sets 1.6
credit card users 1.7
internet users 2.0
people with a banking account 2.2
radio receivers in use 3.9
you to better interpret...which will enable
a little information design can often help clarify things...
interpret
"Links don't open apps"– @grigs
typically
![Page 134: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/134.jpg)
February 17, 2011
All the Numbers, All the Facts on Mobile the Trillion-Dollar Industry. Why is Google saying: Put your Best People on Mobile?
Yes, Google (outgoing) CEO Eric Schmidt had been saying 'Mobile First' but his latest version of his 'Mobile mobile mobile' mantra, that he shares with all partners and companies interested in mobile is: "Put your best people on mobile." Why? Because Mobile today is by a wide margin, the fastest-growing giant industry on the planet. Because all major digital technologies are headed to mobile - telecoms, computers, the internet, etc - and all major media are headed to mobile - music, gaming, news, television, advertising - and even money, from coins to banking to credit cards, is headed to a phone near you. This is definitely the "industry of the decade" and we have only begun. So how big is big? Its huge. Lets review the numbers.
5.2 BILLION SUBSCRIBERS
The planet has 6.9 billion people alive, from babies to great grandparents. Now there is an active mobile phone subscription for 75% of them. So where are we? One way to look at it is electricity. The planet has 1.6 billion people who live beyond the reach of electricity (said CNN, 2009). So the mobile phone subscriber count is almost matching every human alive (including babies etc) who enjoys modern conveniences like electricity (5.3 billion people). Or another way? Water. We learned last year that 4.2 billion people use a toothbrush (MMA Forum Asia 2010) - so there are one billion more mobile phone accounts than the total number of users of a toothbrush. Or jobs? Motorola told us last year that there are 5 billion people who have a job on the planet - but 5.2 billion people have a mobile phone.
I am doing my 'count-down' to the point when we have 100% per-capita penetration rate of mobile phone accounts on the planet, ie one active mobile account per person alive. We'll hit that point roughly at the end of 2013. But I'm using an age-related count-down. So if we allocate all existing active mobile phone accounts by age, from the eldest to the youngest...
0
1.5
3
4.5
6
billions of users
mobile radio bank accountinternet credit card televisioncomputers landline automobiles
images can also be applications!
chart tools APIvisualise
your message...and communicate
Description Billions
mobile subscribers 5.2
personal computers in use 1.2
fixed landline phones 1.1
registered automobiles in use 1.0
television sets 1.6
credit card users 1.7
internet users 2.0
people with a banking account 2.2
radio receivers in use 3.9
![Page 135: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/135.jpg)
February 17, 2011
All the Numbers, All the Facts on Mobile the Trillion-Dollar Industry. Why is Google saying: Put your Best People on Mobile?
Yes, Google (outgoing) CEO Eric Schmidt had been
Yes, Google (outgoing) CEO Eric Schmidt had been saying 'Mobile First' but his latest version of his 'Mobile mobile mobile' mantra, that he shares with all partners and companies interested in mobile is: "Put your best people on mobile." Why? Because Mobile today is by a wide margin, the fastest-growing giant industry on the planet. Because all major digital technologies are headed to mobile - telecoms, computers, the internet, etc - and all major media are headed to mobile - music, gaming, news, television, advertising - and even money, from coins to banking to credit cards, is headed to a phone near you. This is definitely the "industry of the decade" and we have only begun. So how big is big? Its huge. Lets review the numbers.
5.2 BILLION SUBSCRIBERS
The planet has 6.9 billion people alive, from babies to great grandparents. Now there is an active mobile phone subscription for 75% of them. So where are we? One way to look at it is electricity. The planet has 1.6 billion people who live beyond the reach of electricity (said CNN, 2009). So the mobile phone subscriber count is almost matching every human alive (including babies etc) who enjoys modern conveniences like electricity (5.3 billion people). Or another way? Water. We learned last year that 4.2 billion people use a toothbrush (MMA Forum Asia 2010) - so there are one billion more mobile phone accounts than the total number of users of a toothbrush. Or jobs? Motorola told us last year that there are 5 billion people who have a job on the planet - but 5.2 billion people have a mobile phone.
I am doing my 'count-down' to the point when we have 100% per-capita penetration rate of mobile phone accounts on the planet, ie one active mobile account per person alive. We'll hit that point roughly at the end of 2013. But I'm using an age-related count-down. So if we allocate all existing active mobile phone accounts by age, from the eldest to the youngest...
in different contexts...and content
HTML5http://w3.org/html5
CSSSVG
mobile
radio
5.2 billion currently active mobile phone subscriptions – that's 4.5 times more than personal computers
television
computers
make meaning
HTML
Description Billions
mobile subscribers 5.2
personal computers in use 1.2
fixed landline phones 1.1
registered automobiles in use 1.0
television sets 1.6
credit card users 1.7
internet users 2.0
people with a banking account 2.2
radio receivers in use 3.9
not just an image, but 'real' data
images can also be applications!
![Page 136: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/136.jpg)
mobile
radio
5.2 billion currently active mobile phone subscriptions – that's 4.5 times more than personal computers
television
computers
http://communities-domina
![Page 137: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/137.jpg)
February 17, 2011
All the Numbers, All the Facts on Mobile the Trillion-Dollar Industry. Why is Google saying: Put your Best People on Mobile?
Yes, Google (outgoing) CEO Eric Schmidt had been saying 'Mobile First' but his latest version of his 'Mobile mobile mobile' mantra, that he shares
http://communities-domina
![Page 138: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/138.jpg)
http://communities-dominate.blogs.com/brands/2011/02/all-the
Yes, Google (outgoing) CEO Eric Schmidt had been saying 'Mobile First' but his latest version of his 'Mobile mobile mobile' mantra, that he shares with all partners and companies interested in mobile is: "Put your best people on mobile." Why? Because Mobile today is by a wide margin, the fastest-growing giant industry on the planet. Because all major digital technologies are headed to mobile - telecoms, computers, the internet, etc - and all major media are headed to mobile - music, gaming, news, television, advertising - and even money, from coins to banking to
February 17, 2011
mobile
radio
5.2 billion currently active mobile phone subscriptions – that's 4.5 times more than personal computers
All the Numbers, All the Facts on Mobile the Trillion-Dollar Industry. Why is Google saying: Put your Best People on Mobile?
Communities Dominate Brands
![Page 139: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/139.jpg)
http://communities-dominate.blogs.com/brands/2011/02/all-the-numbers-all-the-facts-on-mobile-the-
mobile5.2 billion currently active mobile phone subscriptions – that's 4.5 times more than personal computers
computers
All the Numbers, All the Facts on Mobile the Trillion-Dollar Industry. Why is Google saying: Put your Best People on Mobile?Yes, Google (outgoing) CEO Eric Schmidt had been saying 'Mobile First' but his latest version of his 'Mobile mobile mobile' mantra, that he shares with all partners and companies interested in mobile is: "Put your best people on mobile." Why? Because Mobile today is by a wide margin, the fastest-growing giant industry on the planet. Because all major digital technologies are headed to mobile - telecoms, computers, the internet, etc - and all major media are headed to mobile - music, gaming, news, television, advertising - and even money, from coins to banking to credit cards, is headed to a phone near you. This is definitely the "industry of the decade" and we have only begun. So how big is big? Its huge. Lets review the numbers.
February 17, 2011Communities Dominate Brands
0
1.5
3
4.5
6
5.2 BILLION SUBSCRIBERS
![Page 140: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/140.jpg)
http://www.flickr.com/photos/plasticbag/2335503812
...it sounds dumb, but I can't tell you how often I'd really like articles online to have a 'download as PDF' or ePub option...– @tomcoateshttp://twitter.com/#!/tomcoates/status/66368409335644160
“an opportunity
![Page 141: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/141.jpg)
mobile
radio
5.2 billion currently active
mobile phone subscriptions –
that's 4.5 times more than
personal computers
televisioncomputers
one more context...which is merely
convenience has value...
apps are often just another context...
or 2, 3, 4, or...
![Page 142: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/142.jpg)
http://www.flickr.com/photos/digitalsextant/3624030270
zombie apocalypse...in the coming
![Page 143: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/143.jpg)
http://www.flickr.com/photos/wasteofspace/4861254682
“ Survival is not mandatory.It is not necessary to change.
– W. Edwards Deming
![Page 144: Muddling Through the Mobile Web](https://reader031.fdocuments.in/reader031/viewer/2022020922/540d255f7bef0a906e8b48b3/html5/thumbnails/144.jpg)
http://www.flickr.com/photos/tinou/453593446
[email protected] thank you
http://www.slideshare.net/yiibu/muddling-through-the-mobile-web
many thanks to the amazing photographers on
http://creativecommons.org/licenses/by/2.0
http://www.flickr.com/creativecommons/by-2.0
hi
http://www.exljbris.com/museo.htmlMuseo
the font we use is
licensed under
available on
please say
@yiibu