PabloSanchez
EcosystemDesign
Wuxy,Chinaโ€ขย Nov15th2014
@pabsanch
User Friendly
2 0 1 4
EcosystemDesign
PabloSanchez
Wuxy,Chinaโ€ขย Nov15th2014
Director of User Experience Design with extensive hands-on and
management background gained in fast-paced internet companies and
large corporations in Europe, USA and Asia.
PabloSanchez
Team Leader:
Builder of several UX teams
โ€“comprising interaction
designers, researchers,
visual designers, content
strategists and front-end
developersโ€“ for companies
like HP, Yahoo!, Western
Digital, Santander,
monster.com.
MADRID, SPAIN
PRAGUE, CZECH REPUBLIC
BOSTON, MA
SINGAPORE
CALIFORNIA, USA
โ€ฆand yes, I love co๏ฌ€ee!
Anew
interaction
paradigm
isemerging
These days We tend to
use minimal interfaces...
...or no interfaces at all
It seems like
the cloud
and the
proliferation
of mobile
devices have
profoundly
changed
consumer
habits and
expectations
Source: statista
Mobile internet access continues to become more and more common
across the globe. Ericsson predicts that the number of mobile internet
subscriptions via smartphone, tablet or any other device with a cellular
connection will grow to 6.4 billion by 2019.
We demand access to everything, everywhere, anytime.
Mobile
internet
subscriptions
will reach
6.4billion
in 2019
2010 2011 2012 2013 2014 2015 2016 2017 2018 2019
0.4
0.8
0.15
2.6
5.6
0.50
2b
4b
6b
8b
Smartphones Mobile PCs, tablets and mobile routers
Numberofmobileinternetsubscriptionsworldwide(inbillions)
In many categories, digital content is consumed almost exclusively on
mobile devices now. According to comScore, the majority of mobile
media usage is happening in apps, which for the first time accounted for
more than 50% of time spent with digital media
Primarily, We consume content on the go...
Source: statista + comScore
60% 70% 80% 90% 100%
Radio
Photo
Maps
Instant Messangers
Games
Telecommunications
Downloads
Entertainment / Music
Social Networking
Directories / Resources
Mobile Desktop
ShareoftimespentwithselectedcontentcategoriesintheU.S.inMay2014
Mobile is
taking over
digitalmedia
usage
Of Facebook's 1.07 billion mobile users, 399 million access Facebook
exclusively on mobile devices, representing an increase of more than
80% over last year's second quarter and of almost 20% compared to
the March quarter of 2014.
30% of
facebook
users are
mobile only
Smartphones play a key role in our (fragmented) digital lives
800
700
600
500
400
300
200
100
0
Q1 Q3 Q1 Q3 Q1Q2 Q2 Q2Q4 Q4
2012 2013 2014
Mobile-only Mobile & DesktopDesktop-only
671m
399m
247m
Facebookโ€™smonthlyactiveusers,brokendownbytypeofaccess(inmillions)
Source: statista + Facebook
People spend more time looking at screens than ever
mobile web
+ apps
Internet
video
Time-shifted
TV
Game
console
Internet
via PC
Mobile
Video DVD or
Blu-Ray
Player
Live TV
07:04
03:47
02:09 01:46
01:43
00:26
-00:11 -00:34
Source: statista + Nielsen
ChangeinmonthlytimeAmericansspentwithscreenmediaQ12014vs.Q12013(hh:mm)
Smartphone usage has seen the biggest increase since last year's first
quarter, with people now spending 7 hours more per month using apps or
browsing on their mobile phones. On average, Americans still spent 160
hours a month watching traditional TV.
Total screen time:
270 hours
14 minutes
We live
surrounded by
devices that
constantly
demand our
attentionโ€ฆ
Deviceshifting is
essential to our
multi-task habits.
Shopping online
doesnโ€™t mean
โ€œseated in front of
a computerโ€
anymore
We constantly sWitch between devices in our daily tasks ...
87%
Browsing the
Internet
Popular cross device activities:
67%
Shopping
Online
46%
Managing
Finances
43%
Planning a Trip
of people use multiple
screens sequentially90%
Source: Google / Ipsos / Sterling, 2012
a
67%
Shopping
Online
โ€ฆ and thatโ€™s the
genesis of the
ecosystem of
devices around
each one of us
Not surprisingly, We expect our devices to be in sync With us ...
Interfaces must be dead simple so users can switch and multi-task
E.g. the iOS
inspired redesign
of Messages on
OS XYosemite let
users work
seamlessly across
phones and
computers
โ€ฆso we can get
things done
independently of
our preferred
platform (iOS,
android, PC, Mac)
We also expect our devices to share information between them ...
So we never
experience the
heartbreaking loss
of personal data
We expect to migrate and backup our data effortlessly ...
or the frustration of being
locked into a platform
We expect our content to be protected across devices ...
because
privacy and
security
always come
first
โ€ฆ and
propagate
our custom
settings
across all our
devices
We expect to personalize and save our preferences easily ...
and multiยทplay and collaborate like if we were in the same room
Last but not least...
v
We expect this digital ecosystem to be so intuitive ...
...that you canโ€™t do anything Wrong
The more complex the system
the greater the need for simplicity
Letโ€™s do a quick reality check ...
B
Samsung Galaxy S4
Google Play Edition
Nexus 7
Looks like Apple competitors
are not doing much better ...
R
A Better Ecosystem
The fact that the iPhone is tied to iTunes โ€” both the software and the store โ€” has
been a key part of its success. iCloud, along with its seamless backing up of
photos and other content, has taken it a step further. 

Samsung's ecosystem is comparatively weak. The company has a jumble of
multiple digital storefronts (called "hubs"), its horribly named "AllShare" cloud-
storage system, plus some partnerships with third parties including Dropbox and
SugarSync. Compared to Apple's single-storefront, set-up-once system,
Samsung's is a mess. 

Samsung would do itself a world a good if, with the Galaxy S IV, it would ๏ฌnally
o๏ฌ€er a clear ecosystem. It should either cut away the partnerships and go all-in on
its own system, or just use Google's, which isn't perfect either but at least
Google Play is relatively consistent. 

