Casting Off Our Desktop Shackles

117
Casting OOur Desktop Shackles Jason Grigsby • @grigs • cloudfour.com Slides: bit.ly/shackles-wvpdx http://www.flickr.com/photos/theroadisthegoal/372137752/

description

No matter how much we try to put ourselves into a mobile first mentality, it is hard for us to do so fully. Our access to PCs prevents us from experiencing mobile the way many in the world do.We're currently fighting for parity among experiences. We're arguing that the mobile version shouldn't be a dumbed down version of the desktop site.But we've set our sights too low. In a true Mobile First world, the mobile version should be the best experience. Mobile shouldn't just match the desktop experience, it should exceed it.

Transcript of Casting Off Our Desktop Shackles

Page 1: Casting Off Our Desktop Shackles

Casting Off Our Desktop ShacklesJason Grigsby • @grigs • cloudfour.com

Slides: bit.ly/shackles-wvpdx

http://www.flickr.com/photos/theroadisthegoal/372137752/

Page 2: Casting Off Our Desktop Shackles

Follow along@grigs_talks

bit.ly/shackles-wvpdx

After event: @grigs

http://www.flickr.com/photos/stevegarfield/4247757731/

Page 3: Casting Off Our Desktop Shackles

"ere is no mobile web.

http://www.flickr.com/photos/robboudon/6035811624/

Page 4: Casting Off Our Desktop Shackles

I’m con#icted.

http://www.flickr.com/photos/tudor/4324056624/

Page 5: Casting Off Our Desktop Shackles

"ere are valid reasons to question mobile context.

And despite that, I can’t help but feel…http://www.flickr.com/photos/bourguiboeuf/5364614975/

Page 6: Casting Off Our Desktop Shackles

http://www.flickr.com/photos/lintmachine/2306383943/

We’re limiting ourselves.

Page 7: Casting Off Our Desktop Shackles

http://www.flickr.com/photos/quinnanya/4599750124/

1. Mobile doesn’t mean taking things away.

Page 8: Casting Off Our Desktop Shackles

How Do I Add an RSS Feed to My RSS Reader?

Don’t Skip Core Functionality

Page 9: Casting Off Our Desktop Shackles

1024 x 768: Still No Way to Add RSS

Page 10: Casting Off Our Desktop Shackles

URLs should go to content, not mobile home.

Page 11: Casting Off Our Desktop Shackles

http://xkcd.com/869/

Page 12: Casting Off Our Desktop Shackles

Why go to the desktop web?

Page 13: Casting Off Our Desktop Shackles

Great mobile site. Good luck $nding it.

Page 14: Casting Off Our Desktop Shackles

But if there’s one thing I’ve learned in observing people on their mobile devices, it’s that they’ll do anything on mobile if they have the need.

Write long emails? Check. Manage complex sets of information? Check. And the list goes on.

If people want to do it, they’ll do it on mobile -especially when it’s their only or most convenient option.

—Luke Wroblewskilukew.com/ff/entry.asp?1333

http://www.flickr.com/photos/emmacox/6095336904/

Page 15: Casting Off Our Desktop Shackles

http://www.flickr.com/photos/brunauto/5062644167/

2. Our vision of mobile context is often wrong.

Page 16: Casting Off Our Desktop Shackles

80% during misc downtime

76% while waiting in lines

62% while watching TV

69% for point of sale research

http://www.flickr.com/photos/missmeng/5327470961

Page 17: Casting Off Our Desktop Shackles

TMI: 39% use phone on the toilet.

Page 18: Casting Off Our Desktop Shackles

Yes, we can’t know the mobile context.

http://www.flickr.com/photos/timcaynes/158599960/

Page 19: Casting Off Our Desktop Shackles

But that doesn’t mean mobile isn’t unique and powerful.

http://www.flickr.com/photos/sparktography/2485147794/

Page 20: Casting Off Our Desktop Shackles

Mobile as the 7th Mass Media?

Page 21: Casting Off Our Desktop Shackles

1. Printing press

http://www.flickr.com/photos/buschap/3917984966/

Page 22: Casting Off Our Desktop Shackles

2. Recordings

http://www.flickr.com/photos/taviona/278461610/

Page 23: Casting Off Our Desktop Shackles

3. Cinema

http://www.flickr.com/photos/m4tik/4687194723/

Page 24: Casting Off Our Desktop Shackles

4. Radio

http://www.flickr.com/photos/kt/249301268/

Page 25: Casting Off Our Desktop Shackles

5. Television

http://www.flickr.com/photos/simon_aughton/2178768452/

Page 27: Casting Off Our Desktop Shackles

7. Mobile

http://www.flickr.com/photos/djwudi/382030798/

Page 28: Casting Off Our Desktop Shackles

Mobile’s Eight Unique Abilities

