Embracing the anywhere, everywhere web

http://bit.ly/J9REzG

http://ﬂic.kr/p/6sbgQu

“ It is apparent to me that the possibilities of the aeroplane, which two or three years ago were thought to hold the solution to the [ﬂying machine] problem, have been exhausted, and that we must turn elsewhere. Thomas Edison, 1895http://ﬂic.kr/p/6sbgQu

http://ﬂic.kr/p/bgenU

“ Television wont last because people will soon get tired of staring at a plywood box every night. Daryl Zanuck, movie producer, 20th Century Fox, 1946http://ﬂic.kr/p/bgenU

We’re not good at predicting the futurehttp://ﬂic.kr/p/6e7uqr

“ We see the world through a rear- view mirror. We march backwards into the future. Marshall McLuhan

Pre-iPhone Post-iPhonehttp://bit.ly/A6AhV1

“Moving pictures”http://ﬂic.kr/p/8j93Sm

Reading out loudhttp://ﬂic.kr/p/g4F5j

Radio with pictures http://ﬂic.kr/p/5cZQTZ

Print is full of constraints http://ﬂic.kr/p/6vmzSp

...not shared by the web http://ﬂic.kr/p/anLpJ5

http://www.lukew.com/ﬀ/entry.asp?1506

Tablet sales$49 billion by 2015 http://buswk.co/fK2Q9e

Global connected devices302010 0 2011 2020Source: http://bit.ly/KoRXS0

Global connected devices3020 Over 50% non-mobile10 0 2011 2020Source: http://bit.ly/KoRXS0

iCow http://ﬂic.kr/p/y44Rv

http://ﬂic.kr/p/8wwtH4

Different sizes http://ﬂic.kr/p/7S5qAB

Different networks http://ﬂic.kr/p/3bqHYJ

Different hardwarehttp://ﬂic.kr/p/anHsXT

Different supporthttp://ﬂic.kr/p/a9GzWC

Different inputhttp://ﬂic.kr/p/3eVaZ1

Different context http://ﬂic.kr/p/2ynHaS

“ These examples are just the initial, telltale signs of a huge new wave of cheap devices about to invade our lives—a zombie apocalypse of electronics, if you will. Scott Jenson http://bit.ly/giroPy

Chaotic & confusing... http://ﬂic.kr/p/6qi1eD

...but also awesomehttp://ﬂic.kr/p/6tTRT1

Just the starthttp://ﬂic.kr/p/3HE7Eq

Rant #1Layout is not enough

Responsive experiences

Constellation of experienceshttp://ﬂic.kr/p/RJUvh

59%http://yhoo.it/rSﬂAg

34%http://yhoo.it/rSﬂAg

Contextual experienceshttp://ﬂic.kr/p/6e7uqr

Context is the key to movingfrom a web that responds todevices, to a web thatresponds to people

Smarter defaults

“ Typically, masking passwords doesnt even increase security, but it does cost you business due to login failures Jakob Nielson http://bit.ly/9X3LAG

Capabilities

http://bit.ly/nJSlwX

http://ﬂic.kr/p/6e7uqr

Battery statusContactsHTML Media CaptureMedia CaptureNetwork InformationSensorVibrationWeb IntentsCalendarMenuGeolocationNFC

Do some research http://ﬂic.kr/p/6e7uqr

“ If nothing else, it would be wise for us all to remember that, while our information technology may be digital in nature, the human beings interacting with it will always be infuriatingly and delightfully analog. Adam Greenﬁeld Everyware: The Dawning Age of Ubiquitous Computing

We need all the toolswe can gethttp://ﬂic.kr/p/7MdW6A

Rant #2No more dogma

UA detectionis evil!

Don’t blame the toolsfor the craftsmanhttp://ﬂic.kr/p/7MdW6A

There are badRWD sites

There are badseparate sites

http://bit.ly/GH2nBe

http://ﬂic.kr/p/6e7uqr

Hug it out Hug it outhttp://ﬂic.kr/p/7cVEwZ

Use both!http://ﬂic.kr/p/81vbku

Bad UA detectionis evil!

Don’t exclude. http://ﬂic.kr/p/6RtJPG

Don’t exclude. Enhance. http://ﬂic.kr/p/6RtJPG

if ($device->getCapability(has_cellular_radio) ===true) {! if ($device->getCapability(xhtml_make_phone_call_string) !== none) {! ! $wireless = true;! ! $method = $device->getCapability(xhtml_make_phone_call_string);! } else {! ! $wireless = false;! }} else {! $wireless = false;}

<?php if ($wireless) { ?>! <p><a href="<?php echo $method; ?>+18005555555">1-800-555-5555</a></p><?php } else { ?>! <p class="call">1-800-555-5555</p><?php } ?>

var width = window.innerWidth;//set a cookie<?php$featureWidth = $_COOKIE[‘featureWidth’];?>

http://ﬂic.kr/p/5ox3ax

</rant>

http://www.ubuntu.com/devices/android

http://bit.ly/KuHXaH

http://breakoutjs.com/

http://jsdo.it/controller

“ Whatʼs holding smart devices back is our oh-so-human ability to misunderstand their potential. Scott Jenson http://bit.ly/HS0Jvs

Beware the rear-view mirrorhttp://ﬂic.kr/p/6e7uqr

http://ﬂic.kr/p/8wwtH4

thank you!TIM KADLECWebVisions, May 2012@tkadlec timkadlec.com

responsiveenhancement.comhttp://ﬂic.kr/p/6e7uqr

Embracing the anywhere, everywhere web

by Tim Kadlec

Accessibility

Categories

Upload Details

Usage Rights

1 Embed 2

Statistics

Embracing the anywhere, everywhere web Presentation Transcript