SlideShare a Scribd company logo
1 of 65
NATURAL USER INTERFACE

MINORITY REPORT FOR THE
MASSES
UNSTOPPABLE?

GRAAG INPUT, VRAGEN EN INTERACTIE
BERT BOERLAND
@bertboerland
Lets jump
DEFINE:NATURAL
TL;DR
In computing, a natural user interface, or NUI, or Natural
Interface is the common parlance used by designers
and developers of human-machine interfaces to refer
to a user interface that is effectively invisible, and
remains invisible as the user continuously learns
increasingly complex interactions. The word natural is
used because most computer
interfaces use artificial
control devices whose
opera
tion has to be learned.
NIET ONNATUURLIJK

NATURAL USER INTERFACE
user interface is
„THE SPACE WHERE INTERACTION BETWEEN HUMANS AND MACHINES
OCCURS.”
user interface is
„THE SPACE WHERE INTERACTION BETWEEN HUMANS AND
MACHINES OCCURS.”
user interface is
„THE SPACE WHERE INTERACTION BETWEEN HUMANS AND
MACHINES OCCURS.”
VT100
<INSERT OBLIGATOIR STEVE PHOTO>
CLI

GUI

NUI
CLI

GUI

NUI
statisch
disconnected
geleerd

CLI

responsive
indirect
herkenning

GUI

„zijn”
direct
intuïtie

NUI
CLI

GUI

NUI
80 KOLOMS

After that early teletypes, and
later video terminals used
80 columns as a standard
width
BIG BLUE

Now the question is: Why did
the IBM punch card have
80 columns?
THE PUNCH CARD SIZE WAS BASED ON THE SIZE OF THE CURRENCY BACK
IN THE LATE 1880'S'S WHEN HOLLERITH DESIGNED THEM TO ASSIST WITH
THE 1890'S CENSUS
80 KOLOMS

Dus: omdat de Dollar bill in
1880 een bepaalde grootte
had, hebben wij schermen
die 80 karakters breed zijn
(waren).
Triviale beslissingen werken lang door
De legacy vormt letterijk onze
toekomst
HEEL LANG NOG ONNATUURLIJK
DE OORSPRONKELIJKE CD ZOU EEN DIAMETER HEBBEN VAN 11,5 CM EN EEN SPEELDUUR VAN 68 MINUTEN STEREO BEVATTEN. DIE
11,5 CM IS GELIJK AAN DE GROOTTE VAN DE COMPACT CASSETTE

VAN DUBBELTJE TOT BEETHOVEN
WAT LEREN WE
HIERVAN

• Eenvoud („me too”)
• Dubsteb … #nuffsaid
MAAR

HOE
HOE

NIET
VOICE
SURFACE, TELEFOON, TABLET

TOUCH
LEAP, KINECT

GESTURES
TELEFOON, AUTOSLEUTEL

PRESENCE
ZIJN

IDENTITY
SPIELEREI?

MIND
IDENTITY
VAULT

WAAR IS DE BANK
IDENTITY
VAULT

• iets dat je hebt

iets dat weet
iets dat je bent
iets dat je bent
iets dat je bent
SMILE, YOU ARE ON THE WEBCAM
ART
INVALIDEN

„NATUURLIJK”
NEVER MISS A BEAT
SCANNING
IN THE MOVIES

MARKERLESS MOTION
OKAY AUGMENTED REALITY #THROUGHGLASS
NUI: 5 PRINCIPES

• Performance Aesthetics: plezier van de

interactie is belangrijker dan hoe
ervaren je bent

• Direct Manipulation: directe interactie
• Scaffolding: verschillende niveau’s bezig

kunnen zijn, vergelijkbaar met games
• Contextual: contextuele ervaringen
• Super Real: intuïtief bezig kunnen zijn
• ‘Principal Driven Design‘

• Invisible Computing
• Supportive Computing
• Adaptive Computing
KIJK NAAR UW SCHERM

PARALLAX
AUGMENTED PASKAMER
LIKE MAO AND THE LEMMINGS

LEAP FORWARD
TRY?

DEMO DUIVEL
SHOW HANDS
COMPLEXITEIT

„ALL THING SHOULD BE AS SIMPLE AS POSSIBLE”
GAME ON
TAKEWAY
TAKEWAY

GEDACHTES, STEM EN STEMMING > TOUCH EN GESTURE
THE INTERNET OF THINGS IS HERE („DONT CLICK HERE”)
WHO IS AFRAID OF RED, YELLOW AND LEGACY?
Dank!
Vraag?
Vraag?

