Beyond the mobile web by yiibu

132
beyond the mobile web... http://www.flickr.com/photos/puuikibeach/3991552331

description

Presented by Stephanie Rieger at Breaking Development in Dallas, April 11 2011 and Mobilism in Amsterdam, May 12, 2011. Context is often cited as the single most important factor in design for the mobile medium. Mobile devices are of course 'mobile', but they are also small, always on, always with us, and can instantly connect us to the people we love. Mobile services must therefore be simple, social, and well-focussed--enabling us to quickly get things done on even the smallest screens. This is all well and good, but mobile devices have changed. They may be mobile, but many have already stopped being 'phones'—nor do they resemble what we traditionally think of as computers. This presentation will explore how our use, and perception of mobile devices is changing, and how these changes may impact how we should design for them going forward.

Transcript of Beyond the mobile web by yiibu

Page 1: Beyond the mobile web by yiibu

beyond the mobile web...

http://www.flickr.com/photos/puuikibeach/3991552331

Page 2: Beyond the mobile web by yiibu

Part 1: Massive Change

http://www.flickr.com/photos/chadmagiera/265752353

Page 3: Beyond the mobile web by yiibu

http://www.flickr.com/photos/armaggeusa/3176297283

The most profound technologies are those that disappear. They weave themselves into the fabric of everyday life until they are indistinguishable from it…. - Mark Weiser“

Page 4: Beyond the mobile web by yiibu

http://www.flickr.com/photos/mcgraths/5332476357

There used to be a certain (old fashioned) logic to the way we interacted with people, places, and things.

Page 5: Beyond the mobile web by yiibu

http://www.flickr.com/photos/ccacnorthlib/3554627364http://www.flickr.com/photos/scobleizer/3026517429

you went to a library. You wanted knowledge,

Page 6: Beyond the mobile web by yiibu

http://www.flickr.com/photos/lordcolus/3271042499

You wanted to be social, you went to a club or cafe.

Page 7: Beyond the mobile web by yiibu

http://www.flickr.com/photos/herry/3005310002

You wanted to consume, you went to a shop

Page 8: Beyond the mobile web by yiibu

http://www.flickr.com/photos/robertsharp59/3749693084

These behaviours were imposed on us by culture, society, and plain old physics and geography.

Page 9: Beyond the mobile web by yiibu

http://www.flickr.com/photos/dahlstroms/3444838707

Then internet came along...and things got a lot closer.

Page 10: Beyond the mobile web by yiibu

http://www.flickr.com/photos/whatcouldgowrong/5320553588

internet was still “an activity”...but until recently, using the

Page 11: Beyond the mobile web by yiibu

full-sized keyboard

comfy chair

focused user

work surface

environment

privacy

unlimited data

reliable power source

reliable network

with a fairly specific context

http://www.flickr.com/photos/fuzzcat/22019163

Page 12: Beyond the mobile web by yiibu

http://www.flickr.com/photos/anap/2878165366

turned on its head...this context has been

Page 13: Beyond the mobile web by yiibu

http://www.flickr.com/photos/dumbledad/3262185149

<historical interlude>

Page 14: Beyond the mobile web by yiibu

One of the interesting estimates is that there are about 35 billion devices connected to the Internet. Soon, there will be so many that we’ll stop counting. - Eric Schmidt, Google“

http://www.flickr.com/photos/webtreatsetc/4860505549/

Page 15: Beyond the mobile web by yiibu

*2010 estimates put the population over 6.8 billion inhabitants...

6.8 billion

Page 16: Beyond the mobile web by yiibu

77%number of people with mobile devices

or 5.3 billion at the end of 2010 – U.N. Telecommunications Agency, http://www.itu.int

Page 17: Beyond the mobile web by yiibu

free platformslow cost components

a perfect storm

http://www.flickr.com/photos/deks/697297227

+

=

Page 18: Beyond the mobile web by yiibu

http://www.flickr.com/photos/oskay/3300199882

and a lot of disruption...

Page 19: Beyond the mobile web by yiibu

http://www.flickr.com/photos/oskay/3300199882

http://casium.fr/component/kashyap/bc_detail/109 http://www.visionmobile.com/blog/2010/09/waking-the-dragon-the-rise-of-android-in-china-2/

and a lot of disruption...+

a free operating system (Android)dual core ARM 9 @ 416MHz2G GSM/EDGE2.8” QVGA resistive touch screen2MP cameraGPSWIFI and BlueTooth silicon

<$90 components + plastic case~4 weeks to market!

= Actions-Semi, MTK, TongXinDa , Rockchip...

