Watch on YouTube with English closed captions: https://youtu.be/6dz-FG4IoO4 In this talk, I cover upcoming technologies such as conversational interfaces, AR, VR, AI and EEG, and explore how these will affect the role of the designer in the future. This talk was first given at Web à Québec in 2016: http://2016.webaquebec.org/#!nouveau-ui-le-design-dinterface-au-dela-de-lecran Follow me on: Twitter: https://twitter.com/aubetony Medium: https://medium.com/@tonyaub

1. THE New UI
Design beyond the GUI

2. Tony Aubé
DEC, Graphic Design
Cégep de Sainte-Foy
BAC, Graphic Design
Université Laval,
M.A., Interaction Design,
Université Laval

3. Product Designer

4. 35 Most Innovative
Product Designs of 2015
25 Best Inventions
of 2014

7. Operator

9. Human-Computer
Interaction

10. Babbage Engine
~1837

12. Punched Cards
~1880

16. Mainframe
~1942

19. Command Line
~1970
(et langages de programmations)

21. ~1981
GUI

24. First UI Designers

25. 2007
Touch Screen

27. 70%18%
2007 2020
World’s population
using smartphones

29. Facilitating HCI
Adoption
Punch
Cards
Command
Line
GUI
Touch
Screen

31. Most In-Demand
Skills of 2015
Middleware and
Integration Software5
SEO/SEM Marketing4
Marketing Campaign
Management3
Statistical Analysis2
Cloud and Distributed
Computing1

32. Most In-Demand
Skills of 2015
User-Interface
Design
10
Web Architecture and
Development Frameworks9
Storage Systems and
Management8
Security7
Algorithm Design12
Data Engineering11

33. ?

34. AI
VR
IOT
EEG

35. Artificial
Intelligence

38. Turing
Test

41. “ Narrow Context ”

42. First win by computer
against top human
1996:

43. First win by computer
against top human
Last win by human
against top computer
1996:
2005:

45. Messaging

47. Why?

48. Quartz Lark Facebook M
Operator DigitLukas
News Health Commerce
Commerce Restaurants Savings

49. • Conversational apps
• Invisible apps
• Bots

50. Why messaging?

51. Huge Market
1

53.
3 billion
6.3 billion
(every day)
http://www.openuniversity.edu/news/news/2014-text-messaging-usage-statistics
Internet:
SMS:

56. App Store = Broken
2

57. 1 500 000 apps

59. Messaging = Natural
3

62. Example

65. 1 3G

66. 2

67. 3 3G

68. 4 3G

69. 5

70. 6

71. 7

72. 8

73. 9

74. 10

75. 11

76. 12

77. Drink Purchased!
Delivery:
5 min 21

78. 12steps

79. Conversational
App

81. 1

82. 2

83. 3

84. 4

85. 5

86. 6

90. Bots Are
The New Apps
Software Web Apps Bots
1980 1996 2008 2017

92. How do you design
conversational apps?

93. Photoshop?
Hello!

94. Neal Pollack
Author, Satirist,
Comedian
Anna Kelsey
Theater Director
x.ai

96. Twine

97. Voice & Tone

98. Branding
• Personality
• Choice of words
• Humor
• Punctuation

99. Towards “GUI-Less”
Computer Interaction

100. VR IOT EEG

101. Virtual Reality

103. $80 Billion
in 2025

105. Menu
Sucks“ ”

112. Internet
of Things

114. EEG

115. Electroencephalography

116. Electroencephalography
(reading the mind)

123. Action =
Cancel =
Object =

125. Take off =
Forward =
Land =

129. Technological Tiller

130. Scott Jenson

136. A change in context or technology
most often requires a different
design approach.

138. + =

143. UI Product

145. The Best
Interface
is no
Interface

146. UI Designers have the bad
tendency to solve every new
problem with a graphical
interface.
“ ”

147. What futur for
UI designers?

148. Design Web

153. Input
Buttons Menus Forms

154. Output
Data
Visualisation
Entertaining

155. Punch
Cards
Command
Line
GUI
Babbage
Engine
Main
frame
AI AR/VR EEG

156. Punch
Cards
Command
Line
Babbage
Engine
Main
frame
AI AR/VR EEG
Humanizing
Human-Computer Interaction
GUI

157. UX

158. 2004 2016
Hey, what does
a designer do?
Designers make
things look good.
Hey, what does
a designer do?
Designers make
things delightful
and easy to use

160. Technological
Tiller

161. Collaboration

162. AI
IOT
EEG
VR
=
=
=
=
Authors, Psychologists
Linguists
Architects,
Interior Designers
Fashion Designer
Industrial Designer
Neuroscientist

163. Thanks!
hello@tonyaube.com
@aubetony
medium.com/@tonyaub
playosmo.com

164. RéalitéAugmenté