More Related Content

Similar to presentatie natuurlijke user interface nui

Laser protection virtual keyboard
Laser protection virtual  keyboardLaser protection virtual  keyboard
Laser protection virtual keyboard
Priyal Bhagat
 
Week1 Interactivity
Week1 InteractivityWeek1 Interactivity
Week1 Interactivity
CMoz
 
SXSW 2015 - Storytelling Engines for Smart Environments
SXSW 2015 -  Storytelling Engines for Smart EnvironmentsSXSW 2015 -  Storytelling Engines for Smart Environments
SXSW 2015 - Storytelling Engines for Smart Environments
calmr.io
 
Sense - An alternative visualisation
 Sense - An alternative visualisation Sense - An alternative visualisation
Sense - An alternative visualisation
ESUG
 

Similar to presentatie natuurlijke user interface nui (20)

Laser protection virtual keyboard
Laser protection virtual  keyboardLaser protection virtual  keyboard
Laser protection virtual keyboard
 
Two-Column Newsletter
Two-Column NewsletterTwo-Column Newsletter
Two-Column Newsletter
 
Week1 Interactivity
Week1 InteractivityWeek1 Interactivity
Week1 Interactivity
 
SXSW 2015 - Storytelling Engines for Smart Environments
SXSW 2015 -  Storytelling Engines for Smart EnvironmentsSXSW 2015 -  Storytelling Engines for Smart Environments
SXSW 2015 - Storytelling Engines for Smart Environments
 
The Mobile Virtual Cane
The Mobile Virtual CaneThe Mobile Virtual Cane
The Mobile Virtual Cane
 
Sense - An alternative visualisation
 Sense - An alternative visualisation Sense - An alternative visualisation
Sense - An alternative visualisation
 
skinput technology
skinput technologyskinput technology
skinput technology
 
Nepris
NeprisNepris
Nepris
 
Technology behind Virtual Keyboard
Technology behind Virtual KeyboardTechnology behind Virtual Keyboard
Technology behind Virtual Keyboard
 
Technology behind virtual keyboard
Technology behind virtual keyboardTechnology behind virtual keyboard
Technology behind virtual keyboard
 
Good design is a myth - Zoltan Kollin @ UX Cambridge 2017 & UX Scotland 2017
Good design is a myth - Zoltan Kollin @ UX Cambridge 2017 & UX Scotland 2017Good design is a myth - Zoltan Kollin @ UX Cambridge 2017 & UX Scotland 2017
Good design is a myth - Zoltan Kollin @ UX Cambridge 2017 & UX Scotland 2017
 
From Interaction to Understanding
From Interaction to UnderstandingFrom Interaction to Understanding
From Interaction to Understanding
 
Good design is... a myth - Zoltan Kollin - UX Copenhagen 2017
Good design is... a myth - Zoltan Kollin - UX Copenhagen 2017Good design is... a myth - Zoltan Kollin - UX Copenhagen 2017
Good design is... a myth - Zoltan Kollin - UX Copenhagen 2017
 
Virtual keyboard abstract
Virtual keyboard abstractVirtual keyboard abstract
Virtual keyboard abstract
 
Virtual reality by Anil Kumar
Virtual reality by Anil KumarVirtual reality by Anil Kumar
Virtual reality by Anil Kumar
 
Good design is a myth - by Zoltan Kollin | UXRiga 2017
Good design is a myth  - by Zoltan Kollin | UXRiga 2017Good design is a myth  - by Zoltan Kollin | UXRiga 2017
Good design is a myth - by Zoltan Kollin | UXRiga 2017
 
All about Virtual Reality & Oculus Rift
All about Virtual Reality & Oculus RiftAll about Virtual Reality & Oculus Rift
All about Virtual Reality & Oculus Rift
 
UX Berlin about Movie Her and the future of Voice Interfaces
UX Berlin about Movie Her and the future of Voice InterfacesUX Berlin about Movie Her and the future of Voice Interfaces
UX Berlin about Movie Her and the future of Voice Interfaces
 
Eye Candy IS A Critical Business Requirement
Eye Candy IS A Critical Business RequirementEye Candy IS A Critical Business Requirement
Eye Candy IS A Critical Business Requirement
 
The Future of User Interfaces
The Future of User InterfacesThe Future of User Interfaces
The Future of User Interfaces
 

More from Bert Boerland