Page 20: Beyond the mobile web by yiibu

http://www.flickr.com/photos/tanj/4432327487

the smartphone of two years ago... the feature phone of today is

Page 21: Beyond the mobile web by yiibu

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

things may change...

Do Not Anger the Alpha Androidhttp://www.businessweek.com/magazine/content/11_15/b4223041200216.htm

yet again

Page 22: Beyond the mobile web by yiibu

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

“..events, threats and opportunities aren't justcoming at us faster or with less predictability;they are converging and influencing each otherto create entirely new situations.

These firsts-of-their-kind developmentsrequire unprecedented degrees of creativity.Captializing on Complexity - 2010 IBM CEO Study

Page 23: Beyond the mobile web by yiibu

http://www.flickr.com/photos/misbehave/2352753067

</historical interlude>

...which brings us to the present

Page 24: Beyond the mobile web by yiibu

We're in a world of one line of connectivity. That's us. You see...we don't have to "go" to the internet any more.Mitch Joel, TedX Montreal“

http://www.flickr.com/photos/misbehave/2352753067

Page 25: Beyond the mobile web by yiibu

the internet is now an intricate part of our lives

http://www.flickr.com/photos/marksurman/3933656879

Page 26: Beyond the mobile web by yiibu

chatting with friends in Boston...

scheduling a meeting in Melbourne...

re-charging in Hong Kong...

it’s now trivial (and commonplace) for peopleto 'be' in many places at once

Page 27: Beyond the mobile web by yiibu

http://www.flickr.com/photos/tocaboca/5523598823

“For kids like my 13 year-old, the boundaries between the internet and life are so porous as to be meaningless.“ Comment on the Guardian web site

Page 28: Beyond the mobile web by yiibu

...people reach for the internet using whatever device makes sense to them at that time

http://www.flickr.com/photos/ghewgill/5046616680

Page 29: Beyond the mobile web by yiibu

...[the Kindle browser] is somewhat slow but it definitely works, in fact my teen daughter uses hers constantly...among other things she uses it to keep in touch with her friends.People discussing the Kindle browser on a message board

http://www.flickr.com/photos/ghewgill/5046616680

Page 30: Beyond the mobile web by yiibu

http://www.flickr.com/photos/jcfrog/4692750598

...the mobile internet is more convenient than my home connection...say 30% of respondents - Yahoo/Nielsen Mobile Shopping PDF

Page 31: Beyond the mobile web by yiibu

http://www.flickr.com/photos/williambrawley/4522648456

this is having a dramatic impact onour behaviour and our expectations...

Page 32: Beyond the mobile web by yiibu

the traditional ‘short-activity-or-distraction’ mobile context is still valid...

Page 34: Beyond the mobile web by yiibu

http://www.flickr.com/photos/wonderdawg777/662293238

76% use mobile while waitingin line or for an appointment...

Source: Compete quarterly smartphone report, Jan 2010

Page 35: Beyond the mobile web by yiibu

“http://www.flickr.com/photos/joi/2663605178

Just been picked up at the airport by a limo driver who looked me up on the Internet so he'd recognize me and have stuff to talk about. !!! http://twitter.com/tomcoates/status/51734242991947778

Page 36: Beyond the mobile web by yiibu

but mobile is increasingly being combined with other activities...

Page 38: Beyond the mobile web by yiibu

69% use mobile for point of sale research while shopping

http://www.flickr.com/photos/lollaping/3327541574Source: Compete quarterly smartphone report, Jan 2010

Page 39: Beyond the mobile web by yiibu

sometimes visit a site on mobile

...and follow up on the PC

59%

Source: Yahoo

mobile is also used to time-shift

Page 41: Beyond the mobile web by yiibu

http://en.wikipedia.org/wiki/Piper_PA-46

...facilitating completion of larger tasks

“The most expensive item sold via eBay’s mobile app was a 1985 Piper PA-46-310P Malibu airplane for $265,000.“ src: Mashable

Page 42: Beyond the mobile web by yiibu

http://www.flickr.com/photos/plagevinilosyadhesivosdecorativos/5549366513

and important life decisions...

“The largest purchase on the M&S mobile web site last Christmas was two sofas costing over £3000 ($5000)“ src: Marketing Week

Page 43: Beyond the mobile web by yiibu

1.3 billionalready use the mobile internet

Page 44: Beyond the mobile web by yiibu

...and for many, this is their only access point

USA 25%

Users who never or infrequently use the desktop web, Source: On Device Research, Dec 2010

UK 22%

India 59%

S. Africa 57%

