Various User Interfaces
History1952 – First Light pen (Whirlwind, MIT)1963 – Ivan Sutherland: Sketchpad Sketchpad Demo1963 - Douglas Engelbart receives a patent on the mouse pointing device for computers1968 – Engelbart demonstrates his system of keyboard, keypad, mouse, and windows Engelbart Mouse Demo1974 – Overlapping windows: Smalltalk1975 – David Canfield Smith: Icons
GUI1984 – Apple Macintosh: First totally Graphical User Interface
The MetaphorAssigning values to icons“Users may also struggle to see past the metaphor itself in order to use the system in the way it was intended.” Suzanne Prior, University of Dundee
GUIDon't Click – “clickless” user interfaceTone Matrix – digital representation of a tangible object
Natural User InterfacesCLI > GUI > NUINatural movements, motions and gesturesManipulate or control on-screen contentDirect feedbackIntuitiveMultiple object manipulationMultiple user interactionNo tool switching
Natural User InterfacesHow do we actually perform tasks?Bill BuxtonMemTable – NUI in practiceKinectKinect FAILAnother Kinect FAIL
Tangible User InterfaceA user interface in which a person interacts with digital information through the physical environment
Tangible User Interfaces
Tangible User InterfacesNintendo Wii and the Theory of Optimal Experience or Theory of Flow“Enjoyment occurs only as a result of an unusual amount of attention”“Immersive flow experiences emerge when an ideal balance between level of ability and challenge is achieved” – Wyeth, P., Queensland University of Technology
Tangible User InterfacesTheory of Flow developed by Mihaly Csikszentmihalyi, Hungarian Psychology Professor
Tangible User InterfacesTheory of Flow (Csikszentmihalyi)
Tangible User InterfacesTheory of Flow (Csikszentmihalyi)
Tangible User InterfacesNintendo Wii and the Theory of Optimal Experience or Theory of Flow
Tangible User InterfacesTable Top InterfacesDirectly encourage concepts such as social interaction and collaboration or ludic interactionLudic derives from Latin ludus, “play” and means literally ‘playful’, and refers to any philosophy where play is the prime purpose of life and connotes anything that is “fun”. Play can be used to describe a wide variety of experiences but in essence can be defined best as “free movement within a more rigid structure”.Circular Tables eliminate head positions, leading voices, privileged points of view or controlReacTable
Tangible User InterfacesReactableCircular table top interface for live group musical performanceUtilizes reacTIVisionReacTable
Audio User InterfaceAudio Icons used to navigate the systemChong Xin’s interface using the PowerMate
Augmented User InterfaceNearest TubeOne of the first augmented reality apps to go live on the iPhone
Sound BeamNatural: Ultrasonic beam(s)Tangible: Foot controller(s)MIDI hardware and softwareUsed in the area of special needs education and group performanceSoundbeam Demo
D-touch Drum MachineTangible User InterfaceSimple set up: web-cam recognizes defined imagesInterface is scalableD-touch
Sixth SenseSeamless access to meta informationA wearable gestural interface that augments the physical world around us with digital information and lets us use natural hand gestures to interact with that informationDeveloped at MIT by PranavMistrySixth Sense Demo

More Related Content

PPTX
Visual Design
PPTX
Surface Computing
PPT
Sketch2presentation
PPTX
Surface Computing & Devices
PPT
Surfacecomputerppt 130813063644-phpapp02
PPT
Surface computer
PPTX
Surface computing
PPTX
A report on pointing devices
Visual Design
Surface Computing
Sketch2presentation
Surface Computing & Devices
Surfacecomputerppt 130813063644-phpapp02
Surface computer
Surface computing
A report on pointing devices

What's hot (20)

PPT
microsoft Surface computer
PPTX
surface computer ppt
PPT
Evo mouse
PPTX
Surface computer
PPTX
Surface Computing
PPTX
Surface computer
PPT
Microsoft Surface
PDF
Gesture Gaming on the World Wide Web Using an Ordinary Web Camera
PPTX
Surface computing
PPTX
Surface computing
PPTX
surface computing seminar Jecrc,jaipur
PPTX
I/O devices - Computer graphics
PPTX
Surface computer
PPTX
My seminar ppt SPACE MOUSE
PPT
Surface computer
PPT
Surface computing by deekshita bhuyan
PPT
Abhishek meena
PPTX
HoloLens Introduction and Technical Specifications
PPT
Surface computer ppt
PDF
Pointing Devices
microsoft Surface computer
surface computer ppt
Evo mouse
Surface computer
Surface Computing
Surface computer
Microsoft Surface
Gesture Gaming on the World Wide Web Using an Ordinary Web Camera
Surface computing
Surface computing
surface computing seminar Jecrc,jaipur
I/O devices - Computer graphics
Surface computer
My seminar ppt SPACE MOUSE
Surface computer
Surface computing by deekshita bhuyan
Abhishek meena
HoloLens Introduction and Technical Specifications
Surface computer ppt
Pointing Devices
Ad

