Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Photo courtesy of @MAMK
enhancement
progressive
beyond
http://www.flickr.com/photos/shoutsfromtheabyss/5313714706
It will be like electricity”.
“…[technology] will just be seamle...
it can be hard to visualise
what this will truly mean...
http://www.flickr.com/photos/mwichary/3189145257
http://www.flickr.com/photos/accidentdesigns/6137301255
with computation + connectivity…
with each day that goes by we find
...
the results can be
both magical and disturbing
http://www.flickr.com/photos/accidentdesigns/6137308437
self driving cars that collect
gigabytes of data per second…
Twitter: Bill Gross
Almax - EyeSee Mannequin
mannequins that watch, listen
and analyse who you are
to “build” a better suit…
mobile stores with 3D scanners
Kickstarter: Tailor truck
recharge electric buses…
smart roads that wirelessly
KAIST OLEV project: YouTube
Proteus Digital Health - Digital health feedback system
stomach acid powered sensors that communicate
with applications on...
senses how you eat…
a fork that
Hapi Fork by Hapi Labs
Proteus Digital Health - Digital health feedback system
Apple Gives Share-
holders More Input;
Will Facebook Get the
Messa...
microchip
+
sensors data
out
A real-time web (or app) based
progress report is available.
The fork gathers data
as you eat...
http://www.flickr.com/photos/gcbb/2502506212
of these systems…
it’s not always obvious where the web fits in,
but it has an ...
http://www.flickr.com/photos/tristanf/2234332037
the pathways from today’s web to apps
and things are anything but…
but whi...
http://www.flickr.com/photos/doglotion/4131810103
Accelerometer
Camera
Capture
Compass
Connection
Contacts
Device
Events
Fi...
http://www.flickr.com/photos/davidchief/6441607321
…the theory being that only a more capable and
powerful web can compete ...
http://www.flickr.com/photos/mozillaeu/9191443975
or maybe replace them altogether…
http://www.flickr.com/photos/orijinal/8133373975
I’m not suggesting this is the wrong path,
but I think we may be missing p...
http://www.flickr.com/photos/micora/5105225792
(being “born of tech” doesn’t exempt us from these growing pains)
…we’re far...
http://www.flickr.com/photos/bfishadow/3637298219
be the best path…
it’s natural to want to compete with them,
but history s...
http://www.flickr.com/photos/sohrab_kabuli/5294817108
rethink how we relate to them…
…rather than compete, we need to adapt...
http://www.flickr.com/photos/ummella/4088456000
a first step is to accept that
native software isn’t going away…
http://www.flickr.com/photos/sndrv/4635764320
…we need native software
to power complex experiences,
geolocation
camera
3D ...
at the last web standards round...
access bits of hardware or software that didn’t exist
“Motes” are Bluetooth Low Energy ...
...and take full advantage of
powerful new chipsets
The Moto X includes a low-power core
whose only job is to listen for t...
http://www.flickr.com/photos/mujitra/8688838450
increasingly...out in the real world
…and native software needs the web to ...
http://www.flickr.com/photos/craigmurphy/3979174573
a world of “things” you may want to chat with
but not care enough about...
http://www.flickr.com/photos/68453216@N03/6227748188
a veritable superpower that will only increase
once everyone is connec...
http://www.flickr.com/photos/splitthekipper/5727366179
…so how do we
make the web even better?
http://www.flickr.com/photos/greggoconnell/201374093
progressive enhancement
but not the way we’ve known it…
http://www.flickr.com/photos/ducdigital/2892313560
providing an enhanced version to those
“…using web technologies in a lay...
http://www.flickr.com/photos/renaissancechambara/2267250649
if we truly value the ideas
behind progressive enhancement…
som...
http://www.flickr.com/photos/blmurch/6024605166
everyone is different…
…if we truly believe that creating great experiences
...
http://www.flickr.com/photos/dsf/9358670299
different contexts, with different
intents and capabilities…
experiencing the web...
…we must accept that enhancement
may sometimes lie beyond the web
Source: Nymi
Nymi lets you use your unique cardiac rhyth...
http://www.flickr.com/photos/yghelloworld/4964999147
weave the web in and out
of their day…
that (thanks to mobile), people...
http://www.flickr.com/photos/susanito/5447525972
in doing so, they dip in and out
of the web content we create…
http://www.flickr.com/photos/shortcatt/6233298063
the choices they make are complex,
sometimes irrational, and uniquely per...
http://www.flickr.com/photos/ducdigital/2892313560
“
...services aren’t made on an assembly line...you can’t
predict precis...
http://www.flickr.com/photos/mozillaeu/9293845962
it’s natural for us to want to coax users
towards the open web…
http://www.flickr.com/photos/kalleboo/9400677132
it’s also natural for our app-making colleagues
to want to drag them the o...
http://www.flickr.com/photos/juhansonin/7883095062
…and who knows what direction
may come along next
http://www.flickr.com/photos/andrewmalone/2355592191
all this jostling for attention is
counterproductive…
http://www.flickr.com/photos/jazbeck/8025692978
through technology…
…it doesn’t help us gain trust, create engagement,
incr...
http://www.flickr.com/photos/shimelle/5586063513
web vs apps, print vs digital,
or bricks + mortar vs online…
the work we d...
http://www.flickr.com/photos/drtran/7468519076
it’s about leveraging technology to
build relationships and enable conversat...
http://www.flickr.com/photos/jdickert/3091034336
to make this happen, we have to
stop thinking in silos…
http://www.flickr.com/photos/eletrosonico/3359915532
often referred to as “digital”…
not just the technologies we use,
but ...
http://www.flickr.com/photos/meddygarnet/4012204741
here’s an example of a company that is slowly taking steps
to disentang...
http://www.flickr.com/photos/ducdigital/2892313560
Dixons (owner of electronics giants Curry’s and PC
World) recently scrap...
http://www.flickr.com/photos/yokohamarides/6677622077
–not where and how the interactions occurred
this approach makes sens...
http://www.flickr.com/photos/carbonnyc/2154870998
it’s probably also more efficient as the entire company
can work towards a ...
http://www.flickr.com/photos/egfocus/6001107753
than what we’re doing today
what’s possible, and why embracing it might be ...
http://www.flickr.com/photos/jamesstewart/5736745348
more seamless, honest and future-friendly…
i’m going to walk you throu...
http://www.flickr.com/photos/ryanbrunsvold/5218091651
weaving the web in and out of everyday life
none of these examples ex...
iOS smart app banners
URLs that (kinda) open apps
APPBROWSER
The call to action adapts to suit the
context:
• OPEN if the app is installed,
• VIEW if it’s not
The banner also won’t ap...
While less intrusive than other methods, smart app banners
can still send mixed messages. Don’t use them “simply because
y...
If the user already has the app installed, generically linking to it
is about as useful as generically dumping all smartph...
Bottom line:
If used well, Smart app banners can deliver a good experience.
It’s a shame however that their content can’t ...
Custom URI schemes
more URLs that (kinda) open apps
APPBROWSER
URI schemes are a mechanism through which third-party apps
can communicate with each other.
They are supported on iOS, Bla...
polar://
The user clicks a link
within a web page
The native app (that’s
already installed)
recognises the scheme
The app ...
Boo...the user is on
another platform
(Mac, PC, Android etc.)
...if only it were that simple :-(
(a complicated error pron...
Bottom line:
For the moment at least...schemes are a bit of a hack.
They don’t gracefully degrade, so it takes a lot of wo...
intents on Android
outsource tasks to other apps
TASKTASK
TASK
Intents are the glue between application components,
both within an app, and across different apps. They allow
apps to outs...
Why is this useful?
Intents enable users to choose the app they prefer to use
when completing a task, such as sharing a li...
An intent is simply a
combination of an action,
and a piece of data.
Source: Nick Butcher, Google
VIEW
EDIT Contact “Bryan...
Android apps can register
their ability to handle
each type of intent.
Source: Nick Butcher, Google
I can....
...VIEW
...E...
EXAMPLE Opening a URL
Pick me!!
Two apps respond
“I can handle ”view”
intents on amazon.co.uk”
browser resolves
the URL
app resolves
the URL
use...
Reminder: The beauty here is this is an enhancement. The web
page simply contains a URL. If there’s no Amazon app installe...
SHARE
{data}
“Save”
INTENT
click “share”
...completing the action automatically brings you back to the Twitter app
choose ...
The more apps support intents, the more users can chain apps
and activities together to complete very personal experiences...
http://www.flickr.com/photos/khamtran/5871541424
Intents are pretty cool.
It’s a shame they’re just
an Android thing...
Detailed instructions on developers.google.com and try this out in Pocket on iOS
user clicks a link
from within the
Pocket...
Mozilla has also developed the web activities API for Firefox
(mobile) and Firefox OS. Web activities enable (web) apps to...
Mozilla hopes that web
activities will be
adopted as a standard.
The development of
web intents–a similar,
but more comple...
CONNECTED STUFF OUT IN
THE WORLD
DEVICE
APPAPP
APP
The last couple scenarios
all began (and ended) with an
app (the browse...
NFC
easily exchange all sorts of data
DEVICE DEVICE
(and much more...)
NFC is a simple but powerful wireless technology that
makes it easy to complete transactions, exchange digital
content, an...
Apple doesn’t yet support NFC :-(
Supported on most BlackBerry
and Windows Phone devices.
1 million NFC-enabled Android
de...
Receive small amounts of data
from an unpowered object
the NFC tag is
momentarily
powered by the
device’s NFC field
NFC ena...
The word “data” downplays the power of a potential
NFC data exchange. Here are a few examples...
Touch the poster
(which contains a
passive NFC tag) to
receive a product-
related URL.
(...similar to a QR code but at
lea...
Share a dataset
While using the British Airways
app, tap your NFC device to an
NFC-enabled (e-ink display)
luggage tag to ...
While playing a video using the
YouTube app, touch your phone
to a Smart TV’s NFC logo...
Share a context
2 Loads the vide...
Tap to send the file
1 Activates Bluetooth (if not already on)
2 Pairs the devices
3 Initiates Bluetooth streaming
Share me...
Touching the headphone’s
NFC logo to your NFC phone...
2 Activates Bluetooth
3 Pairs the devices
4 Initiates streaming of ...
http://www.flickr.com/photos/aon/7184559114/
things get even more interesting,
once you consider how users
may chain these ...
NFC
payment
share voucher with a friend
and so on...
in-store offer:
check-into
Facebook for
10% off
....later that day
rede...
http://www.flickr.com/photos/cristiano_betta/2753834595
tearing down silos isn’t just good
for the web, it’s good for all o...
http://www.flickr.com/photos/apes_abroad/4690659482
we’re not just build apps,
or web sites...
http://www.flickr.com/photos/heisenbergmedia/8409313926
we’re building strong, sustainable
companies and brands…
http://www.flickr.com/photos/comedynose/4328893766
…in a world where everything is connected
every company is now a technol...
the entire service,
the entire company...is the app
smart POP
contactless
payment
loyalty
just-in-time
inventory
global su...
http://www.flickr.com/photos/yokohamarides/5754457946
the web is by far its most ubiquitous
and resilient access point…
http://www.flickr.com/photos/danzen/4979854477
but the others also have a place in creating
wonderful, diverse and future-f...
http://www.flickr.com/photos/docentjoyce/3314396603
they’re simply tools that help us tell stories
about our products
...te...
http://www.flickr.com/photos/brownpau/4969358409
and devices that surround us…
our job is to tear down the walls, build bri...
http://www.flickr.com/photos/seokchanyun/5537621999
…only then can we tell the stories
our customers deserve
http://www.flickr.com/photos/dcoetzee/3885789043
for what, for whom, where and most importantly, why.”
- Bill Buxton (in a ...
http://www.flickr.com/photos/tinou/453593446
thank you
many thanks to the
amazing photographers on
http://creativecommons.o...
Upcoming SlideShare
Loading in …5
×

http://www.flickr.com/photos/greggoconnell/201374093 progressive enhancement but not Beyond progressive-enhancement

72,743 views

Published on

http://www.flickr.com/photos/greggoconnell/201374093
progressive enhancement
but not the way we’ve known it…

Published in: Technology, Design

×