Indonesia 44%

China 22%

Egypt 70%

Russia 19%

home ADSL~$100/mth,PAYG unlimited mobile data~$17/mth

Page 45: Beyond the mobile web by yiibu

With current growth rates, Web access by peopleon 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 vis mobiThinking http://www.flickr.com/photos/whiteafrican/2938685296

Page 46: Beyond the mobile web by yiibu

so ‘mobile’ is no longer just this...

http://www.flickr.com/photos/oimax/3800475934

limited aention

tedious input

simple?

distractions

public space

glanceable?

personal

one hand

Page 47: Beyond the mobile web by yiibu

it’s now also this...full-sized keyboard

comfy chair

focused user

work surface

environment

privacy

unlimited data

reliable power source

reliable network

http://www.flickr.com/photos/othree/5224045406

Page 48: Beyond the mobile web by yiibu

comfy chair

focused user

privacy

unlimited wi"?

reliable power source?

reliable network?

1hr train ride

or this...

two hands

Page 49: Beyond the mobile web by yiibu

comfy chair

prone to interruptions

privacy

reliable power source

and maybe some of this?

http://www.flickr.com/photos/joeshlabotnik/2359224681

one hand

gravity

Page 50: Beyond the mobile web by yiibu

http://www.flickr.com/photos/mattedgar/3724116027

or possibly this...

iPad 2 magnets are apparently strong

enough to ‘natively’ do this!

http://tumblr.topherhulett.com/post/3902283232/i-know-you-were-wondering-yes-the-magnets-in

Page 51: Beyond the mobile web by yiibu

these new behaviours create a bit of a problem...

http://www.flickr.com/photos/barkbud/4914492619

Page 52: Beyond the mobile web by yiibu

cues and guidelines that were important logical just a few years months ago are still useful...but no longer reliable

Page 53: Beyond the mobile web by yiibu

http://www.flickr.com/photos/webtreatsetc/4860505549/

Context is King: circumstances or conditions that surround a person, place or thing. Content is of little value if it does not address the context of where you are. - Cameron Moll, SXSW, 2007“

Page 54: Beyond the mobile web by yiibu

http://www.flickr.com/photos/webtreatsetc/4860505549/

Google (2007) breaks down mobile users into three behaviour groups:A. "Repetitive now"B. "Bored now"C. "Urgent now"

Page 55: Beyond the mobile web by yiibu

http://www.flickr.com/photos/webtreatsetc/4860505549/

Mobile user: typically on the go in an unpredictable environment, interested in quick glanceable information, focused on discrete individual tasks, is often distracted.- Joe Marini @ MIX 2010

Page 56: Beyond the mobile web by yiibu

now statements such as these are becoming far more common

Page 57: Beyond the mobile web by yiibu

http://www.flickr.com/photos/webtreatsetc/4860505549/

i love it! nice and clean look, easy to navigate and easy to read. well done! but...can you put a bit more news on there? “

Source: Comments from readers regarding The Guardian’s new mobile web site

Page 58: Beyond the mobile web by yiibu

http://www.flickr.com/photos/webtreatsetc/4860505549/

There should be a text only version of the (desktop) site for those of us who don't like the busyness of the main site.“

Source: User talking about his habit of using the mobile Guardian site on his PC

Page 59: Beyond the mobile web by yiibu

http://www.flickr.com/photos/webtreatsetc/4860505549/

...the "Sorry, this article isn't yet available onthe mobile site" message was bloody annoying. Ended up having to install a browser that spoofs the user agent and renders the full desktop site.“

Source: User talking about his habits on the Guardian site

Page 60: Beyond the mobile web by yiibu

http://www.flickr.com/photos/webtreatsetc/4860505549/Source: Mark Kirby, The mobile context

I’m definitely moving, I’m definitely in a car. I’m going to look at your website. This doesn’t mean my intent is to find an address, or quickly use a news site...

Context can’t predict the way a user is going to use the site. Mind reading is no way to base fundamental content decisions.

Page 61: Beyond the mobile web by yiibu

How do we go about creating the next generation of content-rich, meaningful, usable, and interesting web sites, that are designed to operate in a generally smaller, more varied and far less predictable environment?

the problem space

http://www.flickr.com/photos/chelsea_nj/4223680604

Page 62: Beyond the mobile web by yiibu

http://www.flickr.com/photos/adactio/932798536

Part 2: Beyond the mobile web

Page 63: Beyond the mobile web by yiibu

...a few ideas from the yiibus

Page 64: Beyond the mobile web by yiibu

