Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads.
UI Beyond the Screen
17 Feb 2016
Jason Mesut
Founder, Resonant
Local Leader, IxDA London
@jasonmesut
We’re going to watch some videos this evening
Corning — A day made of glass 2
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
??
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
??
Knobs
Buttons
Switches
Levers and handles
I believe…
We should be designing products and services
that fit our worlds, and enhance our lives
What are the things you ?
People
Activities
Apps?
Technics 1200 SH-101
OP-1Tenori-On
I love
objects
Q-Bert
Technics
1200
Q-Bert
Technics
1200
Roland
SH-101
Q-Bert
Technics
1200
Milo Mesut
Yamaha
Tenori-On
Teenage Engineering
OP-1
Technics 1200 SH-101
OP-1Tenori-On
I love
objects
Why do I care about the
future of User Interfaces?
5years
Industrial Design
years
Digital User Experience
16
4years
Local leader
Interaction Design
Association
L o n d o n
Subjects over 4 years
Internet of Things
Future of publishi...
Working on a new transportation
service for past 2 years
Icons created by Vicons Design from the Noun Project
?
– Helps pe...
– Design trends and strategy
– Interaction design
– Visual inspiration
– Animations
– Video
Also conceiving future
UI for ...
2015 2017 2019 2021 2023 2025 2027 20292016 2018 2020 2022 2024 2026 2028 2030
Targeting a long term future
2015 2017 2019 2021 2023 2025 2027 20292016 2018 2020 2022 2024 2026 2028 2030
The earliest release
2015 2017 2019 2021 2023 2025 2027 20292016 2018 2020 2022 2024 2026 2028 2030
The time horizons digital designs for
2015 2017 2019 2021 2023 2025 2027 20292016 2018 2020 2022 2024 2026 2028 2030
How long the solution may exist for
2015 2017 2019 2021 2023 2025 2027 20292016 2018 2020 2022 2024 2026 2028 2030
Different time horizons
2015 2017 2019 2021 2023 2025 2027 20292016 2018 2020 2022 2024 2026 2028 2030
Future fuzziness
Safety vs. sales
– In-car UI
– Considering autonomous driving
– A long term future
UI/UX/SD/DSUser Interface User eXperience Service Design Design Strategy
I could talk about all of the above
User Interface
UI/UX/SD
What is a
User Interface?
UI/UX/SD
User Interface
UI/UX/SD
User Interface
A human that uses a product or service:
customer, employee, citizen, parent, child
UI/UX/SD
User Interface
A human that uses something
A medium for a user to understand
and control a product or service
UI/UX/SD
Classic diagram by Bill Verplank
Assessment
Thought
Comprehension
UI
Inputs
Outputs
System
Processes
Rules
Attention
Perception
Intention
Cognition
Sensing...
Assessment
Thought
Comprehension
UI
Inputs
Outputs
System
Processes
Rules
Attention
Perception
Intention
Cognition
Sensing...
See Hear Touch Smell Taste
Icons from Volodin Anton, hunotika, Deivid Sáenz, Jakob Vogel via the Noun Project
Speed of perception
Amount of information
Interpretation accuracy
Ability to ignore
++
++
+
+
++
+
-
-
+++
+
-
- -
-
+
-
-...
See Hear Touch Smell Talk
Handles and buttons
Continuous (analogous) and
Discreet (digital)
Inputs
The best interfaces combine
both handles and buttons
eg, Touchscreen, mouse
Bill Verplank
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
Text
I want to talk you through
The future present
The future possible
The future likely
What you can do
What’s going on now?
The future present
We’re still getting to
grips with touchscreens
Touchscreens enable flexibility
We are often blind to their
Weaknesses
We are still addressing the
Input problem of fingers on glass
???
Steve lied
We do need
hard keys
???
Steve lied
We do need
a pointer
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
What is going on
Beyond the screen?
Free space gesture
Wii
Leap
Theremin
Tiring
Coarse control
Confusion with natural gestures
Action != intention
Gestural
Nest Protect
We’re
attracted to
magic like
magpies
Emerging hardware revival
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
A recipe for connected products?
+ +Physical
Product
Physical/ Digital
Interface
Digital
Services
Connected
product
=
Aesthetic 

Visceral. Visual, sonic, feel.