Projectpaas drupaljam 2013 rotterdam
Projectpaas drupaljam 2013 rotterdamProjectpaas drupaljam 2013 rotterdam
Projectpaas drupaljam 2013 rotterdam
Bert Boerland
 

More from Bert Boerland (18)

Drupal voor nllgg
Drupal voor nllggDrupal voor nllgg
Drupal voor nllgg
 
Drupaljam 2017 opening
Drupaljam 2017 openingDrupaljam 2017 opening
Drupaljam 2017 opening
 
Drupaljam 2017 closing
Drupaljam 2017 closingDrupaljam 2017 closing
Drupaljam 2017 closing
 
Drupal jam 2015 closing
Drupal jam 2015 closing Drupal jam 2015 closing
Drupal jam 2015 closing
 
Wunderkraut Pub Quiz
Wunderkraut Pub QuizWunderkraut Pub Quiz
Wunderkraut Pub Quiz
 
Projectpaas drupaljam 2013 rotterdam
Projectpaas drupaljam 2013 rotterdamProjectpaas drupaljam 2013 rotterdam
Projectpaas drupaljam 2013 rotterdam
 
Drupaljam 2013 rotterdam opening
Drupaljam 2013 rotterdam openingDrupaljam 2013 rotterdam opening
Drupaljam 2013 rotterdam opening
 
DOP Drupal marketing initatief
DOP Drupal marketing initatiefDOP Drupal marketing initatief
DOP Drupal marketing initatief
 
Drupaljam 8 zoetermeer opening
Drupaljam 8 zoetermeer openingDrupaljam 8 zoetermeer opening
Drupaljam 8 zoetermeer opening
 
Drupaljam 7 aanbesteden sessie
Drupaljam 7 aanbesteden sessieDrupaljam 7 aanbesteden sessie
Drupaljam 7 aanbesteden sessie
 
PMLF Congres: Sociale Media
PMLF Congres: Sociale MediaPMLF Congres: Sociale Media
PMLF Congres: Sociale Media
 
Presentatie sponsoring en opensource conferenties FOSS11
Presentatie sponsoring en opensource conferenties FOSS11Presentatie sponsoring en opensource conferenties FOSS11
Presentatie sponsoring en opensource conferenties FOSS11
 
Closing talk DrupalJam 6
Closing talk DrupalJam 6Closing talk DrupalJam 6
Closing talk DrupalJam 6
 
Gast College
Gast CollegeGast College
Gast College
 
Locatie2.
Locatie2.Locatie2.
Locatie2.
 
Open Source Software in a nutshell
Open Source Software in a nutshellOpen Source Software in a nutshell
Open Source Software in a nutshell
 
Why Drupal Is So Slow
Why Drupal Is So SlowWhy Drupal Is So Slow
Why Drupal Is So Slow
 
Drupal Ncrv
Drupal NcrvDrupal Ncrv
Drupal Ncrv
 

Recently uploaded

一比一原版谢菲尔德大学毕业证成绩单如何办理
一比一原版谢菲尔德大学毕业证成绩单如何办理一比一原版谢菲尔德大学毕业证成绩单如何办理
一比一原版谢菲尔德大学毕业证成绩单如何办理
cyebo
 
Presentation on 3D Printing.pptx presentation
Presentation on 3D Printing.pptx presentationPresentation on 3D Printing.pptx presentation
Presentation on 3D Printing.pptx presentation
ajroy0196
 
Heuristic Evaluation of System & Application
Heuristic Evaluation of System & ApplicationHeuristic Evaluation of System & Application
Heuristic Evaluation of System & Application
Jaime Brown
 
NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...
NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...
NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...
Amil baba
 
Week 11 Mini-Tasks.pptxjjjjjjjjjjjjjjjjjjjj
Week 11 Mini-Tasks.pptxjjjjjjjjjjjjjjjjjjjjWeek 11 Mini-Tasks.pptxjjjjjjjjjjjjjjjjjjjj
Week 11 Mini-Tasks.pptxjjjjjjjjjjjjjjjjjjjj
joshuaclack73
 
一比一原版格林威治大学毕业证成绩单如何办理
一比一原版格林威治大学毕业证成绩单如何办理一比一原版格林威治大学毕业证成绩单如何办理
一比一原版格林威治大学毕业证成绩单如何办理
cyebo
 

Recently uploaded (20)

一比一原版谢菲尔德大学毕业证成绩单如何办理
一比一原版谢菲尔德大学毕业证成绩单如何办理一比一原版谢菲尔德大学毕业证成绩单如何办理
一比一原版谢菲尔德大学毕业证成绩单如何办理
 