http://www.flickr.com/photos/seo2/94216483

Idea 1: Loosen up

Page 65: Beyond the mobile web by yiibu

control is now an illusion...

http://www.flickr.com/photos/dominicspics/3385403397

Page 66: Beyond the mobile web by yiibu

there is too much diversity...

Page 67: Beyond the mobile web by yiibu

data wants to move around...

http://www.flickr.com/photos/anniemole/5354202837

Page 68: Beyond the mobile web by yiibu

http://www.flickr.com/photos/scobleizer/3044172251/

we’ve already set much of our content free...

Page 69: Beyond the mobile web by yiibu

...we never really know

where it will end up

Page 70: Beyond the mobile web by yiibu

spot the brand

brand presence(as we once knew it)

is disappearing

http://www.flickr.com/photos/alreadytaken/4944698902/

Page 71: Beyond the mobile web by yiibu

the conversation isn’t even on our site any more...

...companies are increasingly questioning the need to have separate corporate sites when the bulk of interest and traffic from customers goes directly to their Facebook pages. - Thomas Crampton “

Page 72: Beyond the mobile web by yiibu

...so why are we still obsessed with controlling each pixel on our web site?

PS - the Ubuntu style guidelines are actually quite lovely! Take a look...

Page 73: Beyond the mobile web by yiibu

often at theexpense of access...

“I can’t see it on my BlackBerry...“ - user comment regarding the new Threadless mobile site

http://www.flickr.com/photos/zoetnet/4669800101/

Page 74: Beyond the mobile web by yiibu

http://www.flickr.com/photos/zoetnet/4669800101/

“If I can’t see your awesome web site...it’s not really that awesome is it?”

and therefore,of user experience...

Page 75: Beyond the mobile web by yiibu

you can’t plan for every contingency...

http://www.flickr.com/photos/mackarus/4289960218

Page 76: Beyond the mobile web by yiibu

and will never know how your site looks on every device...

http://www.flickr.com/photos/scobleizer/3009516045

Page 77: Beyond the mobile web by yiibu

create nimble experiences – not perfect ones...

http://www.flickr.com/photos/92523880@N00/5047216186

Page 78: Beyond the mobile web by yiibu

Idea 2: Let them tweak

http://www.flickr.com/photos/jaybergesen/198091718

Page 79: Beyond the mobile web by yiibu

progressive enhancement is increasingly important

http://www.flickr.com/photos/clagnut/315554083

Page 80: Beyond the mobile web by yiibu

why not let users participate?

http://www.flickr.com/photos/nasa_goddard/4733847144

Page 81: Beyond the mobile web by yiibu

choose the enhancements that are most meaningful to them...

http://www.flickr.com/photos/29301264@N06/3844309716

Page 82: Beyond the mobile web by yiibu

set a user experience baseline for *all* web experiences...

semantic markup (view source)

minimal cluer

optimised images

(almost.. :-) one webhttp://www.alistapart.com/articles/responsive-web-design

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

lightweight!

thematically consistent

pragmatic scripting

responsive layout

Page 83: Beyond the mobile web by yiibu

...then provide meaningful choices

http://www.flickr.com/photos/lamantin/5143354304

Page 84: Beyond the mobile web by yiibu

http://www.flickr.com/photos/mujitra/4571580931

...in data consumption

oh...hold on, she’s on a dongle

user agent says it’s a PC (plus it has a big screen)

she obviously has lots of bandwidth!hmm...I wonder

how much data she’s used so far

this month?

Page 85: Beyond the mobile web by yiibu

provide a choice of size/quality for key content

Page 86: Beyond the mobile web by yiibu

option to choose high or low quality (with default based on device you’re using)

and media...

Page 87: Beyond the mobile web by yiibu

tweaking the reading experience

Look, it’s a Galaxy Tab...she must be in a ‘contemplative reading mode’...

Page 88: Beyond the mobile web by yiibu

pinching or double-tapping to zoom is good fun but has

zero continuity...

Page 89: Beyond the mobile web by yiibu

let users set persistent reading preferences...

Page 90: Beyond the mobile web by yiibu

or even tweak the whole experience...

Page 91: Beyond the mobile web by yiibu

...if you don’t ...they’ll probably do it themselves

Page 92: Beyond the mobile web by yiibu

Idea 3: Content first

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

ingredients make all the difference

Page 93: Beyond the mobile web by yiibu

designing mobile first can help us to focus...

http://www.flickr.com/photos/hussain_quantum/2087578696

Page 94: Beyond the mobile web by yiibu

find a happy medium

desktopmobile