5 Ways the Samsung Galaxy Can Beat the iPhone
Pete Pachal
Pete Pachal is
Mashableโ€™s Tech
Editor and has been at
the company since
2011. In this position,
he covers the
technology industry,
from self-driving cars
to self-destructing
smartphones.http://mashable.com/2013/02/26/samsung-galaxy-s4-vs-iphone/
ARTICLE EXCERPT
User-centered
Ecosystems
designing
The ultimate challenge
for the neW
generation of user
experience designers
is not designing
isolated products...
North Star โ€ข
Our goal is to design
a user-centered
ecosystem of
Our goal is to design
a user-centered
ecosystem of
devices,
Our goal is to design
a user-centered
ecosystem of
devices,
objects
Our goal is to design
a user-centered
ecosystem of
devices,
objects
and services,
Our goal is to design
a user-centered
ecosystem of
devices,
objects
and services,
across platforms
Our goal is to design
a user-centered
ecosystem of
devices,
objects
and services,
across platforms
in a simple,
delightful,
and cohesive Way
The problem is that...
this noble pursuit typically
impacts entire organizationsmarketing
software engineering
design
product strategy
business units
internationalization & legal departments
hardware engineering
HP purchased WEB OS in 2010 to unify its myriad of devices. The plan never got implemented. The sheer size of the company (324,000 employees) added huge coordination costs.
Thegrowing
painsof
corporations
understanding
We could tell what people were doing by simple observation
John F. Kennedy Presidential Library & Museum
http://goo.gl/WldIRz
Communication
โ€œHappiness is not in money but in shoppingโ€ - Marilyn
http://goo.gl/Ssj63T
Shopping
Beforethedigitalrevolution
Hemingway ยฉ Getty Images
http://goo.gl/0LKptZ
Content Creation
Clark Gable ยฉ Getty Images
http://goo.gl/dn5s5q
Media Consumption
โ€ฆwe canโ€™t tell anymore what people are doing
Content Creation?
Jimmy Wales | CC by Renato Targa | http://goo.gl/RnK0xb
Communication? Media Consumption?
Today
Shopping?
โ€ฆwe knew what products to expect from a company
Beforethedigitalrevolution
Beforethedigitalrevolution
Content Creation Media RetailerCommunication
Content Creation Media RetailerCommunicationContent Creation?
Today
Today
Content Creation? Media RetailerCommunication?
Today
Content Creation? Media? RetailerCommunication?
Today
Content Creation? Media? Retailer?Communication?
AT&TEcosystem
DigitalLifestyle
Communication
Media
Commerce
Software
Hardware
Physical
Spaces
& Social Media
Entertainment & Videogames
consumer electronics
4
content creation | storage | distribution
DigitalLifestyle
Communication
Media
Commerce
Software
Hardware
Physical
Spaces
& Social Media
Entertainment & Videogames
consumer electronics
AmazonEcosystem
content creation | storage | distribution
DigitalLifestyle
Communication
Media
Commerce
Software
Hardware
Physical
Spaces
& Social Media
Entertainment & Videogames
consumer electronics
Google Ecosystem
content creation | storage | distribution
DigitalLifestyle
Communication
Media
Commerce
Software
Hardware
Physical
Spaces
& Social Media
Entertainment & Videogames
consumer electronics
AppleEcosystem
B
SOFTWARE
ITUNES STORE
Buy
โ€ขย Find media
โ€ขย Buy media
โ€ขย Buy games
โ€ขย Subscribe to
podcasts
SOFTWARE
Manage
ITUNES
โ€ขย Browse audio
โ€ขย Play audio
โ€ขย Rate audio
โ€ขย Add audio
โ€ขย Delete audio
โ€ขย Make playlist
โ€ขย Stream radio
โ€ขย Burn CDs
Play
IPOD
HARDWARE
โ€ขย Browse audio
โ€ขย Play audio
โ€ขย Rate audio
โ€ขย Add audio
โ€ขย Delete audio
โ€ขย Make playlist
โ€ขย Stream radio
โ€ขย Burn CDs
ThedigitalecosystemBIGBANG
Diagram extracted from the book Subject to Change by Peter Merholz, Todd Wilkens & Brandon Schauer
โ€œTheiPodisreallyjustsoftware.Itโ€™s
softwareintheiPoditself,itโ€™s
softwareonthePCortheMac,and
itโ€™ssoftwareinthecloudforthestore.
Anditโ€™sinabeautifulbox,butitโ€™s
software.
AlanKayhadagreatquotebackin
theโ€™70s.Hesaid:peoplethatlove
softwarewanttobuildtheirown
hardware.โ€
โ€“SteveJobs
5
expanding
Case study: brand experiences in the
universe
ofไธญๅ›ฝ
workshop conducted
with design students in
Wuxy, China in Nov 2o14
LEGOEcosystem
content creation | storage | distribution
DigitalLifestyle
Communication
Media
Commerce
Software
Hardware
Physical
Spaces
& Social Media
Entertainment & Videogames
physical products
Core Business
LegoToday
Lego produces roughly
36 billion plastic
elements annually.
New products launches
account for
approximately 60% of
the LEGOโ€™s sales to
consumers:
โ€ขย LEGO Star Warsโ„ข
โ€ขย LEGO Marvel Super Heroes
โ€ขย LEGO Legends of Chima
โ€ขย LEGO The Simpsons,
etc.
Videogames LegolandStoresMovies
Videogames LegolandStoresMovies
Consoles
OS apps
iPhone apps
http://tinyurl.com/ky3m345
Core Business
iPad apps
Android apps
Videogames LegolandStoresMovies
Consoles
OS apps
iPhone apps
Core Business
iPad apps
Android apps
Videogames LegolandStoresMovies
Consoles
iPhone apps
Core Business
iPad apps
Android apps
OS apps
Videogames LegolandStoresMovies
Consoles
iPhone apps
Core Business
iPad apps
Android apps
OS apps
Videogames LegolandStoresMovies
Consoles
iPhone apps
Core Business
iPad apps
Web apps
OS apps
6
LegolandStoresMoviesCore Business
MiniSeries
Videogames
TV Shows
Movies
7
LegolandStoresMoviesCore Business Videogames
LegolandStoresMoviesCore Business Videogames
The Lego website had an average of 11-million individual visitors a month, with an average dwell time of approx. 22 minutes.
LegolandStoresMoviesCore Business Videogames
Userexperiencearisesfrom
thesumtotalofinteractions
withaorganizationโ€™sproductsandservices
PeterMerholz-UXWeek2012
Thatincludesbusinessdevelopment,
marketing,engineering,
customerservice,retail
aswellasproductandservicedesign.
thesumtotalof interactions
withaorganizationโ€™sproductsandservices
PeterMerholz-UXWeek2012
Thatincludesbusinessdevelopment,
marketing,engineering,
customerservice,retail
aswellasproductandservicedesign.
A great seamless
Userexperiencearisesfrom
A great seamless
interactions
Userexperiencearisesfrom
May I earn VIP points
with my purchases
across LEGOยฎ?
100 Points = $5 Reward
May I earn VIP points
with my purchases
across LEGOยฎ?
100 Points = $5 Reward
LEGO.com
May I earn VIP points
with my purchases
across LEGOยฎ?
100 Points = $5 Reward
LEGO.comStores
LEGO.comStores Legoland
Advice for experience designers:
be Careful with
these boundaries
Why?
every successful
experience creates
an expectation
VIP points
successfully
added to
userโ€™s
account!
Physical Store
next time . . .
Physical Store
VIP points
successfully
added to
userโ€™s
account!
Physical Store Amusement Park
VIP points
successfully
added to
userโ€™s
account!
VIP points
could not be
added to
userโ€™s
account.
User gets totally
disappointed
Physical Store Amusement Park
every unsuccessful
experience kills
an expectation
VIP points
successfully
added to
userโ€™s
account
VIP points
could not be
added to
userโ€™s
account.
User gets totally
disappointed
Physical Store Amusement Park
VIP points
successfully
added to
userโ€™s
account
Online Store
User forgets about his/her
loyalty program
VIP points
could not be
added to
userโ€™s
account.
User gets totally
disappointed
Physical Store Amusement Park
VIP points
successfully
added to
userโ€™s
account
Online Store
and most importantlyโ€ฆ
LEGOโ€™s brand su๏ฌ€ers.
VIP points
could not be
added to
userโ€™s
account.
User gets totally
disappointed
A great
seamless
Userexperience
interactions
arisesfrom
With the BRAND
Users donโ€™t know the
intricacies of product design
I guess this app works
di๏ฌ€erently because it was
designed with Android
SDK version v3.6.1
No Way!
This toy feels di๏ฌ€erently
because it was requested by a
fan community, designed by a
subsidiary and manufactured
by an OEM in Malaysia
DesigningwithintheBrand
As designers our goal is to
promote a consistent
brand experience
across all touchpoints
itโ€™s not consistency for consistency sake
DesigningwithintheBrand
DesigningwithintheBrand
As designers we canโ€™t help asking ourselves
HoW COOL this interaction would be ?
Scanning a LEGO model into
an iPad app and playing with
it in 3D? COOL!
designer
What this interaction would
say about the brand
?
but the question that should follow is:
real customer
I got this for my 4 year old
son (โ€ฆ) I feel cheated.
WoW! thatโ€™s pretty bad
http://www.amazon.com/LEGO-Fusion-21205-Battle-Towers/dp/B00MGSJABY
DesigningwithintheBrand
The more complex the ecosystem becomes the more
careful We should manage any Brand expectations
DesigningwithintheBrand
http://www.lego.com/en-us/fusion/parents
z
OFFICIAL COMMUNICATION
LEGO lives by a set of
corporate โ€˜promisesโ€™
including the โ€˜Play
Promiseโ€™ that
measures its success
in creating a positive
customer experience
for the children that
play with its toysโ€ฆ
and a promise to the
parents of those
children that it will be a
safe and educational
experience.
to companyโ€™s shareholders
to society
to customers
to employees
DesigningwithintheBrand
LEGO lives by a set of
corporate โ€˜promisesโ€™
including the โ€˜Play
Promiseโ€™ that
measures its success
in creating a positive
customer experience
for the children that
play with its toysโ€ฆ
and a promise to the
parents of those
children that it will be a
safe and educational
experience.
to companyโ€™s shareholders
to society
to customers
to employees
Is this product stretching
the brand beyond its limits?
DesigningwithintheBrand
this successful
experience created
an expectation
immediately enjoyable
creative beyond limits
engaging (family inclusive)
DesigningwithintheBrand
this successful
experience created
an expectation
immediately enjoyable
creative beyond limits
engaging (family inclusive)
highly complex
creatively restrictive
family non-inclusive
DesigningwithintheBrand
When brands groW unchecked
redefining its brand architecture
and its design language
may reduce the growing pains
a
DesigningwithintheBrand
BrandArchitecture
BrandArchitecture
BrandArchitecture
Disney Logo always displayed in
the upper right corner
TV channels display the
distinctive WATCH mark
Only videogames display this kind
of eye-catching illustrations
11
DesignLanguage
DesignLanguage
DesignLanguage
Non-linear
Interactions
designing
Linear
Interactions
Cecelia Weckstrom, head
of the Lego Learning
Institute developed an
initiative to map
customer experiences
into a Customer Journey
map.
This example identifies
opportunities for
enhancing the customer
experience of a flight
from London to New York
City.
Source: Customer Experience Matters
Non-linear
Interactions
Most common
interactions involve
multiple touchpoints
including online &
mobile channel +
physical experiences
Source: Fitch.com
Non-linear
Interactions
Source: Fitch.com
retailnext.net incontextsolutions.com
shoppertrak.com getnomi.com
How much do we
really know about
our customers?
Research firms are
stepping up
Most of definitions of Service Design and
Interaction Design are interchangeable
โ€œServiceDesignisallaboutmaking
theserviceyoudeliveruseful,usable,
efficientanddesirableโ€
UKDesignCouncil
Most of definitions of Service Design and
Interaction Design are interchangeable
โ€œServiceDesignisallaboutmaking
theserviceyoudeliveruseful,usable,
efficientanddesirableโ€
UKDesignCouncil
InteractionDesign
tangible intangible >
tangible intangible >
product design service design
tangible intangible >
product design service design
UI design
visual design
Industrial design
. . .
design of systems & processes
Cross-disciplinary practice (including design, marketing,
process engineering, etc) that results in the design of systems
and processes aimed at providing a holistic service to the user
โ€“ Copenhagen Institute of Interaction Design 2008
tangible intangible >
product design service design
design of systems & processes
?
UI design
visual design
Industrial design
. . .
product design
tangible
interaction design
intangible >
service design
design of systems & processesUI design
visual design
Industrial design
. . .Bill Moggridge
. . .Bill Moggridge
Defining Interaction
Design is not necessary
Oh, no!
interaction design
. . .Bill Moggridge
Dan Sa๏ฌ€er
Defining Interaction
Design is not necessary
interaction design
. . .Bill Moggridge
Dan Sa๏ฌ€er
Defining Interaction
Design is not necessary
Robert Fabricant - frog design
product design
tangible
interaction designUI design
visual design
Industrial design
. . .
intangible >
service design
design of systems & processes
product design
tangible
interaction designUI design
visual design
Industrial design
. . .
intangible >
service design
design of systems & processes
โ€œExperiencedesignisthedesignofanything
UX Week 2009
independentofmedium,oracrossmedia(โ€ฆ)
Withhumanengagementasanexplicitgoal.โ€
-JesseJamesGarrett
https://vimeo.com/6952223
product design
interaction designUI design
visual design
Industrial design
. . .
service design
design of systems & processes
USER EXPERIENCE
A
ConceptMapping
ConceptMapping
whatโ€™s important is the relationship
between the two actors
Customer
Journey
There are many
variants of this tool.
Learn the basics and
then adapt to each
case and client
a
Customer
Journey think of
each column
as a phase
or stage of
the journey
MANAGE
ITUNES STORE
โ€ขย Find
media
โ€ขย Buy media
โ€ขย Buy
games
โ€ขย Subscribe
to
podcasts
ITUNES
โ€ขย Browse
audio
โ€ขย Play audio
โ€ขย Rate audio
โ€ขย Add audio
โ€ขย Delete
audio
โ€ขย Make
playlist
โ€ขย Stream
radio
โ€ขย Burn CDs
IPOD
โ€ขย Browse
audio
โ€ขย Play audio
โ€ขย Rate audio
โ€ขย Add audio
โ€ขย Delete
audio
โ€ขย Make
playlist
โ€ขย Stream
radio
โ€ขย Burn CDs
PLAY BUY
Customer
Journey
think of each column as a
layer of information that
can be stacked vertically
Marc Stickdorn: Service Design Thinking
CustomerJourney
10 m
CloudInteractions
designing
SOFTWARE
Letโ€™s put together all the
pieces of the interaction puzzle
SOFTWARE HARDWARE
SOFTWARE HARDWARE
PHYSICALSPACESSOFTWARE HARDWARE
SOFTWARE
PHYSICALSPACES
HARDWARE
UserProfile
SOFTWARE
PHYSICALSPACES
HARDWARE
UserProfile Rewards
RecommendationsFavorites
Preferences
UserProfile
Favorites Amazon fire TV arrives home
โ€œpre-loadedโ€ With userโ€™s movies,
music and Watchlist
v
UserProfile
Favorites Amazon fire TV arrives home
โ€œpre-loadedโ€ With userโ€™s movies,
music and Watchlist
v
Pablo heads off to
Recommendations
ไธญๅ›ฝ
UserProfile
UserProfile
Google NoW anticipates
his needs With an info
card informing him
about his trip
Recommendations
Hong Kong
Recommendations
UserProfile
Rewards
UserProfile
xbox SmartGlass
is by far the
best second-
screen app
available in all app
stores !
See which friends are online and what theyโ€™re
playing. See whoโ€™s on top in the leaderboard. Send
and receive messages to brag about your score or
challenge a friend.
Rewards
UserProfile
In conjunction
With Kinect the
users can noW
control their
video games and
TV without a
remote or
controller!
Rewards
UserProfile
The app can
keep users in
the loop with
notificationsโ€ฆ
The next gen
version will
provide Home
automation
(IOT)
Once loyalty programs are
introduced in Google Wallet ...
Preferences
UserProfile
...thereWards are
automatically applied
to every in-store
purchase ...
Preferences
UserProfile
...andtoevery
online purchase.
Preferences
UserProfile
And users get notified
on their Watches.
By the Way: You got a package!
Google
Shopping Express
Cloud-based
interactions
unify the
user
experience
with common
services and
up-to-date
data ...
Google
Shopping Express
Wireless interactions enable fast
exchange of relevant info bits
NFC
5
Which are provided by
its public or private...
API is an abbreviation of
application program interface. It
defines a set of functionalities in
a very modular and reusable way.
Each block of code performs one
and only one function (such as
register a new Loyalty program or
delete an existing program)
APIs
API is an abbreviation of
application program interface. It
defines a set of functionalities in
a very modular and reusable way.
Each block of code performs one
and only one function (such as
register a new Loyalty program or
delete an existing program)
APIs
Loyalty cards in the cloud
The Wallet Objects API allows Google
Wallet users to access loyalty
programs from any device with
access to the cloud. Speci๏ฌcally, the
Loyalty API allows Google Wallet
users to add a loyalty program to
their digital wallet, use Ioyalty
information while making a
purchase, and track and redeem
awards.
HTTPS://DEVELOPERS.GOOGLE.COM/WALLET/OBJECTS/
API is an abbreviation of
application program interface. It
defines a set of functionalities in
a very modular and reusable way.
Each block of code performs one
and only one function (such as
register a new Loyalty program or
delete an existing program)
APIs
Loyalty cards in the cloud
The Wallet Objects API allows Google
Wallet users to access loyalty
programs from any device with
access to the cloud. Speci๏ฌcally, the
Loyalty API allows Google Wallet
users to add a loyalty program to
their digital wallet, use Ioyalty
information while making a
purchase, and track and redeem
awards.
HTTPS://DEVELOPERS.GOOGLE.COM/WALLET/OBJECTS/
Remember me? I want
to add my LEGO VIP
card to Google wallet
function AddUserToLoyaltyProgram()
User links to existing loyalty program from within Google Wallet app:
a. Wallet app posts JSON signup information to your specified web service URL specified in your
Discoverable (A feature of certain Wallet Object types, such as loyalty). There is a shared
secret password in this request's header.
b. If approved, you respond with JSON response containing the Loyalty Object representing
user's specific representation of Loyalty Class. If rejected, you respond with JSON response
containing rejection message.
function SavetoGoogleWallet()
Well, this is what
LEGO developers
should implement
HTTPS://DEVELOPERS.GOOGLE.COM/WALLET/OBJECTS/
APIs are the most
e๏ฌ€ective way to
create viral
ecosystems that
connect with millions
of users around the
globe.
Making things easy
for any developer
(inside and outside
your organization)
to create engaging
services and
scalable products is
the first step to
achieve sustainable
growth.
8
http://goo.gl/HtlkHE
Welcome to the future
Web Components usher in a new era
of web development based on
encapsulated and interoperable
custom elements that extend HTML
itself. Built atop these new
standards, Polymer makes it easier
and faster to create anything from a
button to a complete application
across desktop, mobile, and beyond.
9
Google APIs
Google API
Explorer
https://developers.google.com/apis-
explorer/#p/
z
z
z
Thereโ€™s Good News for Designers
APIs give designers a much richer toolbox than theyโ€™ve ever had before. We can now
take advantage of capabilities on our devices, the wealth of knowledge stored in
databases, and pull together resources to provide a richer experience for our users (โ€ฆ)

