The Future of User Interfaces
-
Upload
jason-mesut -
Category
Design
-
view
10.171 -
download
8
description
Transcript of The Future of User Interfaces
The Future of User Interfaces !19 June 2014
Future of Digital Marketing 2014
!Jason Mesut Head of User Experience, Plan
Local Leader, IxDA London
!!@jasonmesut !
!
Let’s watch some videos
Microsoft video
Microsoft vision of the future
Corning — A day made of glass 2
!
How did the videos make you feel?
!
How would these future solutions
work as part of your life?
!
What does your home look like?
Original iPhone ??
2007 — Direct manipulation — Dynamic display — Rich graphics
Knob handles ??
Knob handles ??
Knob handles ??
Knob handles ??
Knob handles ??
Knob handles ??
Knob handles ??
Knob handles ??
Knob handles ??
Knob handles ??
Original iPhone ??
2007 — Direct manipulation — Dynamic display — Rich graphics
Knob handles ??
Knob handles ??
Knob handles ??
Knob handles ??
Knob handles ??
Knob handles ??
Knob handles ??
Knob handles ??
Knob handles ??
Knob handles ??
Knob handles ??
Knob handles ??
Knob handles ??
Knob handles ??
Knob handles ??
Knob handles ??
Knobs
Buttons
Switches
Levers and handles
!
Who am I to talk about the
Future of User Interfaces?
5 years !Industrial Design
years !Digital User Experience
15
3 years Local leader
Interaction Design Association
L o n d o n
Subjects over 3 years Internet of Things Future of publishing Urban environment Smart materials Mobility / Automotive Clinical applications !Upcoming… Smart home Music interfaces Consumer healthcare
I joined
A product strategy consultancy
!
We help companies
work out what to do next.
I joined
!
We help companies
work out what to do next.
Helping innovation
and design teams
raise their game
Bringing clarity to
the front end of
innovation
Bringing clarity to
the front end of
innovation
Helping innovation
and design teams
raise their game
Consumer
electronics
Automotive
!
Materials
What should we
do for our next
smart phone?
!
How will we
engage gen Z?
!
!
How can we
compete with
the no.1 in our
category?
2026 2027 2028
We work across a range of horizons
2015 2016 2017 2018 2019 2020 2021 2022 2023 2024 2025
FMCG
Consumer electronics
Automotive
Healthcare
Aviation
Across a variety
of challenge areas
Packaging
DigitalServices
Products
Interactions
Environments
So we think a lot
about the future
of user interfaces
Packaging
DigitalServices
Products
Interactions
Environments
And their relationships
to those other areas
What is a
User Interface?
!
User Interface
!
User Interface
A human that uses something:
customer, employee, citizen, parent, child
!
User Interface
A human that uses something
A way for a human to understand
and control a machine or technology
!
What about User Experience?
User Interface
!
A way for a human
to understand and
control a machine
or technology
User Interface
!
A way for a human
to understand and
control a machine
or technology
User Experience
!
Perceptions and
memories of
interactions and
events
User Interface
we can
design this
User Interface User Experience
we can
design this
to affect
this
User Experience
Which we hope
will affect
Loyalty
Revenue
Brand
Efficiency
Graphical
User Interface
!
Allows users to
interact with
electronic systems
Visual Language
Motion Graphics
Information Design
Information Architecture
Interaction Design
Visual Language
Motion Graphics
Information Design
Information Architecture
Interaction Design
Visual language
Motion graphics
Information Design
Information Architecture
Interaction Design
Still relevant
But there’s more to
UI than just GUI
Physical
Telephone
Voice
Embedded
Distributed
I want to talk you through
The future present
The future possible
The future likely
How to focus better
What’s going on now?
The future present
!
We’re still getting to
grips with touchscreens
Original iPhone
2007 — Direct manipulation — Dynamic display — Rich graphics
Skeuomorphism ??
2007 — ??
In defence of skeuomorphism
2007 — ??
Skeuomorphism has always been in design
Zune Radical failure
Windows 8 Radical failure
!
Designers obsessed with flat design.
But at what cost?
Flat design
Less obvious
Homogenous
Requires good typography
!
Screen size impacting
how we design
Responsive design
Mobile first
!
Gestural interaction is
growing and fading
Wii
Leap
!
Better isn’t always better
!
Tiring
Coarse control
Confusion with natural gestures
Nest Protect
We’re
attracted to
magic like
magpies
!
Screens dominating
Screens on everything
Screens replacing tactile controls
Screens in front of babies
http://www.digitaltrends.com/wp-content/uploads/2013/12/fisher-price-ipad-apptivity-seat.jpg
!
Emerging hardware revival
The internet of things is hitting the mainstream
Niche Mass
In odd ways
http://www.beamtoothbrush.com/toothbrush/
http://www.beamtoothbrush.com/toothbrush/
Tech companies buying hardware companies + skills
Service companies selling hardware
Wearable excitement
Something other than a smartphone to design
Even if they make us look ridiculous
What are the possible futures?
The future possible
!
Artificial Intelligence
!
!
!
!
How far can this go?
!
Her
!
!
!
!
How far can this go?
Beware the uncanny valley
Humanoid robot
Corpse
Stuffed animal
Bunraku puppet
Uncanny valley
Industrial robot
Fam
ilarit
y
Human likeness 50% 100%
+
-
Healthy person
MovingStill
Prosthetic hand
Zombie
!
Smart platforms As internet connected sensors
proliferate and sense a wider range
of phenomena, platforms are using
machine intelligence to interpret and
aggregate collected data to make
useful interventions.
!
Natural UI
!
No such thing
as a natural UI
!
Invisible Computing
Hardware virtually disappears, as computing technology
unobtrusively integrates with everyday, natural human function.
!
Supportive Computing
Computing technology that supports natural human function,
rather than requires humans to adapt to computing functions.
Adaptive Computing
Intelligently recognize and interpret human patterns to produce
output based on relative context. !
http://pivotallabs.com/the-future-of-uiux-the-natural-user-interface/
!
Ban the word intuitive
!
No UI
!
No UI is the best UI
!
No UI is not
always better
Better for
Less visual clutter
Less learning (in theory)
Less conscious interaction
!
Displaced complexity
System rules
Mental models
!
Or we lose control
!
Wearables
!
!
How long are
our wrists?
Wearable Where?
VisibleConcealed
Pendant
Undergarment strap
Chest pin
BFC
Belt
Inside pocket or undergarment
Earring or on ear
Shirt collar
Upper arm of Sleeve
Tie or Shirt button
Wrist
Finger ring
Calf or Sock
On or in shoe
Hair
Gadi Amit, New Deal Design, PDI 2014
Wearables need to consider
many different factors Fashion, gender, context, size
Where should you focus?
The future likely
The future is already
here — it's just not very
evenly distributed. William Gibson, 1993
!
Touch and gesture
will evolve
!
Screen form factors
will evolve
Round screens
Any shape screens
Curved screens
!
We will seek more
immersive interfaces
Occulus Rift
Sony projector
Microsoft illumiroom
Amazon Fire phone
!
Escapism or focus? Gamers and experts?
!
More motion and emotion
!
We will get physical again
Blending paper products and digital services
Evernote
+ Moleskin+ Post-Its+ Business cards
Integrated automotive interface
Texas InstrumentsImmersive AutomobilePhysical controls designed in concert with graphical user interface
Physical peripherals with digital interfaces
Roli Seaboard
Roli Innovative expressive piano. Keys you can bend.
!
Strokable surfaces
Physical interaction design
Beo A9Physical volume control
Physical interaction design
Beo A9Physical volume control
Beo A9Physical volume control
!
AI driven relevance
Intelligence driven relevance
!
More distributed interfaces
Distributed controls and displays
!
There will still be
buttons, knobs, mice
and keyboards
Still loads of buttons
Slick
knobs
Distributed knobs
And keyboards will still be important
Mice are precise
!
The future likely
!
It’s like today, with
some small differences
!
— Greater relevance
— Politer interactions
— Evolved touch, gesture, voice
— New screen form factors
— Return to physical
!
How can you better
focus for the future?
!
Triangulate to focus
Experts
Emergent behaviour
Trends Brand
Business
Creative technologists
Industrial Designer
Interaction designer
Visual designer
Software engineers
Researchers
Design strategists
Work with experts
Monitor trends
Perpetualcontact
Perpetualcontact
Cultureof fear
Culture ofemotions
Polarisedprosperity
Urbanrennaissance
Sustainabilitytensions
Behaviourchange
Retailrevolution
Consumerisation of healthcare
Learningdiversity
Austerity culture
Labour imbalances
Innovation imperative
Resource volatility
Newconventions
Ageingsocieties
Search for authenticity
Trustcrisis
Internet of thingsNetworks of connected objects that sense and share information
Hardwarerevival
Smartsystems
Social
EconomicTe
chno
logica
l
!
Keep aware of new technology
Innovation trigger
Peak of inflated expectations
Trough of disillusionment
Slope of enlightenment
Plateau of productivity
As ofJuly 2013
Time
Content analytics
Augmented reality
Mobile health monitoring
Cloud computing
Virtual reality
Gesture control
Biometric authentication
Location intelligence
Predictive analytics
Speech recognition
Wearable user interfaces
Gamification
Big data
Natural language processingInternet of Things
Autonomous vehicles
Holographic displays
Expectations
!
Understand human behaviours in context
The world The products and services that people will use and the context of that usage
The user How they see the world and how they need to manipulate it
The world The products and services that people will use and the context of that usage
The user How they see the
world and how they need to manipulate it
Environment User
Situation Task
System
LearnabilityEcosystem
Intent
Environment User
Situation Task
System
LearnabilityEcosystem
Intent
The world The products and services that people will use and the context of that usage
The user How they see the
world and how they need to manipulate it
Environment User
Situation Task
System
LearnabilityEcosystem
Intent
Usability
Product
Experience
Brand
The world !!!
The user
Background vs. foreground
Consciousness
Polite interactions
Contextual
Respectful
Discrete
!
Understand your brand
position and permission
A recipe for integrated products?
+ +Physical Product
Digital Interface
Digital Service
Integrated product
=
+ +Physical Product
Digital Interface
Digital Services
!
Aesthetic Visceral. Visual, sonic, feel.
Interactive Behavioural. Distribution of inputs and controls.
!
Experiential Reflective. Fit with person’s context and ecosystems.
!!Key levels of harmony
Components of integrated experience
Experts
Emergent behaviour
Trends Brand
!
Escape the echo chamber
Mobile first Responsive design Big Data Internet of Things Native apps Natural UI …
The human centipede of digital rhetoric
Conferences
Campaign
…
Escape the echo chamber Look around you. Listen with your eyes. Apply critical judgement.
!
Make the future real
Beware concept videos
Tell real stories and demonstrate
with working prototypes
2014 2015 2016 2017 2018 2019
The Internet of
Ubiquitous
Computing
Information
Appliance Things is
growing
Prototype out loud
!
Shun the shiny
Don’t be a magpie
to the magical
!
The Future of User Interfaces?
!
Knobs
Buttons
Switches
Levers and handles
Knobs
Buttons
Switches
Levers and handles
!
The Future of User Interfaces?
!
It’s like today, with
some small differences
!
— Greater relevance
— Politer interactions
— Evolved touch, gesture, voice
— New screen form factors
— Return to physical
!
!
The Future of User Interfaces?
!
To make a better future
!
!
— Triangulate to focus
— Escape the echo chamber
— Make the future real
— Don’t be a magpie
Thank you [email protected]
@jasonmesut
http://www.plan.bz
slideshare.net/jasonmesut
slideshare.net/planstrategic