http://www.flickr.com/photos/29301264@N06/3844309716 http://www.flickr.com/photos/29301264@N06/3844309716

portable web

Page 95: Beyond the mobile web by yiibu

but I think we need to go further...

http://www.flickr.com/photos/basheertome/5557362895

Page 96: Beyond the mobile web by yiibu

http://jonbox.wordpress.com/2010/05/27/what-is-au2h-and-why-i-cared/

No matter how cool your interface is, it would be nice if there were less of it. - Alan Cooper“

Page 97: Beyond the mobile web by yiibu

...on smaller screens, content naturally ends up front and centre

Page 98: Beyond the mobile web by yiibu

http://www.flickr.com/photos/lindaaslund/3296943915

include definition(s)

illustration(s) requireddefine variations(s)

contextually relevant

a book turtle

design the content first...so we need to actually

Page 99: Beyond the mobile web by yiibu

http://www.flickr.com/photos/lindaaslund/3296943915

a book turtle

include definition(s)

illustration(s) required

define variations(s)

contextually relevant

and responsive content...used to create incredibly rich

semantic structures can be

Page 100: Beyond the mobile web by yiibu

yet we mostly apply this richness to the interface...

Page 101: Beyond the mobile web by yiibu

we currently build web sites...this is due in part to the way

put your content here...

essentially Word in a browser...?

Page 102: Beyond the mobile web by yiibu

http://www.flickr.com/photos/lisasanderson/3414118999/

(often all-purpose) data containers...most sites are built as giant

Page 103: Beyond the mobile web by yiibu

services knowledge base

corporate infolocation finder

http://www.flickr.com/photos/lisasanderson/3414118999/

news

productsutilities

accommodate different data structures ...with different areas to

Page 104: Beyond the mobile web by yiibu

if you have big data...this makes sense

http://www.flickr.com/photos/dalbera/3151369718

Page 105: Beyond the mobile web by yiibu

generated data...or primarily user

Page 106: Beyond the mobile web by yiibu

cover

name

stock

cost

publisher, ISBN, # pages

rating

structured data...or inherently

Page 107: Beyond the mobile web by yiibu

need to produce content like this...but can be pretty painful if you

Page 108: Beyond the mobile web by yiibu

or this...

Page 109: Beyond the mobile web by yiibu

...and especially this!

http://www.nytimes.com/interactive/2007/10/01/science/20071002_ARCTIC_GRAPHIC.html

Page 110: Beyond the mobile web by yiibu

CHAPTER I. Down the Rabbit-Hole

Alice was beginning to get very tired of sitting by her sister on the bank, and of having nothing to do: once or twice she had peeped into the book her sister was reading, but it had no pictures or conversations in it, 'and what is the use of a book,' thought Alice 'without pictures or conversation?'

So she was considering in her own mind (as well as she could, for the hot day made her feel very sleepy and stupid), whether the pleasure of making a daisy-chain would be worth the trouble of getting up and picking the daisies, when suddenly a White Rabbit with pink eyes ran close by her.

There was nothing so VERY remarkable in that; nor did Alice think it so VERY much out of the way to hear the Rabbit say to itself, 'Oh dear! Oh dear! I shall be late!' (when she thought it over afterwards, it occurred to her that she ought to have wondered at this, but at the time it all seemed quite natural); but when the Rabbit actually TOOK A WATCH OUT OF ITS WAISTCOAT-POCKET, and looked at it, and then hurried on, Alice started to her feet, for it flashed across her mind that she had never before seen a rabbit with either a waistcoat-pocket, or a watch to take out of it, and burning with curiosity, she ran across the field after it, and fortunately was just in time to see it pop down a large rabbit-hole under the hedge.

In another moment down went Alice after it, never once considering how in the world she was to get out again.

The rabbit-hole went straight on like a tunnel for some way, and then dipped suddenly down, so suddenly that Alice had not a moment to think about stopping herself before she found herself falling down a very deep well.

Either the well was very deep, or she fell very slowly, for she had plenty of time as she went down to look about her and to wonder what was going to happen next. First, she tried to look down and make out what she was coming to, but it was too dark to see anything; then she looked at the sides of the well, and noticed that they were filled with cupboards and book-shelves; here and there she saw maps and pictures hung upon pegs. She took down a jar from one of the shelves as she passed; it was labelled 'ORANGE MARMALADE', but to her great disappointment it was empty: she did not like to drop the jar for fear of killing somebody, so managed to put it into one of the cupboards as she fell past it.