Designers will need to make API education a regular part of their work activities.
Experimentation opportunities, like internal one-day hackathons or โ€œ20%-timeโ€ side
projects, give the designers and developers a way to try out and play with APIs to
extend interesting experience ideas (โ€ฆ)
APIs Are Designs Too
To make APIs work, they need a design. The method of designing an API isnโ€™t that
di๏ฌ€erent from any other user interface project, except the users are fellow developers
and designers. Weโ€™re seeing a branch of UX design emerging that deals with creating
easy to use and maintain APIs. They provide documentation, sandbox tools for testing
functions, example code, and simple maintenance models for getting the API integrated
and running quickly and e๏ฌ€ectively. It wonโ€™t be too long before our own organizations
need to ask what could we build as an API for our own stu๏ฌ€? As designers, we can play
a role in helping make our core competencies a integral part of other applications. 

APIs: The Future Is Now
Jared M. Spool
Jared M. Spool
(1960-) is the founder
of User Interface
Engineering and a
leading expert on user
experience (UX)
design.
Originally published: Apr 04, 2013
http://www.uie.com/articles/api_future/
ARTICLE EXCERPT
SOFTWARE
PHYSICALSPACES
HARDWARE
UserProfile
PaymentsServerAuthServer
GameServer
Share SyncBackup Collaborate
one user one-to-many
one user
across multiple devices
many-to-many
across multiple devices
unidirectional unidirectional
across multiple devices
bidirectional
across multiple devices bidirectional
x multiple users x devices
peace of mind socialization device shifting collaboration
users
interaction
unique
perceived
bene๏ฌt
thereโ€™s always a duplicate
โ€˜unsharing' should be as easy as
sharing
My ๏ฌles are always up-to-date in
every device (no duplicates)
Mess can be reverted (accidental
deletes, concurrent iterations..)
users
expectations
W
โ€œThe prevalence of sequential
usage makes it imperative
that businesses enable
customers to save their
progress between devices.
Saved shopping carts,
signed-in experiences or the
ability to email progress to
oneself helps keep
consumers engaged,
regardless of device they
usedโ€
Source: Think With Google
Wireless
Interactions
designing
Disney Band has a RFID
chip that let users swipe
their bands to pay at
any register in Disney
World, access express
lines and unlock their
hotel room.
Sensors hidden in the
Be My Guest
restaurant can detect
customer presence from
up to 40 feet away.
RFID
Bluetooth
Beacons
SweetHomeLAN
HPweb-connectedecosystem
HP Photosmart Premium with TouchSmart Web
12
HPinstantink
HPinstantink
14+15
WDMyCloud
http://www.wdmyclouddemo.com/
DLNA
16
PhilipsHueLux
18
PhilipsHueLux
18
BelkinWeMo
D-Linkโ€™s new Wi-Fi Smart Plug
(DSP-W215) now lets you
monitor and control your
homeโ€™s electronic devices from
anywhere using Dlinkโ€™s free app
for iOS and Android
smartphones or tablets. The
device o๏ฌ€ers a convenient way
to automate home and control
devices from the userโ€™s
smartphones and tablets.
The Wi-Fi Smart Plug comes
with a built-in thermal sensor
that will automatically shut o๏ฌ€
connected devices if they
overheat. The mydlink Wi-Fi
Smart Plug features a simple
one-button installation โ€“ users
press the WPS button on their
existing router and on the
Smart Plug, and then download
the mydlink Smart Plug mobile
app to start setup.
AppleHomeKit
19
ไธญๅ›ฝ
User Friendly
2014
Thanks
foryour
attention
@pabsanch

