Download - The future of User Interface
![Page 2: The future of User Interface](https://reader035.vdocuments.us/reader035/viewer/2022081520/588b111e1a28abdf3b8b6f13/html5/thumbnails/2.jpg)
I’m a Visual and Experience Designer
![Page 3: The future of User Interface](https://reader035.vdocuments.us/reader035/viewer/2022081520/588b111e1a28abdf3b8b6f13/html5/thumbnails/3.jpg)
MY EXPERIENCE
![Page 4: The future of User Interface](https://reader035.vdocuments.us/reader035/viewer/2022081520/588b111e1a28abdf3b8b6f13/html5/thumbnails/4.jpg)
From Analog to Digital to Interactive
![Page 5: The future of User Interface](https://reader035.vdocuments.us/reader035/viewer/2022081520/588b111e1a28abdf3b8b6f13/html5/thumbnails/5.jpg)
6um : my first web design studio in the internet bubble.
![Page 6: The future of User Interface](https://reader035.vdocuments.us/reader035/viewer/2022081520/588b111e1a28abdf3b8b6f13/html5/thumbnails/6.jpg)
A Time of Freedom & Experimentation
![Page 7: The future of User Interface](https://reader035.vdocuments.us/reader035/viewer/2022081520/588b111e1a28abdf3b8b6f13/html5/thumbnails/7.jpg)
Videogames Industry
![Page 8: The future of User Interface](https://reader035.vdocuments.us/reader035/viewer/2022081520/588b111e1a28abdf3b8b6f13/html5/thumbnails/8.jpg)
Structured Team and UI specialization
![Page 9: The future of User Interface](https://reader035.vdocuments.us/reader035/viewer/2022081520/588b111e1a28abdf3b8b6f13/html5/thumbnails/9.jpg)
![Page 10: The future of User Interface](https://reader035.vdocuments.us/reader035/viewer/2022081520/588b111e1a28abdf3b8b6f13/html5/thumbnails/10.jpg)
Example: Midnight Club
![Page 11: The future of User Interface](https://reader035.vdocuments.us/reader035/viewer/2022081520/588b111e1a28abdf3b8b6f13/html5/thumbnails/11.jpg)
From Console to Social and Mobile
• Free to play(similar to web services)
• Viral
• Touchscreen
• Small screen – High resolution
• Product sold upfront (similar to movie industry)
• Not really viral
• Controller
• Big screen – low resolution
![Page 12: The future of User Interface](https://reader035.vdocuments.us/reader035/viewer/2022081520/588b111e1a28abdf3b8b6f13/html5/thumbnails/12.jpg)
UI/UX is a Mature discipline• It’s valued by stack holders and customers
• Pattern are identified and Best Practices are defined
• Tools are mature : Sketch, Adobe XD
• It starts to be boring but the landscape is going to change soon and the cycle will start again… Stay Tuned
![Page 13: The future of User Interface](https://reader035.vdocuments.us/reader035/viewer/2022081520/588b111e1a28abdf3b8b6f13/html5/thumbnails/13.jpg)
UI≠UX
![Page 14: The future of User Interface](https://reader035.vdocuments.us/reader035/viewer/2022081520/588b111e1a28abdf3b8b6f13/html5/thumbnails/14.jpg)
![Page 15: The future of User Interface](https://reader035.vdocuments.us/reader035/viewer/2022081520/588b111e1a28abdf3b8b6f13/html5/thumbnails/15.jpg)
![Page 16: The future of User Interface](https://reader035.vdocuments.us/reader035/viewer/2022081520/588b111e1a28abdf3b8b6f13/html5/thumbnails/16.jpg)
My New Challenges
![Page 17: The future of User Interface](https://reader035.vdocuments.us/reader035/viewer/2022081520/588b111e1a28abdf3b8b6f13/html5/thumbnails/17.jpg)
Connect all your devices, data and sensors
![Page 18: The future of User Interface](https://reader035.vdocuments.us/reader035/viewer/2022081520/588b111e1a28abdf3b8b6f13/html5/thumbnails/18.jpg)
A custom virtual Heads Up Display
![Page 19: The future of User Interface](https://reader035.vdocuments.us/reader035/viewer/2022081520/588b111e1a28abdf3b8b6f13/html5/thumbnails/19.jpg)
CONCEPTUALLY
![Page 20: The future of User Interface](https://reader035.vdocuments.us/reader035/viewer/2022081520/588b111e1a28abdf3b8b6f13/html5/thumbnails/20.jpg)
What is UI?• a layer between a user and a system
![Page 21: The future of User Interface](https://reader035.vdocuments.us/reader035/viewer/2022081520/588b111e1a28abdf3b8b6f13/html5/thumbnails/21.jpg)
The interface is the support of interactivity
![Page 22: The future of User Interface](https://reader035.vdocuments.us/reader035/viewer/2022081520/588b111e1a28abdf3b8b6f13/html5/thumbnails/22.jpg)
It’s a Dialog
![Page 23: The future of User Interface](https://reader035.vdocuments.us/reader035/viewer/2022081520/588b111e1a28abdf3b8b6f13/html5/thumbnails/23.jpg)
To interact with an object, “a machine”
![Page 24: The future of User Interface](https://reader035.vdocuments.us/reader035/viewer/2022081520/588b111e1a28abdf3b8b6f13/html5/thumbnails/24.jpg)
What does it mean in the digital world?• Interface are virtual (or they are devices: mouse, keyboards)• We don’t press a button, • We press a representation of a button
Is it a switch button?
![Page 25: The future of User Interface](https://reader035.vdocuments.us/reader035/viewer/2022081520/588b111e1a28abdf3b8b6f13/html5/thumbnails/25.jpg)
Skeuomorphism vs flat design
c
![Page 26: The future of User Interface](https://reader035.vdocuments.us/reader035/viewer/2022081520/588b111e1a28abdf3b8b6f13/html5/thumbnails/26.jpg)
Skeuomorphism vs Flat vs Material Design
![Page 27: The future of User Interface](https://reader035.vdocuments.us/reader035/viewer/2022081520/588b111e1a28abdf3b8b6f13/html5/thumbnails/27.jpg)
Skeuomorphism vs flat design
FAIL ! GOOD
![Page 28: The future of User Interface](https://reader035.vdocuments.us/reader035/viewer/2022081520/588b111e1a28abdf3b8b6f13/html5/thumbnails/28.jpg)
Usability is overrated!• A Necessity but not a Goal!
• A toy not a tool!
• Friction has value.
• Emotion is not Usability.
• We need meaningful experience.
![Page 29: The future of User Interface](https://reader035.vdocuments.us/reader035/viewer/2022081520/588b111e1a28abdf3b8b6f13/html5/thumbnails/29.jpg)
THE NEW FRONTIER
![Page 30: The future of User Interface](https://reader035.vdocuments.us/reader035/viewer/2022081520/588b111e1a28abdf3b8b6f13/html5/thumbnails/30.jpg)
Towards More Natural Interaction• Mimic real life human-human interaction (gesture) • A degree of enhancement or abstraction.
![Page 31: The future of User Interface](https://reader035.vdocuments.us/reader035/viewer/2022081520/588b111e1a28abdf3b8b6f13/html5/thumbnails/31.jpg)
c
Back to the things (the IOT)
• Smartphone is the Master Device but …
• Objects are more connected and autonomous
• We’ll interact more with virtual world with physical devices
![Page 32: The future of User Interface](https://reader035.vdocuments.us/reader035/viewer/2022081520/588b111e1a28abdf3b8b6f13/html5/thumbnails/32.jpg)
c
Voice control
![Page 33: The future of User Interface](https://reader035.vdocuments.us/reader035/viewer/2022081520/588b111e1a28abdf3b8b6f13/html5/thumbnails/33.jpg)
Voice control : cons
• Low tolerance to poor performance.• Weak Feedback.
![Page 34: The future of User Interface](https://reader035.vdocuments.us/reader035/viewer/2022081520/588b111e1a28abdf3b8b6f13/html5/thumbnails/34.jpg)
VR/AR : the future of computing?
• More space
• Productivity
• Reality Simulation
• Presence
![Page 35: The future of User Interface](https://reader035.vdocuments.us/reader035/viewer/2022081520/588b111e1a28abdf3b8b6f13/html5/thumbnails/35.jpg)
VR / AR / Video360
VR AR Video360
Virtual Mixed Reality
Games Application Movies
Content :
Example :
![Page 36: The future of User Interface](https://reader035.vdocuments.us/reader035/viewer/2022081520/588b111e1a28abdf3b8b6f13/html5/thumbnails/36.jpg)
Interacting in 3D change the paradigm• 2D Legacy
![Page 37: The future of User Interface](https://reader035.vdocuments.us/reader035/viewer/2022081520/588b111e1a28abdf3b8b6f13/html5/thumbnails/37.jpg)
Interacting in 3D change the paradigm• 3D representation implies 3D interaction
![Page 38: The future of User Interface](https://reader035.vdocuments.us/reader035/viewer/2022081520/588b111e1a28abdf3b8b6f13/html5/thumbnails/38.jpg)
Oculus Rift
![Page 39: The future of User Interface](https://reader035.vdocuments.us/reader035/viewer/2022081520/588b111e1a28abdf3b8b6f13/html5/thumbnails/39.jpg)
HTC Vive
![Page 40: The future of User Interface](https://reader035.vdocuments.us/reader035/viewer/2022081520/588b111e1a28abdf3b8b6f13/html5/thumbnails/40.jpg)
Google Cardboard
![Page 41: The future of User Interface](https://reader035.vdocuments.us/reader035/viewer/2022081520/588b111e1a28abdf3b8b6f13/html5/thumbnails/41.jpg)
Samsung Gear VR
![Page 42: The future of User Interface](https://reader035.vdocuments.us/reader035/viewer/2022081520/588b111e1a28abdf3b8b6f13/html5/thumbnails/42.jpg)
Gaze Detection: Samsung
![Page 43: The future of User Interface](https://reader035.vdocuments.us/reader035/viewer/2022081520/588b111e1a28abdf3b8b6f13/html5/thumbnails/43.jpg)
Gaze Detection: Fove
![Page 44: The future of User Interface](https://reader035.vdocuments.us/reader035/viewer/2022081520/588b111e1a28abdf3b8b6f13/html5/thumbnails/44.jpg)
![Page 45: The future of User Interface](https://reader035.vdocuments.us/reader035/viewer/2022081520/588b111e1a28abdf3b8b6f13/html5/thumbnails/45.jpg)
Google Glass
![Page 46: The future of User Interface](https://reader035.vdocuments.us/reader035/viewer/2022081520/588b111e1a28abdf3b8b6f13/html5/thumbnails/46.jpg)
META VISION
![Page 47: The future of User Interface](https://reader035.vdocuments.us/reader035/viewer/2022081520/588b111e1a28abdf3b8b6f13/html5/thumbnails/47.jpg)
Microsoft Hololens
![Page 48: The future of User Interface](https://reader035.vdocuments.us/reader035/viewer/2022081520/588b111e1a28abdf3b8b6f13/html5/thumbnails/48.jpg)
VR interaction : What’s new?
• Gaze selection
• Motion tracking
• Natural Interaction.
• Tangible objects with magical capacity!
• X-Y-Z ≠ X-Y-Z maybe X-Y-Z -> X-Y-time or X-Y-View
![Page 49: The future of User Interface](https://reader035.vdocuments.us/reader035/viewer/2022081520/588b111e1a28abdf3b8b6f13/html5/thumbnails/49.jpg)
What does need improvement?• Inputs devices have to get better .. Or we we have to
get better at using them;-)
• More content!
• More applications!