'Well!' thought Alice to herself, 'after such a fall as this, I shall think nothing of tumbling down stairs! How brave they'll all think me at home! Why, I wouldn't say anything about it, even if I fell off the top of the house!' (Which was very likely true.)

Down, down, down. Would the fall NEVER come to an end! 'I wonder how many miles I've fallen by this time?' she said aloud. 'I must be getting somewhere near the centre of the earth. Let me see: that would be four thousand miles down, I think--' (for, you see, Alice had learnt several things of this sort in her lessons in the schoolroom, and though this was not a VERY good opportunity for showing off her knowledge, as there was no one to listen to her, still it was good practice to say it over) '--yes, that's about the right distance--but then I wonder what Latitude or Longitude I've got to?' (Alice had no idea what Latitude was, or Longitude either, but thought they were nice grand words to say.)

Presently she began again. 'I wonder if I shall fall right THROUGH the earth! How funny it'll seem to come out among the people that walk with their heads downward! The Antipathies, I think--' (she was rather glad there WAS no one listening, this time, as it didn't sound at all the right word) '--but I shall have to ask them what the name of the country is, you know. Please, Ma'am, is this New Zealand or Australia?' (and she tried to curtsey as she spoke--fancy CURTSEYING as you're falling through the air! Do you think you could manage it?) 'And what an ignorant little girl she'll think me for asking! No, it'll never do to ask: perhaps I shall see it written up somewhere.'

Down, down, down. There was nothing else to do, so Alice soon began talking again. 'Dinah'll miss me very much to-night, I should think!' (Dinah was the cat.) 'I hope they'll remember her saucer of milk at tea-time. Dinah my dear! I wish you were down here with me! There are no mice in the air, I'm afraid, but you might catch a bat, and that's very like a mouse, you know. But do cats eat bats, I wonder?' And here Alice began to get rather sleepy, and went on saying to herself, in a dreamy sort of way, 'Do cats eat bats? Do cats eat bats?' and sometimes, 'Do bats eat cats?' for, you see, as she couldn't answer either question, it didn't much matter which way she put it. She felt that she was dozing off, and had just begun to dream that she was walking hand in hand with Dinah, and saying to her very earnestly, 'Now, Dinah, tell me the truth: did you ever eat a bat?' when suddenly, thump! thump! down she came upon a heap of sticks and dry leaves, and the fall was over.

Alice was not a bit hurt, and she jumped up on to her feet in a moment: she looked up, but it was all dark overhead; before her was another long passage, and the White Rabbit was still in sight, hurrying down it. There was not a moment to be lost: away went Alice like the wind, and was just in time to hear it say, as it turned a corner, 'Oh my ears and whiskers, how late it's getting!' She was close behind it when she turned the corner, but the Rabbit was no longer to be seen: she found herself in a long, low hall, which was lit up by a row of lamps hanging from the roof.

There were doors all round the hall, but they were all locked; and when Alice had been all the way down one side and up the other, trying every door, she walked sadly down the middle, wondering how she was ever to get out again.

Suddenly she came upon a little three-legged table, all made of solid glass; there was nothing on it except a tiny golden key, and Alice's first thought was that it might belong to one of the doors of the hall; but, alas! either the locks were too large, or the key was too small, but at any rate it would not open any of them. However, on the second time round, she came upon a low curtain she had not noticed before, and behind it was a little door about fifteen inches high: she tried the little golden key in the lock, and to her great delight it fitted!

Alice opened the door and found that it led into a small passage, not much larger than a rat-hole: she knelt down and looked along the passage into the loveliest garden you ever saw. How she longed to get out of that dark hall, and wander about among those beds of bright flowers and those cool fountains, but she could not even get her head through the doorway; 'and even if my head would go through,' thought poor Alice, 'it would be of very little use without my shoulders. Oh, how I wish I could shut up like a telescope! I think I could, if I only know how to begin.' For, you see, so many out-of-the-way things had happened lately, that Alice had begun to think that very few things indeed were really impossible.

http://www.gutenberg.org/cache/epub/11/pg11.txt

unstructured or ‘formless’ content...manage them) accommodate only