Ecosystem Design

  • 1.
    PabloSanchez EcosystemDesign Wuxy,Chinaโ€ขย Nov15th2014 @pabsanch User Friendly 2 01 4 EcosystemDesign PabloSanchez Wuxy,Chinaโ€ขย Nov15th2014
  • 2.
    Director of UserExperience Design with extensive hands-on and management background gained in fast-paced internet companies and large corporations in Europe, USA and Asia. PabloSanchez Team Leader: Builder of several UX teams โ€“comprising interaction designers, researchers, visual designers, content strategists and front-end developersโ€“ for companies like HP, Yahoo!, Western Digital, Santander, monster.com. MADRID, SPAIN PRAGUE, CZECH REPUBLIC BOSTON, MA SINGAPORE CALIFORNIA, USA โ€ฆand yes, I love co๏ฌ€ee!
  • 3.
  • 4.
    These days Wetend to use minimal interfaces...
  • 5.
  • 6.
    It seems like thecloud and the proliferation of mobile devices have profoundly changed consumer habits and expectations
  • 7.
    Source: statista Mobile internetaccess continues to become more and more common across the globe. Ericsson predicts that the number of mobile internet subscriptions via smartphone, tablet or any other device with a cellular connection will grow to 6.4 billion by 2019. We demand access to everything, everywhere, anytime. Mobile internet subscriptions will reach 6.4billion in 2019 2010 2011 2012 2013 2014 2015 2016 2017 2018 2019 0.4 0.8 0.15 2.6 5.6 0.50 2b 4b 6b 8b Smartphones Mobile PCs, tablets and mobile routers Numberofmobileinternetsubscriptionsworldwide(inbillions)
  • 8.
    In many categories,digital content is consumed almost exclusively on mobile devices now. According to comScore, the majority of mobile media usage is happening in apps, which for the first time accounted for more than 50% of time spent with digital media Primarily, We consume content on the go... Source: statista + comScore 60% 70% 80% 90% 100% Radio Photo Maps Instant Messangers Games Telecommunications Downloads Entertainment / Music Social Networking Directories / Resources Mobile Desktop ShareoftimespentwithselectedcontentcategoriesintheU.S.inMay2014 Mobile is taking over digitalmedia usage
  • 9.
    Of Facebook's 1.07billion mobile users, 399 million access Facebook exclusively on mobile devices, representing an increase of more than 80% over last year's second quarter and of almost 20% compared to the March quarter of 2014. 30% of facebook users are mobile only Smartphones play a key role in our (fragmented) digital lives 800 700 600 500 400 300 200 100 0 Q1 Q3 Q1 Q3 Q1Q2 Q2 Q2Q4 Q4 2012 2013 2014 Mobile-only Mobile & DesktopDesktop-only 671m 399m 247m Facebookโ€™smonthlyactiveusers,brokendownbytypeofaccess(inmillions) Source: statista + Facebook
  • 10.
    People spend moretime looking at screens than ever mobile web + apps Internet video Time-shifted TV Game console Internet via PC Mobile Video DVD or Blu-Ray Player Live TV 07:04 03:47 02:09 01:46 01:43 00:26 -00:11 -00:34 Source: statista + Nielsen ChangeinmonthlytimeAmericansspentwithscreenmediaQ12014vs.Q12013(hh:mm) Smartphone usage has seen the biggest increase since last year's first quarter, with people now spending 7 hours more per month using apps or browsing on their mobile phones. On average, Americans still spent 160 hours a month watching traditional TV. Total screen time: 270 hours 14 minutes We live surrounded by devices that constantly demand our attentionโ€ฆ
  • 11.
    Deviceshifting is essential toour multi-task habits. Shopping online doesnโ€™t mean โ€œseated in front of a computerโ€ anymore We constantly sWitch between devices in our daily tasks ... 87% Browsing the Internet Popular cross device activities: 67% Shopping Online 46% Managing Finances 43% Planning a Trip of people use multiple screens sequentially90% Source: Google / Ipsos / Sterling, 2012 a
  • 12.
    67% Shopping Online โ€ฆ and thatโ€™sthe genesis of the ecosystem of devices around each one of us Not surprisingly, We expect our devices to be in sync With us ...
  • 13.
    Interfaces must bedead simple so users can switch and multi-task E.g. the iOS inspired redesign of Messages on OS XYosemite let users work seamlessly across phones and computers
  • 14.
    โ€ฆso we canget things done independently of our preferred platform (iOS, android, PC, Mac) We also expect our devices to share information between them ...
  • 15.
    So we never experiencethe heartbreaking loss of personal data We expect to migrate and backup our data effortlessly ... or the frustration of being locked into a platform
  • 16.
    We expect ourcontent to be protected across devices ... because privacy and security always come first
  • 17.
    โ€ฆ and propagate our custom settings acrossall our devices We expect to personalize and save our preferences easily ...
  • 18.
    and multiยทplay andcollaborate like if we were in the same room
  • 19.
    Last but notleast... v
  • 20.
    We expect thisdigital ecosystem to be so intuitive ... ...that you canโ€™t do anything Wrong
  • 21.
    The more complexthe system the greater the need for simplicity
  • 22.
    Letโ€™s do aquick reality check ... B
  • 26.
    Samsung Galaxy S4 GooglePlay Edition Nexus 7
  • 27.
    Looks like Applecompetitors are not doing much better ... R
  • 28.
    A Better Ecosystem Thefact that the iPhone is tied to iTunes โ€” both the software and the store โ€” has been a key part of its success. iCloud, along with its seamless backing up of photos and other content, has taken it a step further. Samsung's ecosystem is comparatively weak. The company has a jumble of multiple digital storefronts (called "hubs"), its horribly named "AllShare" cloud- storage system, plus some partnerships with third parties including Dropbox and SugarSync. Compared to Apple's single-storefront, set-up-once system, Samsung's is a mess. Samsung would do itself a world a good if, with the Galaxy S IV, it would ๏ฌnally o๏ฌ€er a clear ecosystem. It should either cut away the partnerships and go all-in on its own system, or just use Google's, which isn't perfect either but at least Google Play is relatively consistent. 5 Ways the Samsung Galaxy Can Beat the iPhone Pete Pachal Pete Pachal is Mashableโ€™s Tech Editor and has been at the company since 2011. In this position, he covers the technology industry, from self-driving cars to self-destructing smartphones.http://mashable.com/2013/02/26/samsung-galaxy-s4-vs-iphone/ ARTICLE EXCERPT
  • 29.
  • 30.
    The ultimate challenge forthe neW generation of user experience designers is not designing isolated products... North Star โ€ข
  • 31.
    Our goal isto design a user-centered ecosystem of
  • 32.
    Our goal isto design a user-centered ecosystem of devices,
  • 33.
    Our goal isto design a user-centered ecosystem of devices, objects
  • 34.
    Our goal isto design a user-centered ecosystem of devices, objects and services,
  • 35.
    Our goal isto design a user-centered ecosystem of devices, objects and services, across platforms
  • 36.
    Our goal isto design a user-centered ecosystem of devices, objects and services, across platforms in a simple, delightful, and cohesive Way
  • 37.
    The problem isthat... this noble pursuit typically impacts entire organizationsmarketing software engineering design product strategy business units internationalization & legal departments hardware engineering HP purchased WEB OS in 2010 to unify its myriad of devices. The plan never got implemented. The sheer size of the company (324,000 employees) added huge coordination costs.
  • 38.
  • 39.
    We could tellwhat people were doing by simple observation John F. Kennedy Presidential Library & Museum http://goo.gl/WldIRz Communication โ€œHappiness is not in money but in shoppingโ€ - Marilyn http://goo.gl/Ssj63T Shopping Beforethedigitalrevolution Hemingway ยฉ Getty Images http://goo.gl/0LKptZ Content Creation Clark Gable ยฉ Getty Images http://goo.gl/dn5s5q Media Consumption
  • 40.
    โ€ฆwe canโ€™t tellanymore what people are doing Content Creation? Jimmy Wales | CC by Renato Targa | http://goo.gl/RnK0xb Communication? Media Consumption? Today Shopping?
  • 41.
    โ€ฆwe knew whatproducts to expect from a company Beforethedigitalrevolution
  • 42.
  • 43.
    Content Creation MediaRetailerCommunicationContent Creation? Today
  • 44.
    Today Content Creation? MediaRetailerCommunication?
  • 45.
    Today Content Creation? Media?RetailerCommunication?
  • 46.
    Today Content Creation? Media?Retailer?Communication?
  • 47.
  • 48.
    content creation |storage | distribution DigitalLifestyle Communication Media Commerce Software Hardware Physical Spaces & Social Media Entertainment & Videogames consumer electronics AmazonEcosystem
  • 49.
    content creation |storage | distribution DigitalLifestyle Communication Media Commerce Software Hardware Physical Spaces & Social Media Entertainment & Videogames consumer electronics Google Ecosystem
  • 50.
    content creation |storage | distribution DigitalLifestyle Communication Media Commerce Software Hardware Physical Spaces & Social Media Entertainment & Videogames consumer electronics AppleEcosystem B
  • 51.
    SOFTWARE ITUNES STORE Buy โ€ขย Find media โ€ขย Buymedia โ€ขย Buy games โ€ขย Subscribe to podcasts SOFTWARE Manage ITUNES โ€ขย Browse audio โ€ขย Play audio โ€ขย Rate audio โ€ขย Add audio โ€ขย Delete audio โ€ขย Make playlist โ€ขย Stream radio โ€ขย Burn CDs Play IPOD HARDWARE โ€ขย Browse audio โ€ขย Play audio โ€ขย Rate audio โ€ขย Add audio โ€ขย Delete audio โ€ขย Make playlist โ€ขย Stream radio โ€ขย Burn CDs ThedigitalecosystemBIGBANG Diagram extracted from the book Subject to Change by Peter Merholz, Todd Wilkens & Brandon Schauer
  • 52.
  • 53.
    expanding Case study: brandexperiences in the universe ofไธญๅ›ฝ workshop conducted with design students in Wuxy, China in Nov 2o14
  • 54.
    LEGOEcosystem content creation |storage | distribution DigitalLifestyle Communication Media Commerce Software Hardware Physical Spaces & Social Media Entertainment & Videogames physical products
  • 55.
    Core Business LegoToday Lego producesroughly 36 billion plastic elements annually. New products launches account for approximately 60% of the LEGOโ€™s sales to consumers: โ€ขย LEGO Star Warsโ„ข โ€ขย LEGO Marvel Super Heroes โ€ขย LEGO Legends of Chima โ€ขย LEGO The Simpsons, etc. Videogames LegolandStoresMovies
  • 56.
    Videogames LegolandStoresMovies Consoles OS apps iPhoneapps http://tinyurl.com/ky3m345 Core Business iPad apps Android apps
  • 57.
    Videogames LegolandStoresMovies Consoles OS apps iPhoneapps Core Business iPad apps Android apps
  • 58.
    Videogames LegolandStoresMovies Consoles iPhone apps CoreBusiness iPad apps Android apps OS apps
  • 59.
    Videogames LegolandStoresMovies Consoles iPhone apps CoreBusiness iPad apps Android apps OS apps
  • 60.
    Videogames LegolandStoresMovies Consoles iPhone apps CoreBusiness iPad apps Web apps OS apps 6
  • 61.
  • 62.
  • 63.
    LegolandStoresMoviesCore Business Videogames TheLego website had an average of 11-million individual visitors a month, with an average dwell time of approx. 22 minutes.
  • 64.
  • 65.
  • 66.
  • 67.
  • 68.
    May I earnVIP points with my purchases across LEGOยฎ? 100 Points = $5 Reward
  • 69.
    May I earnVIP points with my purchases across LEGOยฎ? 100 Points = $5 Reward LEGO.com
  • 70.
    May I earnVIP points with my purchases across LEGOยฎ? 100 Points = $5 Reward LEGO.comStores
  • 71.
  • 72.
    Advice for experiencedesigners: be Careful with these boundaries
  • 73.
  • 74.
    every successful experience creates anexpectation VIP points successfully added to userโ€™s account! Physical Store
  • 75.
    next time .. . Physical Store VIP points successfully added to userโ€™s account!
  • 76.
    Physical Store AmusementPark VIP points successfully added to userโ€™s account! VIP points could not be added to userโ€™s account. User gets totally disappointed
  • 77.
    Physical Store AmusementPark every unsuccessful experience kills an expectation VIP points successfully added to userโ€™s account VIP points could not be added to userโ€™s account. User gets totally disappointed
  • 78.
    Physical Store AmusementPark VIP points successfully added to userโ€™s account Online Store User forgets about his/her loyalty program VIP points could not be added to userโ€™s account. User gets totally disappointed
  • 79.
    Physical Store AmusementPark VIP points successfully added to userโ€™s account Online Store and most importantlyโ€ฆ LEGOโ€™s brand su๏ฌ€ers. VIP points could not be added to userโ€™s account. User gets totally disappointed
  • 80.
  • 81.
    Users donโ€™t knowthe intricacies of product design I guess this app works di๏ฌ€erently because it was designed with Android SDK version v3.6.1 No Way! This toy feels di๏ฌ€erently because it was requested by a fan community, designed by a subsidiary and manufactured by an OEM in Malaysia DesigningwithintheBrand
  • 82.
    As designers ourgoal is to promote a consistent brand experience across all touchpoints itโ€™s not consistency for consistency sake DesigningwithintheBrand
  • 83.
    DesigningwithintheBrand As designers wecanโ€™t help asking ourselves HoW COOL this interaction would be ? Scanning a LEGO model into an iPad app and playing with it in 3D? COOL! designer
  • 84.
    What this interactionwould say about the brand ? but the question that should follow is: real customer I got this for my 4 year old son (โ€ฆ) I feel cheated. WoW! thatโ€™s pretty bad http://www.amazon.com/LEGO-Fusion-21205-Battle-Towers/dp/B00MGSJABY DesigningwithintheBrand
  • 85.
    The more complexthe ecosystem becomes the more careful We should manage any Brand expectations DesigningwithintheBrand http://www.lego.com/en-us/fusion/parents z OFFICIAL COMMUNICATION
  • 86.
    LEGO lives bya set of corporate โ€˜promisesโ€™ including the โ€˜Play Promiseโ€™ that measures its success in creating a positive customer experience for the children that play with its toysโ€ฆ and a promise to the parents of those children that it will be a safe and educational experience. to companyโ€™s shareholders to society to customers to employees DesigningwithintheBrand
  • 87.
    LEGO lives bya set of corporate โ€˜promisesโ€™ including the โ€˜Play Promiseโ€™ that measures its success in creating a positive customer experience for the children that play with its toysโ€ฆ and a promise to the parents of those children that it will be a safe and educational experience. to companyโ€™s shareholders to society to customers to employees Is this product stretching the brand beyond its limits? DesigningwithintheBrand
  • 88.
    this successful experience created anexpectation immediately enjoyable creative beyond limits engaging (family inclusive) DesigningwithintheBrand
  • 89.
    this successful experience created anexpectation immediately enjoyable creative beyond limits engaging (family inclusive) highly complex creatively restrictive family non-inclusive DesigningwithintheBrand
  • 90.
    When brands groWunchecked redefining its brand architecture and its design language may reduce the growing pains a DesigningwithintheBrand
  • 91.
  • 92.
  • 93.
    BrandArchitecture Disney Logo alwaysdisplayed in the upper right corner TV channels display the distinctive WATCH mark Only videogames display this kind of eye-catching illustrations
  • 94.
  • 95.
  • 96.
  • 98.
  • 99.
    Linear Interactions Cecelia Weckstrom, head ofthe Lego Learning Institute developed an initiative to map customer experiences into a Customer Journey map. This example identifies opportunities for enhancing the customer experience of a flight from London to New York City. Source: Customer Experience Matters
  • 100.
    Non-linear Interactions Most common interactions involve multipletouchpoints including online & mobile channel + physical experiences Source: Fitch.com
  • 101.
    Non-linear Interactions Source: Fitch.com retailnext.net incontextsolutions.com shoppertrak.comgetnomi.com How much do we really know about our customers? Research firms are stepping up
  • 102.
    Most of definitionsof Service Design and Interaction Design are interchangeable โ€œServiceDesignisallaboutmaking theserviceyoudeliveruseful,usable, efficientanddesirableโ€ UKDesignCouncil
  • 103.
    Most of definitionsof Service Design and Interaction Design are interchangeable โ€œServiceDesignisallaboutmaking theserviceyoudeliveruseful,usable, efficientanddesirableโ€ UKDesignCouncil InteractionDesign
  • 104.
  • 105.
    tangible intangible > productdesign service design
  • 106.
    tangible intangible > productdesign service design UI design visual design Industrial design . . . design of systems & processes Cross-disciplinary practice (including design, marketing, process engineering, etc) that results in the design of systems and processes aimed at providing a holistic service to the user โ€“ Copenhagen Institute of Interaction Design 2008
  • 107.
    tangible intangible > productdesign service design design of systems & processes ? UI design visual design Industrial design . . .
  • 108.
    product design tangible interaction design intangible> service design design of systems & processesUI design visual design Industrial design . . .Bill Moggridge
  • 109.
    . . .BillMoggridge Defining Interaction Design is not necessary Oh, no!
  • 110.
    interaction design . ..Bill Moggridge Dan Sa๏ฌ€er Defining Interaction Design is not necessary
  • 111.
    interaction design . ..Bill Moggridge Dan Sa๏ฌ€er Defining Interaction Design is not necessary Robert Fabricant - frog design
  • 112.
    product design tangible interaction designUIdesign visual design Industrial design . . . intangible > service design design of systems & processes
  • 113.
    product design tangible interaction designUIdesign visual design Industrial design . . . intangible > service design design of systems & processes
  • 114.
  • 115.
    product design interaction designUIdesign visual design Industrial design . . . service design design of systems & processes USER EXPERIENCE A
  • 116.
  • 117.
    ConceptMapping whatโ€™s important isthe relationship between the two actors
  • 119.
    Customer Journey There are many variantsof this tool. Learn the basics and then adapt to each case and client a
  • 120.
    Customer Journey think of eachcolumn as a phase or stage of the journey MANAGE ITUNES STORE โ€ขย Find media โ€ขย Buy media โ€ขย Buy games โ€ขย Subscribe to podcasts ITUNES โ€ขย Browse audio โ€ขย Play audio โ€ขย Rate audio โ€ขย Add audio โ€ขย Delete audio โ€ขย Make playlist โ€ขย Stream radio โ€ขย Burn CDs IPOD โ€ขย Browse audio โ€ขย Play audio โ€ขย Rate audio โ€ขย Add audio โ€ขย Delete audio โ€ขย Make playlist โ€ขย Stream radio โ€ขย Burn CDs PLAY BUY
  • 121.
    Customer Journey think of eachcolumn as a layer of information that can be stacked vertically
  • 122.
    Marc Stickdorn: ServiceDesign Thinking CustomerJourney 10 m
  • 123.
  • 124.
    SOFTWARE Letโ€™s put togetherall the pieces of the interaction puzzle
  • 125.
  • 126.
  • 127.
  • 128.
  • 129.
  • 130.
    UserProfile Favorites Amazon fireTV arrives home โ€œpre-loadedโ€ With userโ€™s movies, music and Watchlist v
  • 131.
    UserProfile Favorites Amazon fireTV arrives home โ€œpre-loadedโ€ With userโ€™s movies, music and Watchlist v
  • 132.
    Pablo heads offto Recommendations ไธญๅ›ฝ UserProfile
  • 133.
    UserProfile Google NoW anticipates hisneeds With an info card informing him about his trip Recommendations
  • 134.
  • 136.
    Rewards UserProfile xbox SmartGlass is byfar the best second- screen app available in all app stores ! See which friends are online and what theyโ€™re playing. See whoโ€™s on top in the leaderboard. Send and receive messages to brag about your score or challenge a friend.
  • 137.
    Rewards UserProfile In conjunction With Kinectthe users can noW control their video games and TV without a remote or controller!
  • 138.
    Rewards UserProfile The app can keepusers in the loop with notificationsโ€ฆ The next gen version will provide Home automation (IOT)
  • 139.
    Once loyalty programsare introduced in Google Wallet ...
  • 140.
  • 141.
  • 142.
    Preferences UserProfile And users getnotified on their Watches.
  • 143.
    By the Way:You got a package!
  • 145.
  • 146.
    Google Shopping Express Wireless interactionsenable fast exchange of relevant info bits NFC 5
  • 147.
    Which are providedby its public or private... API is an abbreviation of application program interface. It defines a set of functionalities in a very modular and reusable way. Each block of code performs one and only one function (such as register a new Loyalty program or delete an existing program) APIs
  • 148.
    API is anabbreviation of application program interface. It defines a set of functionalities in a very modular and reusable way. Each block of code performs one and only one function (such as register a new Loyalty program or delete an existing program) APIs Loyalty cards in the cloud The Wallet Objects API allows Google Wallet users to access loyalty programs from any device with access to the cloud. Speci๏ฌcally, the Loyalty API allows Google Wallet users to add a loyalty program to their digital wallet, use Ioyalty information while making a purchase, and track and redeem awards. HTTPS://DEVELOPERS.GOOGLE.COM/WALLET/OBJECTS/
  • 149.
    API is anabbreviation of application program interface. It defines a set of functionalities in a very modular and reusable way. Each block of code performs one and only one function (such as register a new Loyalty program or delete an existing program) APIs Loyalty cards in the cloud The Wallet Objects API allows Google Wallet users to access loyalty programs from any device with access to the cloud. Speci๏ฌcally, the Loyalty API allows Google Wallet users to add a loyalty program to their digital wallet, use Ioyalty information while making a purchase, and track and redeem awards. HTTPS://DEVELOPERS.GOOGLE.COM/WALLET/OBJECTS/ Remember me? I want to add my LEGO VIP card to Google wallet
  • 150.
    function AddUserToLoyaltyProgram() User linksto existing loyalty program from within Google Wallet app: a. Wallet app posts JSON signup information to your specified web service URL specified in your Discoverable (A feature of certain Wallet Object types, such as loyalty). There is a shared secret password in this request's header. b. If approved, you respond with JSON response containing the Loyalty Object representing user's specific representation of Loyalty Class. If rejected, you respond with JSON response containing rejection message. function SavetoGoogleWallet() Well, this is what LEGO developers should implement HTTPS://DEVELOPERS.GOOGLE.COM/WALLET/OBJECTS/
  • 151.
    APIs are themost e๏ฌ€ective way to create viral ecosystems that connect with millions of users around the globe. Making things easy for any developer (inside and outside your organization) to create engaging services and scalable products is the first step to achieve sustainable growth. 8
  • 152.
    http://goo.gl/HtlkHE Welcome to thefuture Web Components usher in a new era of web development based on encapsulated and interoperable custom elements that extend HTML itself. Built atop these new standards, Polymer makes it easier and faster to create anything from a button to a complete application across desktop, mobile, and beyond. 9
  • 153.
  • 154.
    Thereโ€™s Good Newsfor Designers APIs give designers a much richer toolbox than theyโ€™ve ever had before. We can now take advantage of capabilities on our devices, the wealth of knowledge stored in databases, and pull together resources to provide a richer experience for our users (โ€ฆ) Designers will need to make API education a regular part of their work activities. Experimentation opportunities, like internal one-day hackathons or โ€œ20%-timeโ€ side projects, give the designers and developers a way to try out and play with APIs to extend interesting experience ideas (โ€ฆ) APIs Are Designs Too To make APIs work, they need a design. The method of designing an API isnโ€™t that di๏ฌ€erent from any other user interface project, except the users are fellow developers and designers. Weโ€™re seeing a branch of UX design emerging that deals with creating easy to use and maintain APIs. They provide documentation, sandbox tools for testing functions, example code, and simple maintenance models for getting the API integrated and running quickly and e๏ฌ€ectively. It wonโ€™t be too long before our own organizations need to ask what could we build as an API for our own stu๏ฌ€? As designers, we can play a role in helping make our core competencies a integral part of other applications. APIs: The Future Is Now Jared M. Spool Jared M. Spool (1960-) is the founder of User Interface Engineering and a leading expert on user experience (UX) design. Originally published: Apr 04, 2013 http://www.uie.com/articles/api_future/ ARTICLE EXCERPT
  • 155.
  • 156.
    Share SyncBackup Collaborate oneuser one-to-many one user across multiple devices many-to-many across multiple devices unidirectional unidirectional across multiple devices bidirectional across multiple devices bidirectional x multiple users x devices peace of mind socialization device shifting collaboration users interaction unique perceived bene๏ฌt thereโ€™s always a duplicate โ€˜unsharing' should be as easy as sharing My ๏ฌles are always up-to-date in every device (no duplicates) Mess can be reverted (accidental deletes, concurrent iterations..) users expectations
  • 157.
    W โ€œThe prevalence ofsequential usage makes it imperative that businesses enable customers to save their progress between devices. Saved shopping carts, signed-in experiences or the ability to email progress to oneself helps keep consumers engaged, regardless of device they usedโ€ Source: Think With Google
  • 158.
  • 159.
    Disney Band hasa RFID chip that let users swipe their bands to pay at any register in Disney World, access express lines and unlock their hotel room. Sensors hidden in the Be My Guest restaurant can detect customer presence from up to 40 feet away. RFID
  • 160.
  • 161.
  • 162.
  • 163.
  • 164.
  • 165.
  • 167.
  • 168.
  • 169.
  • 170.
  • 171.
  • 173.
    BelkinWeMo D-Linkโ€™s new Wi-FiSmart Plug (DSP-W215) now lets you monitor and control your homeโ€™s electronic devices from anywhere using Dlinkโ€™s free app for iOS and Android smartphones or tablets. The device o๏ฌ€ers a convenient way to automate home and control devices from the userโ€™s smartphones and tablets. The Wi-Fi Smart Plug comes with a built-in thermal sensor that will automatically shut o๏ฌ€ connected devices if they overheat. The mydlink Wi-Fi Smart Plug features a simple one-button installation โ€“ users press the WPS button on their existing router and on the Smart Plug, and then download the mydlink Smart Plug mobile app to start setup.
  • 175.
  • 176.