Viewers also liked (9)

PPT
History of-computers513
PPTX
5 generations of computer
PPTX
Graphical User Interface
PPT
Light pen
PPT
ppts on Input devices
PPTX
Light pens
PDF
Evolution of User Interface - Digital Web & Design Innovation Summit SFO 20 S...
PPT
Highlights in Computer History
PPT
Light pen
History of-computers513
5 generations of computer
Graphical User Interface
Light pen
ppts on Input devices
Light pens
Evolution of User Interface - Digital Web & Design Innovation Summit SFO 20 S...
Highlights in Computer History
Light pen
Ad

Similar to Various User Interfaces (20)

PDF
Hiroshi Ishii Pff 12 08 08
PPT
Tangible User Interface Showcase
PDF
Touch Research 3: How Bodies Matter [Handouts]
PDF
Tangible Interaction & Interfaces
PDF
Challenging the boundaries of interactive experiences
PPTX
Multisensory and multimedia
PPTX
Multisensory and multimedia
PPTX
Interaction styles
PDF
A Brief History Of Human-Computer Interaction Technology
PPT
Bill Moggridge-Designing interactions-the mouse and the desktop
PPT
Bill Moggridge-Designing interactions-the mouse and the desktop
PDF
TAT Dynamic UIs 250609
PDF
Back to Childhood
PDF
Tangible AR Interface
PDF
Typing, Clicking, Dancing with your Fingers
PDF
TUI: A short introduction
PDF
An introduction to NUI
PPT
Multi-Touch Tangible Interface; HCI trends, projects, and development
PDF
426 lecture 7: Designing AR Interfaces
PDF
426 lecture6b: AR Interaction
Hiroshi Ishii Pff 12 08 08
Tangible User Interface Showcase
Touch Research 3: How Bodies Matter [Handouts]
Tangible Interaction & Interfaces
Challenging the boundaries of interactive experiences
Multisensory and multimedia
Multisensory and multimedia
Interaction styles
A Brief History Of Human-Computer Interaction Technology
Bill Moggridge-Designing interactions-the mouse and the desktop
Bill Moggridge-Designing interactions-the mouse and the desktop
TAT Dynamic UIs 250609
Back to Childhood
Tangible AR Interface
Typing, Clicking, Dancing with your Fingers
TUI: A short introduction
An introduction to NUI
Multi-Touch Tangible Interface; HCI trends, projects, and development
426 lecture 7: Designing AR Interfaces
426 lecture6b: AR Interaction

Recently uploaded (20)

PDF
1 Introduction to Networking (06).pdfbsbsbsb
PPTX
ENG4-Q2-W5-PPT (1).pptx nhdedhhehejjedheh
PPTX
8086.pptx microprocessor and microcontroller
PPTX
Presentation.pptx anemia in pregnancy in
PDF
Instagram Marketing in 2025 Reels, Stories, and Strategy (14) (2).pdf
PPTX
lecture-8-entropy-and-the-second-law-of-thermodynamics.pptx
PPTX
UNIT III - GRAPHICS AND AUDIO FOR MOBILE
PPTX
UNIT II - UID FOR MOBILE GAMES[INTRODUCTION TO MOBILE GAME DESIGN]
PDF
This presentation is made for a design foundation class at Avantika Universit...
PDF
IARG - ICTC ANALOG RESEARCH GROUP - GROUP 1 - CHAPTER 2.pdf
PPT
Introduction to Research Methods - Lecture.ppt
PDF
trenching-standard-drawings procedure rev
PPTX
URBAN FINANCEnhynhynnnytnynnnynynyynynynyn
PPT
EthicsNotesSTUDENTCOPYfghhnmncssssx sjsjsj
PPTX
ACL English Introductionadsfsfadf 20200612.pptx
PDF
Architecture Design Portfolio- VICTOR OKUTU
PPTX
22CDO02-IMGD-UNIT-I-MOBILE GAME DESIGN PROCESS
PPT
Unit I Preparatory process of dyeing in textiles
PPT
aksharma-dfs.pptgfgfgdfgdgdfgdfgdgdrgdgdgdgdgdgadgdgd
PPTX
a group casestudy on architectural aesthetic and beauty
1 Introduction to Networking (06).pdfbsbsbsb
ENG4-Q2-W5-PPT (1).pptx nhdedhhehejjedheh
8086.pptx microprocessor and microcontroller
Presentation.pptx anemia in pregnancy in
Instagram Marketing in 2025 Reels, Stories, and Strategy (14) (2).pdf
lecture-8-entropy-and-the-second-law-of-thermodynamics.pptx
UNIT III - GRAPHICS AND AUDIO FOR MOBILE
UNIT II - UID FOR MOBILE GAMES[INTRODUCTION TO MOBILE GAME DESIGN]
This presentation is made for a design foundation class at Avantika Universit...
IARG - ICTC ANALOG RESEARCH GROUP - GROUP 1 - CHAPTER 2.pdf
Introduction to Research Methods - Lecture.ppt
trenching-standard-drawings procedure rev
URBAN FINANCEnhynhynnnytnynnnynynyynynynyn
EthicsNotesSTUDENTCOPYfghhnmncssssx sjsjsj
ACL English Introductionadsfsfadf 20200612.pptx
Architecture Design Portfolio- VICTOR OKUTU
22CDO02-IMGD-UNIT-I-MOBILE GAME DESIGN PROCESS
Unit I Preparatory process of dyeing in textiles
aksharma-dfs.pptgfgfgdfgdgdfgdfgdgdrgdgdgdgdgdgadgdgd
a group casestudy on architectural aesthetic and beauty

