muddling through the mobile web

144
the Mobile Web designing for rapid change and increasing diversity Muddling Through http://www.flickr.com/photos/booleansplit/2806792407 http://creativecommons.org/licenses/by/2.0

Upload: yiibu

Post on 08-Sep-2014

43 views

Category:

Technology


4 download

DESCRIPTION

Presentation by Bryan Rieger of Yiibu for Mobilism 2011 conference - http://mobilism.nl @mobilismconf in Amsterdam on 13/05/2011.

TRANSCRIPT

Page 1: Muddling Through the Mobile Web

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

http://www.flickr.com/photos/joo0ey/4630950433

quickly these days...things are moving pretty

Page 3: Muddling Through the Mobile Web

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

http://www.alistapart.com/articles/understandingprogressiveenhancement

being revisited...but lately, old ideas are

Page 5: Muddling Through the Mobile Web

http://www.alistapart.com/articles/responsive-web-design

shaking things up...and new ideas are really

Page 6: Muddling Through the Mobile Web

http://www.flickr.com/photos/3oheme/4069616710

still beckons madmen & dreamers...of course the elusive ‘One Web’

Page 7: Muddling Through the Mobile Web

http://www.flickr.com/photos/aerosolhalos/5134483703

pragmatic devotees ;)...of which we’re

Page 8: Muddling Through the Mobile Web

BUT

http://www.flickr.com/photos/christopherdombres/4493564844

You must have a goal in life.

Page 10: Muddling Through the Mobile Web

http://yiibu.com

Are we there yet?this is rhetorical...

Page 11: Muddling Through the Mobile Web

http://www.flickr.com/photos/wwworks/2427001802

remain unanswered...many questions

...why are kiwi fruit fuzzy?

Page 12: Muddling Through the Mobile Web

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

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

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

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

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

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

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

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

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

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

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

http://www.flickr.com/photos/digger_twit/1353837770

filtering + transformation prototypes...a selection of content

Page 24: Muddling Through the Mobile Web

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

existing HTML content...begin with some

Page 26: Muddling Through the Mobile Web

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

$html->find('img[src]');

resolution_width: 240 device property

Page 28: Muddling Through the Mobile Web

resolution_width: 240 device property

<img />

<img />

<img />

Page 31: Muddling Through the Mobile Web

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

...an interesting idea

{{mustache}} inspired...

Page 33: Muddling Through the Mobile Web

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

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

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

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

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

http://www.flickr.com/photos/meddygarnet/3390890516

two things...but we did learn

Page 39: Muddling Through the Mobile Web

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

http://www.flickr.com/photos/congaman/4059136660

the web today is wrong...everything we believed about

Page 41: Muddling Through the Mobile Web

http://www.flickr.com/photos/sketch22/2460898332

becomes obvious...in hindsight...the problem

Page 42: Muddling Through the Mobile Web

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

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

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

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

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

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

http://www.flickr.com/photos/carbonnyc/4213684953

by human factors...yet we're inherently constrained

Page 49: Muddling Through the Mobile Web

http://www.flickr.com/photos/whiskeytango/471826517

one problem...which presents us with

nagging

Page 50: Muddling Through the Mobile Web

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

http://www.flickr.com/photos/sporst/3999795549

what we mean by 'context'......let's first deal with

Page 52: Muddling Through the Mobile Web

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

http://www.flickr.com/photos/collinmesser/4567027786

unpredictable lot...human beings are a generally

Page 54: Muddling Through the Mobile Web

http://www.flickr.com/photos/collinmesser/4567027786

an impossible task...determining user context remains

meaningful

Page 55: Muddling Through the Mobile Web

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

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

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

http://www.flickr.com/photos/wscullin/3770015203

first load...

Page 59: Muddling Through the Mobile Web

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

http://www.flickr.com/photos/wscullin/3770015203

$wurfl->getDevice($id);

PHP, Java, etc.

...or another dB!

Page 61: Muddling Through the Mobile Web

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

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

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

http://www.flickr.com/photos/wscullin/3770015203

{    width:{        screen:320    }}

initial response

Page 65: Muddling Through the Mobile Web

http://www.flickr.com/photos/wscullin/3770015203