most sites (and the CMS’s that

Page 111: Beyond the mobile web by yiibu

CHAPTER I. Down the Rabbit-Hole

Alice was beginning to get very tired of sitting by her sister on the bank, and of having nothing to do: once or twice she had peeped into the book her sister was reading, but it had no pictures or conversations in it, 'and what is the use of a book,' thought Alice 'without pictures or conversation?'

So she was considering in her own mind (as well as she could, for the hot day made her feel very sleepy and stupid), whether the pleasure of making a daisy-chain would be worth the trouble of getting up and picking the daisies, when suddenly a White Rabbit with pink eyes ran close by her.

There was nothing so VERY remarkable in that; nor did Alice think it so VERY much out of the way to hear the Rabbit say to itself, 'Oh dear! Oh dear! I shall be late!' (when she thought it over afterwards, it occurred to her that she ought to have wondered at this, but at the time it all seemed quite natural); but when the Rabbit actually TOOK A WATCH OUT OF ITS WAISTCOAT-POCKET, and looked at it, and then hurried on, Alice started to her feet, for it flashed across her mind that she had never before seen a rabbit with either a waistcoat-pocket, or a watch to take out of it, and burning with curiosity, she ran across the field after it, and fortunately was just in time to see it pop down a large rabbit-hole under the hedge.

In another moment down went Alice after it, never once considering how in the world she was to get out again.

The rabbit-hole went straight on like a tunnel for some way, and then dipped suddenly down, so suddenly that Alice had not a moment to think about stopping herself before she found herself falling down a very deep well.

Either the well was very deep, or she fell very slowly, for she had plenty of time as she went down to look about her and to wonder what was going to happen next. First, she tried to look down and make out what she was coming to, but it was too dark to see anything; then she looked at the sides of the well, and noticed that they were filled with cupboards and book-shelves; here and there she saw maps and pictures hung upon pegs. She took down a jar from one of the shelves as she passed; it was labelled 'ORANGE MARMALADE', but to her great disappointment it was empty: she did not like to drop the jar for fear of killing somebody, so managed to put it into one of the cupboards as she fell past it.

'Well!' thought Alice to herself, 'after such a fall as this, I shall think nothing of tumbling down stairs! How brave they'll all think me at home! Why, I wouldn't say anything about it, even if I fell off the top of the house!' (Which was very likely true.)

Down, down, down. Would the fall NEVER come to an end! 'I wonder how many miles I've fallen by this time?' she said aloud. 'I must be getting somewhere near the centre of the earth. Let me see: that would be four thousand miles down, I think--' (for, you see, Alice had learnt several things of this sort in her lessons in the schoolroom, and though this was not a VERY good opportunity for showing off her knowledge, as there was no one to listen to her, still it was good practice to say it over) '--yes, that's about the right distance--but then I wonder what Latitude or Longitude I've got to?' (Alice had no idea what Latitude was, or Longitude either, but thought they were nice grand words to say.)

Presently she began again. 'I wonder if I shall fall right THROUGH the earth! How funny it'll seem to come out among the people that walk with their heads downward! The Antipathies, I think--' (she was rather glad there WAS no one listening, this time, as it didn't sound at all the right word) '--but I shall have to ask them what the name of the country is, you know. Please, Ma'am, is this New Zealand or Australia?' (and she tried to curtsey as she spoke--fancy CURTSEYING as you're falling through the air! Do you think you could manage it?) 'And what an ignorant little girl she'll think me for asking! No, it'll never do to ask: perhaps I shall see it written up somewhere.'

Down, down, down. There was nothing else to do, so Alice soon began talking again. 'Dinah'll miss me very much to-night, I should think!' (Dinah was the cat.) 'I hope they'll remember her saucer of milk at tea-time. Dinah my dear! I wish you were down here with me! There are no mice in the air, I'm afraid, but you might catch a bat, and that's very like a mouse, you know. But do cats eat bats, I wonder?' And here Alice began to get rather sleepy, and went on saying to herself, in a dreamy sort of way, 'Do cats eat bats? Do cats eat bats?' and sometimes, 'Do bats eat cats?' for, you see, as she couldn't answer either question, it didn't much matter which way she put it. She felt that she was dozing off, and had just begun to dream that she was walking hand in hand with Dinah, and saying to her very earnestly, 'Now, Dinah, tell me the truth: did you ever eat a bat?' when suddenly, thump! thump! down she came upon a heap of sticks and dry leaves, and the fall was over.

Alice was not a bit hurt, and she jumped up on to her feet in a moment: she looked up, but it was all dark overhead; before her was another long passage, and the White Rabbit was still in sight, hurrying down it. There was not a moment to be lost: away went Alice like the wind, and was just in time to hear it say, as it turned a corner, 'Oh my ears and whiskers, how late it's getting!' She was close behind it when she turned the corner, but the Rabbit was no longer to be seen: she found herself in a long, low hall, which was lit up by a row of lamps hanging from the roof.

There were doors all round the hall, but they were all locked; and when Alice had been all the way down one side and up the other, trying every door, she walked sadly down the middle, wondering how she was ever to get out again.