http://www.flickr.com/photos/pedestriantype/4789244416/

Page 29: Casting Off Our Desktop Shackles

http://www.flickr.com/photos/fchouse/2829381653/

1. PERSONAL

63% do not share phone

Page 30: Casting Off Our Desktop Shackles

2. PERMANENTLY CARRIED

~50% of US admit to sleeping with phone

http://www.flickr.com/photos/kk/3615287378/

Page 31: Casting Off Our Desktop Shackles

3. ALWAYS ON http://www.flickr.com/photos/gilderic/3517477267/

Page 32: Casting Off Our Desktop Shackles

4. BUILT-IN PAYMENT CHANNEL

Page 33: Casting Off Our Desktop Shackles

5. CREATIVE IMPULSE

http://www.flickr.com/photos/d_a_v_i_d_m_/246298437/

Page 34: Casting Off Our Desktop Shackles

http://www.flickr.com/photos/memotions/259656126/

6. ACCURATE MEASUREMENT

Page 35: Casting Off Our Desktop Shackles

http://www.flickr.com/photos/mythoto/1234638761/7. SOCIAL CONTEXT

Page 36: Casting Off Our Desktop Shackles

8. AUGMENTED REALITY

http://issuu.com/mkparsley/docs/ikea

Page 37: Casting Off Our Desktop Shackles

Mobile is the most borg-like technology we’ve ever seen

Page 38: Casting Off Our Desktop Shackles

Inspiring

http://www.flickr.com/photos/asphericlens/5661878892/

Page 39: Casting Off Our Desktop Shackles

“When a new medium borrows from an existing one, some of what it borrows makes sense, but much of the borrowing is thoughtless, ‘ritual’, and often constrains the new medium. Over time, the new medium develops its own conventions, throwing off existing conventions that don’t make sense.”

—John Allsopp, Dao of Web Design

Page 40: Casting Off Our Desktop Shackles

What are we borrowing from the previous medium—the PC Internet—that doesn’t make sense for mobile?

Page 41: Casting Off Our Desktop Shackles

And can an article written for a previous medium really be the key to a new one?

Page 42: Casting Off Our Desktop Shackles

“"e history of mobile phones has been a long slow process of copying what works on the desktop and then sheepishly realizing that it just doesn’t quite work right.”

—Scott Jenson

Page 43: Casting Off Our Desktop Shackles

320 px

Too much focus on the smaller screen.

Page 44: Casting Off Our Desktop Shackles

TV resolution reinforces this idea1980 px

1080

px

This is HDTV

Page 45: Casting Off Our Desktop Shackles

Why do we need to look at our phones to get directions?

One vibration for left.Two for right.

http://www.flickr.com/photos/williamhook/4225307113

Page 46: Casting Off Our Desktop Shackles

Old saying in mobile:

Asia is two years ahead…

http://www.flickr.com/photos/romainguy/3673700251/

Page 47: Casting Off Our Desktop Shackles

of Europe which is two years ahead…

http://www.flickr.com/photos/djou/2079730487

Page 48: Casting Off Our Desktop Shackles

of the United States.

http://www.flickr.com/photos/davearquati/459024208/

Page 50: Casting Off Our Desktop Shackles

“My impression is that there was no computers anymore. Only tablets and phones.”

“Some Apple devices, but not that much. Most of the smartphones are Samsung and HTC phones (no surprise here), but also a *lot* of feature phones and not-that-smart-phones (old smart phones). ”

Page 51: Casting Off Our Desktop Shackles

It’s fairly certain that the highest-value use will stay predominantly on desktop.—Jakob Nielsen

http://www.flickr.com/photos/dplanet/82899080/

Page 52: Casting Off Our Desktop Shackles

Most complex tasks have vastly better user experience on the desktop and thus will be performed there. I'm talking anything from researching your next car purchase to learning about a new medical condition (and its associated pharmaceuticals) to managing your investment portfolio. Yes, you might enter a stock trade with your broker's mobile app, but you'll research new mutual funds on the desktop.

—Jakob Nielsen

Page 53: Casting Off Our Desktop Shackles

http://www.millennialmedia.com/wp-content/images/mobilemix/MM-MobileMix-Dec2010.pdf

Page 54: Casting Off Our Desktop Shackles

Unlimited Voice, Text and Web for $40/mo.

Page 55: Casting Off Our Desktop Shackles
Page 56: Casting Off Our Desktop Shackles
Page 57: Casting Off Our Desktop Shackles

http://www.flickr.com/photos/acaben/541334636/

"e Post-PC Era Didn’t Start with the iPad

Page 58: Casting Off Our Desktop Shackles

It started in Asia with mobile phones and spread to developing countries.

http://www.flickr.com/photos/jamesjustin/3914923307