Interactive
Behavioural. Distribution of inputs and controls.
Experiential
Ref...
What are the possible futures?
The future possible
Artificial Intelligence
How far can this go?
How far can this go?
Her
How far can this go?
Ex Machina
Natural UI
No such thing
as a natural UI
Ban the word intuitive
No UI
No UI is the best UI
Zero UI
The invisible interface
Most of the time
It’s still UI
Just not GUI
Less visual clutter
Less learning (in theory)
Less conscious interaction
Greater chance of false intention
KISSKeep it Simple Stupid
An overly simplistic business cliche
YMCAYou Must Consider Alternatives
What I always think in response
Simplicity
Misunderstood and overrated
Displaced complexity
System rules
Mental models
Complexity
Inevitable and important
Designers role
Tame complexity for
human + business advantage
Where should we focus?
The future likely
The future is already
here — it's just not very
evenly distributed.
William Gibson, 1993
Cliche
slide
Touch and gesture
will evolve
Screen form factors
will evolve
Round screens
Any shape screens
Curved screens
We will see more
immersive interfaces
for niche applications
VR
You can now fly
Sony projector
Escapism or focus?
Gamers and experts?
Use sound more
Wayfindr
Physical controls will
augment screens
Integrated
automotive
interface
Texas Instruments

Immersive Automobile

Physical controls
designed in concert with
graphi...
We’ll see more
strokable surfaces
Roli
Seaboard
Roli 

Innovative expressive
piano. Keys you can bend.
There will be more
distributed interfaces
Mainly knobs
Distributed controls and displays
Distributed controls
Distributed
knobs
Slick knobs
Knobs with
embedded
displays
One thing is for certain, although we
are entering a digital future,
the Knob is here to stay!
http://knobfeel..com/
There will be buttons
Loads of buttons
And keyboards will
still be important
And older interfaces
will survive
Mice are precise
How can you better
focus for the future?
Get Physical and Digital
designers together
Connect on shared motivations and values
Calibrate language, practices and timelines
Create together
Make the future real
Beware concept videos
Tell real stories and demonstrate
with working prototypes
The Internet of
Ubiquitous
Computing
Information
Appliance Things is
growing

Prototype out loud
Tinkertronics
SAM Labs
SAM Labs
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
Almost anything can be done physically or
digitally now. Now it’s about choice.
Understanding industrial Design
The Future of User Interfaces?
It’s like today, with
some small differences
— Politer interactions
— Evolved touch, gestur...
Thank you jasonmesut@gmail.com
@jasonmesut
slideshare.net/jasonmesut
User Interfaces beyond the screen
User Interfaces beyond the screen
User Interfaces beyond the screen
User Interfaces beyond the screen
User Interfaces beyond the screen
User Interfaces beyond the screen
User Interfaces beyond the screen
User Interfaces beyond the screen
User Interfaces beyond the screen
User Interfaces beyond the screen
User Interfaces beyond the screen
Upcoming SlideShare
Loading in …5
×

User Interfaces beyond the screen

92,706 views

Published on

A deck from a recent Digital Catapult event at Wired Sussex talking around the future of User Interfaces beyond the touchscreen.

Published in: Design
  • Don't fear hair loss - fight it! Try Profollica� natural two-step hair loss system for visible results you'll see and love! ♣♣♣ https://bit.ly/2N8ZrEt
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Is it possible to improve your memory? How can I improve my memory recall? more info... ★★★ https://tinyurl.com/brainpill101
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Her "Carb-Pairing" Trick Melted Away 22lbs in Just 13 Days.. ■■■ http://scamcb.com/poundinc/
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Amazing all-natural clear skin breakthrough permanently eliminates acne without drugs, creams or over the counters. Stop wasting money on pills, gels, and other worthless quick fix cures.. Learn the truth about acne once and for all and finally get the LASTING clear skin you deserve ●●● http://t.cn/AiWGkfAm
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • How I Cured My Acne? Life-long Sufferer Discovers Powerful Secret To Acne Free Skin ♥♥♥ https://bit.ly/2SaU9sk
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