Suddenly she came upon a little three-legged table, all made of solid glass; there was nothing on it except a tiny golden key, and Alice's first thought was that it might belong to one of the doors of the hall; but, alas! either the locks were too large, or the key was too small, but at any rate it would not open any of them. However, on the second time round, she came upon a low curtain she had not noticed before, and behind it was a little door about fifteen inches high: she tried the little golden key in the lock, and to her great delight it fitted!

Alice opened the door and found that it led into a small passage, not much larger than a rat-hole: she knelt down and looked along the passage into the loveliest garden you ever saw. How she longed to get out of that dark hall, and wander about among those beds of bright flowers and those cool fountains, but she could not even get her head through the doorway; 'and even if my head would go through,' thought poor Alice, 'it would be of very little use without my shoulders. Oh, how I wish I could shut up like a telescope! I think I could, if I only know how to begin.' For, you see, so many out-of-the-way things had happened lately, that Alice had begun to think that very few things indeed were really impossible.

http://www.gutenberg.org/cache/epub/11/pg11.txt

or ‘adapting’

illustration?

http://www.flickr.com/photos/dannyboymalinga/4512002570

content rather difficult...which makes selecting & filtering

http://www.flickr.com/photos/arrighi/4922317676

http://www.flickr.com/photos/49024304@N00/2435212284

include definition(s)

illustration(s) required

define variations(s)

contextually relevant

Page 112: Beyond the mobile web by yiibu

so although the web site layout may be responsive...

Page 113: Beyond the mobile web by yiibu

desktop

mobile

tablet

only barely so...the content itself is often

Page 114: Beyond the mobile web by yiibu

designed more like an app?what if content was

http://www.flickr.com/photos/angryjuliemonday/5087995342

logic

data

renderings

Page 115: Beyond the mobile web by yiibu

http://www.nytimes.com/interactive/2010/05/01/us/20100501-oil-spill-tracker.html

Page 116: Beyond the mobile web by yiibu

http://www.visualnews.com/interactive_infographic/Korea_interactive_main/

Page 118: Beyond the mobile web by yiibu

http://www.apple.com/ipad/smart-cover/http://www.focus.com/images/view/11905/

and what if?

Page 119: Beyond the mobile web by yiibu

http://www.flickr.com/photos/wwarby/5106781173

Idea 4: Build distributed experiences

Page 120: Beyond the mobile web by yiibu

http://www.flickr.com/photos/mikebaird/3898801499

no longer meet our needs...maybe these

Page 121: Beyond the mobile web by yiibu

http://www.flickr.com/photos/56705607@N00/3555678336

would do just fine...

perhaps a couple of these

Page 122: Beyond the mobile web by yiibu

web sitenews

blogs

thought leadership

support

PR

evangelism

press

our communications...we’ve already decoupled

Page 123: Beyond the mobile web by yiibu

web site

support

PR

our product marketing...

news

blogs

thought leadership evangelism

press

product

Page 124: Beyond the mobile web by yiibu

web site

support

PR

our human resources...

news

blogs

thought leadership evangelism

press

product

Page 125: Beyond the mobile web by yiibu

support

PR

news

blogs

thought leadership evangelism

press

product

brand message...united by a

brand

products

PR

HR

media

services

support

news

Page 126: Beyond the mobile web by yiibu

http://www.flickr.com/photos/7802947@N02/5179679136

touchpoints, utilities & conversations...think of it as an ecosystem of

Page 127: Beyond the mobile web by yiibu

media

apps

search

ads we see examples of this already

Page 128: Beyond the mobile web by yiibu

books

music

cloud

marketplace

not just a site, but an ecosystem

Page 129: Beyond the mobile web by yiibu

enabling the freedom to experiment

books

music

marketplace

apps

most logical platform...

for now

own hardware optimised user

experience

opportunistic?

hmm....

highly optimised core product

cloud

Page 130: Beyond the mobile web by yiibu

web/mobile web

(1000s of devices)

news

entertainment

commercialarm

#agship app

experimental?

core audience merchandise

brands

(desktop) web

world service

SMS

WAP

BBC Learning

and create the best experience for each audience

#agship iOS app

English and life skills for emerging economies

XHTML MP

voice

Page 131: Beyond the mobile web by yiibu

http://www.flickr.com/photos/tijanav/4885088185

http://simonmainwaring.com/brands/the-death-of-corporate-websites-top-10-ways-they-will-change/

[In the future] brands will no longer be placesyou visit, but people you meet along the road.

– Simon Mainwaring