Page 59: Casting Off Our Desktop Shackles

Connections(millions) % Total YoY

Growth % Largest Market

Asia-Pacific 3,019 50% 17% China (961M)

Africa 648 11% 18% Nigeria (99M)

Americas 627 10% 11% Brazil

E.Europe 541 9% 6% Russia (231M)

W.Europe 539 9% 3% Germany (112M)

USA/Canada 367 6% 9% USA (340M)

Middle East 330 5% 11% Iran (82M)

World 6,071 100% 13%

GSMA Predictions for End of 2011

Page 60: Casting Off Our Desktop Shackles

Officially #2 mobile region.

“Out of every 100 people, 65 have some form of mobile connectivity.”

Page 61: Casting Off Our Desktop Shackles

Africa has more in common with Asia than Asia does with the United States.

http://www.flickr.com/photos/ict4d/3068105816/

Page 62: Casting Off Our Desktop Shackles

slideshare.net/CMSummit/ms-internet-trends060710final

Page 63: Casting Off Our Desktop Shackles

nytimes.com/2011/04/18/technology/18mobile.html

"anks Steve Souders!

Page 64: Casting Off Our Desktop Shackles

nytimes.com/2011/04/18/technology/18mobile.html

"anks Steve Souders!

Page 65: Casting Off Our Desktop Shackles

20% of Kenya’s GDP sent through mobile banking.

http://www.flickr.com/photos/kiwanja/3169447879

Page 66: Casting Off Our Desktop Shackles

We often get asked how much to add mobile to desktop. It should be the opposite.

http://www.flickr.com/photos/stephenhackett/3728570312

Page 67: Casting Off Our Desktop Shackles

Mobile is the most important technology since the printing press.

http://www.flickr.com/photos/rhadley/3527304106/

Page 68: Casting Off Our Desktop Shackles

UN urging more mobile for developing countries.

Page 69: Casting Off Our Desktop Shackles

A 2005 London Business School study

found that for every additional 10 mobile

phones per 100 people in a developing

country, GDP rises by 0.5%.

http://www.guardian.co.uk/technology/2011/jul/24/mobile-phones-africa-micro#nance-farming

Page 70: Casting Off Our Desktop Shackles

Saffron uprising

Page 71: Casting Off Our Desktop Shackles

Cellscope puts microscopes in remote areas.

Page 72: Casting Off Our Desktop Shackles
Page 73: Casting Off Our Desktop Shackles

World changing tech. Not just for the affluent.

Page 74: Casting Off Our Desktop Shackles

Afghan Women Tolerate Beating for Cell Phones in Emerging Market

Tanzanian farmers report improved yields via SMS

3 million poor in Africa and South Asia to gain access to mobile phone numbers

India Turns to Mobile Phones in Bid to Improve Vaccination Rate

U.N. plan provides mobile numbers to poor with Cloud Number

Information helps combat food insecurity in Kenya

Cambodia: Using text messaging as weapon in malaria war

Android Phones Help Poor Farmers in Uganda

World changing tech. Not just for the affluent.

Page 75: Casting Off Our Desktop Shackles

Want more? Textually.org

Page 76: Casting Off Our Desktop Shackles

Support MobileActive.org

Page 78: Casting Off Our Desktop Shackles
Page 79: Casting Off Our Desktop Shackles

According to California-based mobile-banking

innovator Carol Realini, executive chairman of

Obopay: “Africa is the Silicon Valley of

banking. "e future of banking is being de#ned

here… It’s going to change the world.”

http://www.guardian.co.uk/technology/2011/jul/24/mobile-phones-africa-micro#nance-farming

Page 81: Casting Off Our Desktop Shackles

And really, is the United States that different?

Or is the story simply not being told?http://mobithinking.com/mobile-marketing-tools/latest-mobile-stats#mobile-only

Page 82: Casting Off Our Desktop Shackles

Understanding mobile as the primary and sometimes only device…

http://www.flickr.com/photos/e4a-2030/5106562313

Page 83: Casting Off Our Desktop Shackles

is difficult when we spend so much time on our PCs.

http://www.flickr.com/photos/goobi/4021009835/

Page 84: Casting Off Our Desktop Shackles

Word Lens

Page 85: Casting Off Our Desktop Shackles

A9 Flow Powered by Amazon

Page 86: Casting Off Our Desktop Shackles

Polar Rose. Bought by Apple.

Page 87: Casting Off Our Desktop Shackles
Page 88: Casting Off Our Desktop Shackles
Page 89: Casting Off Our Desktop Shackles

27

• Location detection: GPS, WiFi, cell towers

• Orientation: direction from a digital compass

• Device positioning & motion: from an accelerometer

• Audio: input from a microphone; output to speaker

• Video & image: capture/input from a camera