{    width:{        screen:320    }}

JavaScript

detectFeatures();3

Page 66: Muddling Through the Mobile Web

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

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

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

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

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

http://www.flickr.com/photos/aturkus/4040454167

Page 72: Muddling Through the Mobile Web

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

http://www.flickr.com/photos/pagedooley/2121472112

is actually not normal...?what if what is actual

Page 74: Muddling Through the Mobile Web

http://www.flickr.com/photos/jb-london/4112837448

cerebral gymnastics...and now for a little

Page 75: Muddling Through the Mobile Web

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

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

and

Page 78: Muddling Through the Mobile Web

http://www.flickr.com/photos/pasteberlusconi/5352932503

if we designed content...what would happen

Page 79: Muddling Through the Mobile Web

http://www.flickr.com/photos/stephi2006/4428932249

to how we design software...?in a manner similar

Page 80: Muddling Through the Mobile Web

that adapts to 40,000 contexts?...could we design content

Page 81: Muddling Through the Mobile Web

http://www.flickr.com/photos/seatbelt67/502255276

hmm...

Page 82: Muddling Through the Mobile Web

{insert fave CMS here}

built using a CMS...most websites today are

Page 83: Muddling Through the Mobile Web

http://www.nytimes.com

<put content here /> tend to dominate content...

where page templates

Page 84: Muddling Through the Mobile Web

<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

<put content here />

Page 86: Muddling Through the Mobile Web

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

http://www.flickr.com/photos/wengs/3938347495

completely irrelevant...where context is

Page 88: Muddling Through the Mobile Web

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

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

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

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

http://www.flickr.com/photos/proimos/4199675334

...doh!

Page 93: Muddling Through the Mobile Web

http://www.flickr.com/photos/johanl/4816110696

opportunities for others...which of course provides exciting

Page 94: Muddling Through the Mobile Web

Instapaper ReadableFlipboard+ Reader in Safari...

Page 95: Muddling Through the Mobile Web

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

turning it into this...and automagically

Page 97: Muddling Through the Mobile Web

and this...

Page 98: Muddling Through the Mobile Web

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

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

#!/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

http://www.flickr.com/photos/jaako/218844774

but can we...

Page 102: Muddling Through the Mobile Web

better than a PDF...?do significantly

Page 103: Muddling Through the Mobile Web

little technology......a fascinating

object database

booleans, numbers, strings,

names, arrays, dictionaries,

streams and null...

database

Page 104: Muddling Through the Mobile Web

%!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

terribly adaptive...but not known for being

Page 106: Muddling Through the Mobile Web

be constrained to a single context...but the web wasn't designed to

Page 107: Muddling Through the Mobile Web

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

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

to a brave, new

Page 110: Muddling Through the Mobile Web

http://www.flickr.com/photos/colindunn/4479309983

applications...content as

content.app

Page 111: Muddling Through the Mobile Web

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

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

Flipboard

Page 113: Muddling Through the Mobile Web

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

http://www.flickr.com/photos/farleyj/2768941171

Page 115: Muddling Through the Mobile Web

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

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

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

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

http://www.flickr.com/photos/johanl/4382372758

can also be...but images

Page 120: Muddling Through the Mobile Web

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

http://www.flickr.com/photos/johanl/4382372758

that adapt

constraints

Page 122: Muddling Through the Mobile Web

http://www.flickr.com/photos/johanl/4382372758

to changes...focus region

Page 123: Muddling Through the Mobile Web

http://www.flickr.com/photos/johanl/4382372758

in context...

Page 124: Muddling Through the Mobile Web

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

#rant<aside />

http://paulrouget.com/e/infographicsInHTML5

Page 126: Muddling Through the Mobile Web

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

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

http://www.flickr.com/photos/aubergene/970367879

and meaningful...make it usable

Page 129: Muddling Through the Mobile Web

http://www.flickr.com/photos/aubergene/970367879

enable manipulation...add structure to

Page 130: Muddling Through the Mobile Web

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

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

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

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

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

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

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

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

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

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

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

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

http://www.flickr.com/photos/digitalsextant/3624030270

zombie apocalypse...in the coming

Page 143: Muddling Through the Mobile Web

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

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