Various User Interfaces

  • 2. History1952 – First Light pen (Whirlwind, MIT)1963 – Ivan Sutherland: Sketchpad Sketchpad Demo1963 - Douglas Engelbart receives a patent on the mouse pointing device for computers1968 – Engelbart demonstrates his system of keyboard, keypad, mouse, and windows Engelbart Mouse Demo1974 – Overlapping windows: Smalltalk1975 – David Canfield Smith: Icons
  • 3. GUI1984 – Apple Macintosh: First totally Graphical User Interface
  • 4. The MetaphorAssigning values to icons“Users may also struggle to see past the metaphor itself in order to use the system in the way it was intended.” Suzanne Prior, University of Dundee
  • 5. GUIDon't Click – “clickless” user interfaceTone Matrix – digital representation of a tangible object
  • 6. Natural User InterfacesCLI > GUI > NUINatural movements, motions and gesturesManipulate or control on-screen contentDirect feedbackIntuitiveMultiple object manipulationMultiple user interactionNo tool switching
  • 7. Natural User InterfacesHow do we actually perform tasks?Bill BuxtonMemTable – NUI in practiceKinectKinect FAILAnother Kinect FAIL
  • 8. Tangible User InterfaceA user interface in which a person interacts with digital information through the physical environment
  • 10. Tangible User InterfacesNintendo Wii and the Theory of Optimal Experience or Theory of Flow“Enjoyment occurs only as a result of an unusual amount of attention”“Immersive flow experiences emerge when an ideal balance between level of ability and challenge is achieved” – Wyeth, P., Queensland University of Technology
  • 11. Tangible User InterfacesTheory of Flow developed by Mihaly Csikszentmihalyi, Hungarian Psychology Professor
  • 12. Tangible User InterfacesTheory of Flow (Csikszentmihalyi)
  • 13. Tangible User InterfacesTheory of Flow (Csikszentmihalyi)
  • 14. Tangible User InterfacesNintendo Wii and the Theory of Optimal Experience or Theory of Flow
  • 15. Tangible User InterfacesTable Top InterfacesDirectly encourage concepts such as social interaction and collaboration or ludic interactionLudic derives from Latin ludus, “play” and means literally ‘playful’, and refers to any philosophy where play is the prime purpose of life and connotes anything that is “fun”. Play can be used to describe a wide variety of experiences but in essence can be defined best as “free movement within a more rigid structure”.Circular Tables eliminate head positions, leading voices, privileged points of view or controlReacTable
  • 16. Tangible User InterfacesReactableCircular table top interface for live group musical performanceUtilizes reacTIVisionReacTable
  • 17. Audio User InterfaceAudio Icons used to navigate the systemChong Xin’s interface using the PowerMate
  • 18. Augmented User InterfaceNearest TubeOne of the first augmented reality apps to go live on the iPhone
  • 19. Sound BeamNatural: Ultrasonic beam(s)Tangible: Foot controller(s)MIDI hardware and softwareUsed in the area of special needs education and group performanceSoundbeam Demo
  • 20. D-touch Drum MachineTangible User InterfaceSimple set up: web-cam recognizes defined imagesInterface is scalableD-touch
  • 21. Sixth SenseSeamless access to meta informationA wearable gestural interface that augments the physical world around us with digital information and lets us use natural hand gestures to interact with that informationDeveloped at MIT by PranavMistrySixth Sense Demo