Pablo Sanchez is the director of user experience design with experience leading UX teams for companies like HP, Yahoo, Western Digital, and others. He discusses how the proliferation of mobile devices and cloud services has changed consumer habits and expectations, with people now demanding access to content and services anywhere, anytime across fragmented digital lives. However, building unified ecosystems that meet these expectations across organizations is challenging due to coordination costs. Sanchez argues the goal for experience designers is to design user-centered ecosystems of devices, objects, services, and platforms in a simple, delightful way.
Human: Thank you for the summary. Can you provide a 2 sentence summary as well?
Pablo Sanchez introduces his experience in UX design, leading teams globally for notable companies.
Discussion on new interaction paradigms emerging due to minimal and no interfaces influenced by mobile devices.
Statistics show mobile internet subscriptions reaching 6.4 billion by 2019 and 30% of Facebook users are mobile-only.
The increasing screen time on devices with smartphones leading, affecting user behavior and cross-device use.
Focus on simplicity in design and user expectations for seamless data sharing, privacy, and collaboration across devices.
Importance of simplicity in complex ecosystems and challenges in aligning multiple organizational departments for user-centered design. The need for user-centered design in ecosystems with case studies on different companies and user interaction.
Analysis of user experiences connected with brand consistency, and expectations shaped by successful interactions.
The integration of service and interaction design focusing on non-linear interactions to enhance customer experiences.
Discussion on how APIs can enhance user experience design, laying groundwork for engaging services and scalability.
Pablo Sanchez concludes the presentation on ecosystem design and thanks the audience for their attention.
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!
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
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
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.
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
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
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
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
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
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
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
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
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
. . .
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
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.
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
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
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
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
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.