spColumn-Manual design column by spcolumn software.pdf
spColumn-Manual design column by spcolumn software.pdfspColumn-Manual design column by spcolumn software.pdf
spColumn-Manual design column by spcolumn software.pdf
 
The Journey of Fashion Designer Sketches - From Concept to Catwalk
The Journey of Fashion Designer Sketches - From Concept to CatwalkThe Journey of Fashion Designer Sketches - From Concept to Catwalk
The Journey of Fashion Designer Sketches - From Concept to Catwalk
 
CADD 141 - Puzzle Cube Project - Product Photos
CADD 141 - Puzzle Cube Project - Product PhotosCADD 141 - Puzzle Cube Project - Product Photos
CADD 141 - Puzzle Cube Project - Product Photos
 
Levi's Advertisement and camapign design
Levi's Advertisement and camapign designLevi's Advertisement and camapign design
Levi's Advertisement and camapign design
 
And that's about to change! (Service Design Drinks Berlin May 2024)
And that's about to change! (Service Design Drinks Berlin May 2024)And that's about to change! (Service Design Drinks Berlin May 2024)
And that's about to change! (Service Design Drinks Berlin May 2024)
 
Spring 2024 wkrm_Enhancing Campus Mobility.pdf
Spring 2024 wkrm_Enhancing Campus Mobility.pdfSpring 2024 wkrm_Enhancing Campus Mobility.pdf
Spring 2024 wkrm_Enhancing Campus Mobility.pdf
 
Presentation on 3D Printing.pptx presentation
Presentation on 3D Printing.pptx presentationPresentation on 3D Printing.pptx presentation
Presentation on 3D Printing.pptx presentation
 
Avoid these common UI/UX design mistakes
 Avoid these common UI/UX design mistakes Avoid these common UI/UX design mistakes
Avoid these common UI/UX design mistakes
 
Webhost NVME Cloud VPS Hosting1234455678
Webhost NVME Cloud VPS Hosting1234455678Webhost NVME Cloud VPS Hosting1234455678
Webhost NVME Cloud VPS Hosting1234455678
 
Heuristic Evaluation of System & Application
Heuristic Evaluation of System & ApplicationHeuristic Evaluation of System & Application
Heuristic Evaluation of System & Application
 
Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3
 
NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...
NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...
NO1 Best Kala Jadu Expert Specialist In Qatar Kala Jadu Expert Specialist In ...
 
NO1 Popular kala jadu karne wale ka contact number kala jadu karne wale baba ...
NO1 Popular kala jadu karne wale ka contact number kala jadu karne wale baba ...NO1 Popular kala jadu karne wale ka contact number kala jadu karne wale baba ...
NO1 Popular kala jadu karne wale ka contact number kala jadu karne wale baba ...
 
Week of Action 2022_EIT Climate-KIC_Headers
Week of Action 2022_EIT Climate-KIC_HeadersWeek of Action 2022_EIT Climate-KIC_Headers
Week of Action 2022_EIT Climate-KIC_Headers
 
Week 11 Mini-Tasks.pptxjjjjjjjjjjjjjjjjjjjj
Week 11 Mini-Tasks.pptxjjjjjjjjjjjjjjjjjjjjWeek 11 Mini-Tasks.pptxjjjjjjjjjjjjjjjjjjjj
Week 11 Mini-Tasks.pptxjjjjjjjjjjjjjjjjjjjj
 
Real Smart Art Infographics by Slidesgo.pptx
Real Smart Art Infographics by Slidesgo.pptxReal Smart Art Infographics by Slidesgo.pptx
Real Smart Art Infographics by Slidesgo.pptx
 
一比一原版格林威治大学毕业证成绩单如何办理
一比一原版格林威治大学毕业证成绩单如何办理一比一原版格林威治大学毕业证成绩单如何办理
一比一原版格林威治大学毕业证成绩单如何办理
 
Bit Dhrumi shah Graphic Designer portfolio
Bit Dhrumi shah Graphic Designer portfolioBit Dhrumi shah Graphic Designer portfolio
Bit Dhrumi shah Graphic Designer portfolio
 
CADD 141 - BIRD Scooter - Cup Holder Photos.pdf
CADD 141 - BIRD Scooter - Cup Holder Photos.pdfCADD 141 - BIRD Scooter - Cup Holder Photos.pdf
CADD 141 - BIRD Scooter - Cup Holder Photos.pdf
 

presentatie natuurlijke user interface nui