the future of user interfaces
DESCRIPTION
A challenging review of the future of user interfaces, and a plea to better focus and shun the shiny: – triangulate through experts – observe emergent behaviour – and track a range of trends. Get out the echochamber and avoid the human centipede of digital rhetoric. Listen harder with your eyes and critique better with your mind.TRANSCRIPT
![Page 1: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/1.jpg)
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 !
![Page 2: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/2.jpg)
!
Let’s watch some videos
![Page 3: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/3.jpg)
Microsoft video
Microsoft vision of the future
![Page 4: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/4.jpg)
Corning — A day made of glass 2
![Page 5: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/5.jpg)
![Page 6: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/6.jpg)
!
How did the videos make you feel?
![Page 7: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/7.jpg)
!
How would these future solutions
work as part of your life?
![Page 8: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/8.jpg)
!
What does your home look like?
![Page 9: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/9.jpg)
Original iPhone ??
2007 — Direct manipulation — Dynamic display — Rich graphics
![Page 10: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/10.jpg)
Knob handles ??
![Page 11: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/11.jpg)
Knob handles ??
![Page 12: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/12.jpg)
Knob handles ??
![Page 13: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/13.jpg)
Knob handles ??
![Page 14: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/14.jpg)
Knob handles ??
![Page 15: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/15.jpg)
Knob handles ??
![Page 16: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/16.jpg)
Knob handles ??
![Page 17: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/17.jpg)
Knob handles ??
![Page 18: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/18.jpg)
Knob handles ??
![Page 19: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/19.jpg)
Knob handles ??
![Page 20: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/20.jpg)
Original iPhone ??
2007 — Direct manipulation — Dynamic display — Rich graphics
![Page 21: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/21.jpg)
Knob handles ??
![Page 22: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/22.jpg)
Knob handles ??
![Page 23: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/23.jpg)
Knob handles ??
![Page 24: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/24.jpg)
Knob handles ??
![Page 25: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/25.jpg)
Knob handles ??
![Page 26: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/26.jpg)
Knob handles ??
![Page 27: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/27.jpg)
Knob handles ??
![Page 28: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/28.jpg)
Knob handles ??
![Page 29: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/29.jpg)
Knob handles ??
![Page 30: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/30.jpg)
Knob handles ??
![Page 31: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/31.jpg)
Knob handles ??
![Page 32: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/32.jpg)
Knob handles ??
![Page 33: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/33.jpg)
Knob handles ??
![Page 34: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/34.jpg)
Knob handles ??
![Page 35: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/35.jpg)
Knob handles ??
![Page 36: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/36.jpg)
Knob handles ??
![Page 37: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/37.jpg)
Knobs
Buttons
Switches
Levers and handles
![Page 38: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/38.jpg)
!
Who am I to talk about the
Future of User Interfaces?
![Page 39: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/39.jpg)
5 years !Industrial Design
years !Digital User Experience
15
![Page 40: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/40.jpg)
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
![Page 41: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/41.jpg)
I joined
A product strategy consultancy
!
We help companies
work out what to do next.
![Page 42: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/42.jpg)
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
![Page 43: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/43.jpg)
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?
![Page 44: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/44.jpg)
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
![Page 45: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/45.jpg)
Across a variety
of challenge areas
Packaging
DigitalServices
Products
Interactions
Environments
![Page 46: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/46.jpg)
So we think a lot
about the future
of user interfaces
![Page 47: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/47.jpg)
Packaging
DigitalServices
Products
Interactions
Environments
And their relationships
to those other areas
![Page 48: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/48.jpg)
What is a
User Interface?
![Page 49: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/49.jpg)
!
User Interface
![Page 50: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/50.jpg)
!
User Interface
A human that uses something:
customer, employee, citizen, parent, child
![Page 51: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/51.jpg)
!
User Interface
A human that uses something
A way for a human to understand
and control a machine or technology
![Page 52: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/52.jpg)
![Page 53: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/53.jpg)
!
What about User Experience?
![Page 54: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/54.jpg)
User Interface
!
A way for a human
to understand and
control a machine
or technology
![Page 55: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/55.jpg)
User Interface
!
A way for a human
to understand and
control a machine
or technology
User Experience
!
Perceptions and
memories of
interactions and
events
![Page 56: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/56.jpg)
User Interface
we can
design this
![Page 57: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/57.jpg)
User Interface User Experience
we can
design this
to affect
this
![Page 58: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/58.jpg)
User Experience
Which we hope
will affect
Loyalty
Revenue
Brand
Efficiency
![Page 59: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/59.jpg)
Graphical
User Interface
!
Allows users to
interact with
electronic systems
![Page 60: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/60.jpg)
Visual Language
Motion Graphics
Information Design
Information Architecture
Interaction Design
![Page 61: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/61.jpg)
Visual Language
Motion Graphics
Information Design
Information Architecture
Interaction Design
![Page 62: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/62.jpg)
Visual language
Motion graphics
Information Design
Information Architecture
Interaction Design
Still relevant
![Page 63: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/63.jpg)
But there’s more to
UI than just GUI
Physical
Telephone
Voice
Embedded
Distributed
![Page 64: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/64.jpg)
I want to talk you through
The future present
The future possible
The future likely
How to focus better
![Page 65: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/65.jpg)
What’s going on now?
The future present
![Page 66: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/66.jpg)
!
We’re still getting to
grips with touchscreens
![Page 67: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/67.jpg)
Original iPhone
2007 — Direct manipulation — Dynamic display — Rich graphics
![Page 68: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/68.jpg)
![Page 69: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/69.jpg)
![Page 70: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/70.jpg)
Skeuomorphism ??
2007 — ??
![Page 71: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/71.jpg)
![Page 72: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/72.jpg)
![Page 73: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/73.jpg)
In defence of skeuomorphism
2007 — ??
![Page 74: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/74.jpg)
Skeuomorphism has always been in design
![Page 75: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/75.jpg)
Zune Radical failure
![Page 76: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/76.jpg)
Windows 8 Radical failure
![Page 77: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/77.jpg)
!
Designers obsessed with flat design.
But at what cost?
![Page 78: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/78.jpg)
Flat design
Less obvious
Homogenous
Requires good typography
![Page 79: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/79.jpg)
!
Screen size impacting
how we design
![Page 80: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/80.jpg)
Responsive design
![Page 81: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/81.jpg)
Mobile first
![Page 82: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/82.jpg)
!
Gestural interaction is
growing and fading
![Page 83: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/83.jpg)
Wii
![Page 84: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/84.jpg)
Leap
![Page 85: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/85.jpg)
!
Better isn’t always better
![Page 86: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/86.jpg)
!
Tiring
Coarse control
Confusion with natural gestures
![Page 87: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/87.jpg)
Nest Protect
![Page 88: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/88.jpg)
We’re
attracted to
magic like
magpies
![Page 89: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/89.jpg)
!
Screens dominating
![Page 90: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/90.jpg)
Screens on everything
![Page 91: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/91.jpg)
Screens replacing tactile controls
![Page 92: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/92.jpg)
Screens in front of babies
http://www.digitaltrends.com/wp-content/uploads/2013/12/fisher-price-ipad-apptivity-seat.jpg
![Page 93: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/93.jpg)
!
Emerging hardware revival
![Page 94: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/94.jpg)
The internet of things is hitting the mainstream
Niche Mass
![Page 95: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/95.jpg)
In odd ways
![Page 96: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/96.jpg)
http://www.beamtoothbrush.com/toothbrush/
http://www.beamtoothbrush.com/toothbrush/
![Page 97: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/97.jpg)
Tech companies buying hardware companies + skills
![Page 98: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/98.jpg)
Service companies selling hardware
![Page 99: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/99.jpg)
![Page 100: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/100.jpg)
Wearable excitement
Something other than a smartphone to design
![Page 101: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/101.jpg)
Even if they make us look ridiculous
![Page 102: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/102.jpg)
What are the possible futures?
The future possible
![Page 103: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/103.jpg)
!
Artificial Intelligence
![Page 104: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/104.jpg)
!
!
!
!
How far can this go?
![Page 105: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/105.jpg)
!
Her
!
!
!
!
How far can this go?
![Page 106: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/106.jpg)
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
![Page 107: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/107.jpg)
!
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.
![Page 108: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/108.jpg)
!
Natural UI
![Page 109: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/109.jpg)
!
No such thing
as a natural UI
![Page 110: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/110.jpg)
!
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/
![Page 111: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/111.jpg)
!
Ban the word intuitive
![Page 112: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/112.jpg)
!
No UI
![Page 113: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/113.jpg)
!
No UI is the best UI
![Page 114: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/114.jpg)
!
No UI is not
always better
![Page 115: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/115.jpg)
Better for
Less visual clutter
Less learning (in theory)
Less conscious interaction
![Page 116: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/116.jpg)
![Page 117: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/117.jpg)
!
Displaced complexity
System rules
Mental models
![Page 118: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/118.jpg)
!
Or we lose control
![Page 119: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/119.jpg)
!
Wearables
![Page 120: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/120.jpg)
!
!
How long are
our wrists?
![Page 121: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/121.jpg)
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
![Page 122: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/122.jpg)
Wearables need to consider
many different factors Fashion, gender, context, size
![Page 123: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/123.jpg)
Where should you focus?
The future likely
![Page 124: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/124.jpg)
The future is already
here — it's just not very
evenly distributed. William Gibson, 1993
![Page 125: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/125.jpg)
!
Touch and gesture
will evolve
![Page 126: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/126.jpg)
![Page 127: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/127.jpg)
![Page 128: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/128.jpg)
![Page 129: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/129.jpg)
![Page 130: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/130.jpg)
![Page 131: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/131.jpg)
!
Screen form factors
will evolve
![Page 132: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/132.jpg)
Round screens
![Page 133: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/133.jpg)
Any shape screens
![Page 134: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/134.jpg)
Curved screens
![Page 135: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/135.jpg)
!
We will seek more
immersive interfaces
![Page 136: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/136.jpg)
Occulus Rift
![Page 137: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/137.jpg)
![Page 138: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/138.jpg)
Sony projector
![Page 139: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/139.jpg)
Microsoft illumiroom
![Page 140: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/140.jpg)
![Page 141: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/141.jpg)
Amazon Fire phone
![Page 142: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/142.jpg)
!
Escapism or focus? Gamers and experts?
![Page 143: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/143.jpg)
!
More motion and emotion
![Page 144: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/144.jpg)
![Page 145: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/145.jpg)
!
We will get physical again
![Page 146: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/146.jpg)
Blending paper products and digital services
Evernote
+ Moleskin+ Post-Its+ Business cards
![Page 147: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/147.jpg)
Integrated automotive interface
Texas InstrumentsImmersive AutomobilePhysical controls designed in concert with graphical user interface
![Page 148: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/148.jpg)
![Page 149: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/149.jpg)
Physical peripherals with digital interfaces
![Page 150: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/150.jpg)
![Page 151: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/151.jpg)
Roli Seaboard
Roli Innovative expressive piano. Keys you can bend.
![Page 152: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/152.jpg)
![Page 153: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/153.jpg)
!
Strokable surfaces
![Page 154: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/154.jpg)
Physical interaction design
Beo A9Physical volume control
![Page 155: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/155.jpg)
Physical interaction design
Beo A9Physical volume control
Beo A9Physical volume control
![Page 156: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/156.jpg)
!
AI driven relevance
![Page 157: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/157.jpg)
Intelligence driven relevance
![Page 158: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/158.jpg)
!
More distributed interfaces
![Page 159: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/159.jpg)
Distributed controls and displays
![Page 160: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/160.jpg)
!
There will still be
buttons, knobs, mice
and keyboards
![Page 161: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/161.jpg)
Still loads of buttons
![Page 162: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/162.jpg)
Slick
knobs
![Page 163: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/163.jpg)
Distributed knobs
![Page 164: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/164.jpg)
And keyboards will still be important
![Page 165: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/165.jpg)
Mice are precise
![Page 166: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/166.jpg)
!
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
!
![Page 167: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/167.jpg)
How can you better
focus for the future?
![Page 168: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/168.jpg)
!
Triangulate to focus
![Page 169: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/169.jpg)
Experts
Emergent behaviour
Trends Brand
![Page 170: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/170.jpg)
Business
Creative technologists
Industrial Designer
Interaction designer
Visual designer
Software engineers
Researchers
Design strategists
Work with experts
![Page 171: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/171.jpg)
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
![Page 172: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/172.jpg)
![Page 173: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/173.jpg)
!
Keep aware of new technology
![Page 174: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/174.jpg)
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
![Page 175: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/175.jpg)
![Page 176: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/176.jpg)
!
Understand human behaviours in context
![Page 177: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/177.jpg)
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
![Page 178: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/178.jpg)
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
![Page 179: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/179.jpg)
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
![Page 180: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/180.jpg)
Environment User
Situation Task
System
LearnabilityEcosystem
Intent
Usability
Product
Experience
Brand
The world !!!
The user
![Page 181: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/181.jpg)
Background vs. foreground
Consciousness
![Page 182: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/182.jpg)
Polite interactions
Contextual
Respectful
Discrete
![Page 183: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/183.jpg)
!
Understand your brand
position and permission
![Page 184: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/184.jpg)
A recipe for integrated products?
+ +Physical Product
Digital Interface
Digital Service
Integrated product
=
![Page 185: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/185.jpg)
+ +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
![Page 186: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/186.jpg)
Experts
Emergent behaviour
Trends Brand
![Page 187: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/187.jpg)
!
Escape the echo chamber
![Page 188: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/188.jpg)
Mobile first Responsive design Big Data Internet of Things Native apps Natural UI …
The human centipede of digital rhetoric
Conferences
Campaign
…
![Page 189: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/189.jpg)
Escape the echo chamber Look around you. Listen with your eyes. Apply critical judgement.
![Page 190: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/190.jpg)
!
Make the future real
![Page 191: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/191.jpg)
Beware concept videos
Tell real stories and demonstrate
with working prototypes
![Page 192: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/192.jpg)
2014 2015 2016 2017 2018 2019
![Page 193: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/193.jpg)
The Internet of
Ubiquitous
Computing
Information
Appliance Things is
growing
Prototype out loud
![Page 194: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/194.jpg)
!
Shun the shiny
Don’t be a magpie
to the magical
![Page 195: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/195.jpg)
!
The Future of User Interfaces?
!
![Page 196: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/196.jpg)
Knobs
Buttons
Switches
Levers and handles
![Page 197: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/197.jpg)
Knobs
Buttons
Switches
Levers and handles
![Page 198: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/198.jpg)
!
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
!
![Page 199: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/199.jpg)
!
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
![Page 200: The Future of User Interfaces](https://reader031.vdocuments.us/reader031/viewer/2022012922/53eea21d8d7f7289708b6163/html5/thumbnails/200.jpg)
Thank you [email protected]
@jasonmesut
http://www.plan.bz
slideshare.net/jasonmesut
slideshare.net/planstrategic