User Interfaces beyond the screen

  1. UI Beyond the Screen 17 Feb 2016 Jason Mesut Founder, Resonant Local Leader, IxDA London @jasonmesut
  2. We’re going to watch some videos this evening
  3. Corning — A day made of glass 2
  4. How would these future solutions work as part of your life?
  5. What does your home look like?
  6. Original iPhone ?? 2007 —Direct manipulation —Dynamic display —Rich graphics

  7. Knob handles ??
  8. Knob handles ??
  9. Knob handles ??
  10. Knob handles ??
  11. Knob handles ??
  12. Knob handles ??
  13. Original iPhone ?? 2007 —Direct manipulation —Dynamic display —Rich graphics

  14. Knob handles ??
  15. Knob handles ??
  16. Knob handles ??
  17. Knob handles ??
  18. Knob handles ??
  19. Knob handles ??
  20. Knob handles ??
  21. Knob handles ??
  22. Knob handles ??
  23. Knob handles ??
  24. Knobs Buttons Switches Levers and handles
  25. I believe… We should be designing products and services that fit our worlds, and enhance our lives
  26. What are the things you ?
  27. People Activities Apps?
  28. Technics 1200 SH-101 OP-1Tenori-On I love objects
  29. Q-Bert Technics 1200
  30. Q-Bert Technics 1200 Roland SH-101
  31. Q-Bert Technics 1200 Milo Mesut Yamaha Tenori-On
  32. Teenage Engineering OP-1
  33. Technics 1200 SH-101 OP-1Tenori-On I love objects
  34. Why do I care about the future of User Interfaces?
  35. 5years Industrial Design years Digital User Experience 16
  36. 4years Local leader Interaction Design Association L o n d o n Subjects over 4 years Internet of Things Future of publishing Urban environment Smart materials Mobility / Automotive Clinical applications Smart home Upcoming… Music interfaces Consumer healthcare
  37. Working on a new transportation service for past 2 years Icons created by Vicons Design from the Noun Project ? – Helps people unlock London – Mobile apps and wider digital services – Spaces, places, people, vehicles, interactions – Various connected things
  38. – Design trends and strategy – Interaction design – Visual inspiration – Animations – Video Also conceiving future UI for vehicles
  39. 2015 2017 2019 2021 2023 2025 2027 20292016 2018 2020 2022 2024 2026 2028 2030 Targeting a long term future
  40. 2015 2017 2019 2021 2023 2025 2027 20292016 2018 2020 2022 2024 2026 2028 2030 The earliest release
  41. 2015 2017 2019 2021 2023 2025 2027 20292016 2018 2020 2022 2024 2026 2028 2030 The time horizons digital designs for
  42. 2015 2017 2019 2021 2023 2025 2027 20292016 2018 2020 2022 2024 2026 2028 2030 How long the solution may exist for
  43. 2015 2017 2019 2021 2023 2025 2027 20292016 2018 2020 2022 2024 2026 2028 2030 Different time horizons
  44. 2015 2017 2019 2021 2023 2025 2027 20292016 2018 2020 2022 2024 2026 2028 2030 Future fuzziness
  45. Safety vs. sales – In-car UI – Considering autonomous driving – A long term future
  46. UI/UX/SD/DSUser Interface User eXperience Service Design Design Strategy I could talk about all of the above
  47. User Interface UI/UX/SD
  48. What is a User Interface? UI/UX/SD
  49. User Interface UI/UX/SD
  50. User Interface A human that uses a product or service: customer, employee, citizen, parent, child UI/UX/SD
  51. User Interface A human that uses something A medium for a user to understand and control a product or service UI/UX/SD
  52. Classic diagram by Bill Verplank
  53. Assessment Thought Comprehension UI Inputs Outputs System Processes Rules Attention Perception Intention Cognition Sensing Processes Control actions
  54. Assessment Thought Comprehension UI Inputs Outputs System Processes Rules Attention Perception Intention Cognition Sensing Processes Control actions Reaction Action
  55. See Hear Touch Smell Taste Icons from Volodin Anton, hunotika, Deivid Sáenz, Jakob Vogel via the Noun Project
  56. Speed of perception Amount of information Interpretation accuracy Ability to ignore ++ ++ + + ++ + - - +++ + - - - - + - - - - + - - - See Hear Touch Smell Taste
  57. See Hear Touch Smell Talk
  58. Handles and buttons Continuous (analogous) and Discreet (digital) Inputs
  59. The best interfaces combine both handles and buttons eg, Touchscreen, mouse Bill Verplank
  60. Graphical User Interface Allows users to interact with electronic systems
  61. Visual Language Motion Graphics Information Design Information Architecture Interaction Design
  62. Visual Language Motion Graphics Information Design Information Architecture Interaction Design
  63. Visual language Motion graphics Information Design Information Architecture Interaction Design Still relevant
  64. But there’s more to UI than just GUI Physical Telephone Voice Embedded Distributed Text
  65. I want to talk you through The future present The future possible The future likely What you can do
  66. What’s going on now? The future present
  67. We’re still getting to grips with touchscreens
  68. Touchscreens enable flexibility
  69. We are often blind to their Weaknesses
  70. We are still addressing the Input problem of fingers on glass
  71. ??? Steve lied We do need hard keys
  72. ??? Steve lied We do need a pointer
  73. Screens dominating
  74. Screens on everything
  75. Screens replacing tactile controls
  76. Screens in front of babies http://www.digitaltrends.com/wp-content/uploads/2013/12/fisher-price-ipad-apptivity-seat.jpg
  77. What is going on Beyond the screen?
  78. Free space gesture
  79. Wii
  80. Leap
  81. Theremin
  82. Tiring Coarse control Confusion with natural gestures Action != intention Gestural
  83. Nest Protect
  84. We’re attracted to magic like magpies
  85. Emerging hardware revival
  86. Tech companies buying hardware companies + skills
  87. Service companies selling hardware
  88. Wearable excitement Something other than a smartphone to design
  89. Even if they make us look ridiculous
  90. A recipe for connected products? + +Physical Product Physical/ Digital Interface Digital Services Connected product =
  91. 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 + +Physical Product Physical/ Digital Interface Digital Services Connected product =
  92. What are the possible futures? The future possible
  93. Artificial Intelligence
  94. How far can this go?
  95. How far can this go? Her
  96. How far can this go? Ex Machina
  97. Natural UI
  98. No such thing as a natural UI
  99. Ban the word intuitive
  100. No UI
  101. No UI is the best UI
  102. Zero UI
  103. The invisible interface
  104. Most of the time It’s still UI Just not GUI
  105. Less visual clutter Less learning (in theory) Less conscious interaction Greater chance of false intention
  106. KISSKeep it Simple Stupid An overly simplistic business cliche
  107. YMCAYou Must Consider Alternatives What I always think in response
  108. Simplicity Misunderstood and overrated
  109. Displaced complexity System rules Mental models
  110. Complexity Inevitable and important
  111. Designers role Tame complexity for human + business advantage
  112. Where should we focus? The future likely
  113. The future is already here — it's just not very evenly distributed. William Gibson, 1993 Cliche slide
  114. Touch and gesture will evolve
  115. Screen form factors will evolve
  116. Round screens
  117. Any shape screens
  118. Curved screens
  119. We will see more immersive interfaces for niche applications
  120. VR
  121. You can now fly
  122. Sony projector
  123. Escapism or focus? Gamers and experts?
  124. Use sound more
  125. Wayfindr
  126. Physical controls will augment screens
  127. Integrated automotive interface Texas Instruments
 Immersive Automobile
 Physical controls designed in concert with graphical user interface

  128. We’ll see more strokable surfaces
  129. Roli Seaboard Roli 
 Innovative expressive piano. Keys you can bend.
  130. There will be more distributed interfaces Mainly knobs
  131. Distributed controls and displays
  132. Distributed controls
  133. Distributed knobs
  134. Slick knobs
  135. Knobs with embedded displays
  136. One thing is for certain, although we are entering a digital future, the Knob is here to stay! http://knobfeel..com/
  137. There will be buttons
  138. Loads of buttons
  139. And keyboards will still be important
  140. And older interfaces will survive
  141. Mice are precise
  142. How can you better focus for the future?
  143. Get Physical and Digital designers together
  144. Connect on shared motivations and values Calibrate language, practices and timelines Create together
  145. Make the future real
  146. Beware concept videos Tell real stories and demonstrate with working prototypes
  147. The Internet of Ubiquitous Computing Information Appliance Things is growing
 Prototype out loud
  148. Tinkertronics
  149. SAM Labs
  150. SAM Labs
  151. Shun the shiny Don’t be a magpie to the magical
  152. The Future of User Interfaces?
  153. Knobs Buttons Switches Levers and handles
  154. Knobs Buttons Switches Levers and handles
  155. Almost anything can be done physically or digitally now. Now it’s about choice. Understanding industrial Design
  156. The Future of User Interfaces? It’s like today, with some small differences — Politer interactions — Evolved touch, gesture, voice, sound — New screen form factors — Physical controls augmenting displays
  157. Thank you [email protected] @jasonmesut slideshare.net/jasonmesut
続きを読みます

http://www.farm-pump-ua.com

granit-sunrise.com.ua/izdeliya-iz-kamnya

×