• Device connections: through Bluetooth between devices

• Proximity: device closeness to physical objects

• Ambient Light: light/dark environment awareness

• RFID reader: identify & track objects with broadcasted identifiers

• Multi-touch sensors

• Haptic feedback: “feel” different surfaces on a screen

• Biometrics: retinal, fingerprint, etc.

• Push: real-time notifications “instant” to user

Sensor Capabilities

We’re just scratching the surface of what these sensors can do.

Highly recommend Luke Wroblewski’s First Person User Experience Presentation at http://www.lukew.com/presos/preso.asp?21

Page 90: Casting Off Our Desktop Shackles

Is there a mobile web?

http://www.flickr.com/photos/robboudon/6035811624/

Page 91: Casting Off Our Desktop Shackles

http://www.flickr.com/photos/robboudon/6035811624/

Is mobile a new mass media?

Page 92: Casting Off Our Desktop Shackles

http://www.flickr.com/photos/robboudon/6035811624/

What about mobile web?

Page 93: Casting Off Our Desktop Shackles

If mobile is a new medium, then the mobile web is a bit of a half-breed – it is part mobile medium and part internet medium so it inherits traits from both.

—Tim Kadlec

Page 94: Casting Off Our Desktop Shackles

http://www.flickr.com/photos/meredithfarmer/377846740/

Page 95: Casting Off Our Desktop Shackles

A common element in many of the more futuristic stories are devices that are most comparable to mobile phones – always with you, always on. "ey don’t stop there though. "ey respond to context of environment and adapt based on the users behavioral history – they create a truly personalized and responsive user experience regardless of the situation.

—Tim Kadlec

Page 96: Casting Off Our Desktop Shackles

A common element in many of the more futuristic stories are devices that are most comparable to mobile phones – always with you, always on. "ey don’t stop there though. "ey respond to context of environment and adapt based on the users behavioral history – they create a truly personalized and responsive user experience regardless of the situation.

—Tim Kadlec

Where have I heard this recently?

Page 97: Casting Off Our Desktop Shackles
Page 98: Casting Off Our Desktop Shackles

Upcoming Zombie Apocalypse of Devices

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

Page 106: Casting Off Our Desktop Shackles

Just-in-time interaction

http://www.slideshare.net/scottjenson/mobile-apps-must-die

Page 107: Casting Off Our Desktop Shackles

native apps

tool

infotainment

shopping

tool

Our apps o!er the best experience...(so please download, install and keep them updated, just in case that time comes...we promise you won’t regret it)“

today’s just in case web + apps(now with added experience)

web site

products

corporate

jobsinvestor

support

tools

PR

brand

shopping

social infotainment

news

information

"anks to Stephanie Rieger for these brilliant slides. http://www.slideshare.net/yiibu/reset-the-web

Page 108: Casting Off Our Desktop Shackles

...but I don’t want to own your app, I want to own the possibility

space of your app.

Paraphrased from Mike Kuniavsky @ Webdirections South http://www.flickr.com/photos/zenilorac/698514624

http://www.slideshare.net/yiibu/reset-the-web

Page 109: Casting Off Our Desktop Shackles

tomorrow's just in time web(because everything is connected)

smart thing

tools

information

support

Like+

I’d like to use whatever device I haveon-hand to learn more about this thing/tool/service/place (right here and right now)...please show me what I can do.

http://www.slideshare.net/yiibu/reset-the-web

Page 110: Casting Off Our Desktop Shackles

http://www.flickr.com/photos/keepwaddling1/3048726936/

...a world where our devices load applications opportunisticallyas we need them, in real time.

The technological model for this...is web pages. But these will be web pages with advanced functionality that can be accessed seamlessly from remote or local networks—and evenfrom other mobile devices.

“- Scott Jenson on Forbes: Apps are over

http://www.slideshare.net/yiibu/reset-the-web

Page 111: Casting Off Our Desktop Shackles

We look at mobile as a small screen version of the our computers…

http://www.flickr.com/photos/bendodson/3367856091

Page 112: Casting Off Our Desktop Shackles

when we should be looking at mobile as so much more.

http://www.flickr.com/photos/whiteafrican/3401121885

Page 113: Casting Off Our Desktop Shackles

BIGTHINK

Page 114: Casting Off Our Desktop Shackles

Jason Grigsby • @grigs • cloudfour.comSlides: bit.ly/shackles-wvpdx

Page 115: Casting Off Our Desktop Shackles

We wrote a book. WebVisions has on sale.

Page 116: Casting Off Our Desktop Shackles

We wrote a book. WebVisions has on sale.

Mobile Portland

Monday, 6pm

Page 117: Casting Off Our Desktop Shackles

Jason Grigsby • @grigs • cloudfour.comSlides: bit.ly/shackles-wvpdx