Your SlideShare is downloading. ×

Various User Interfaces


Published on

Presentation of various types of user interfaces.

Presentation of various types of user interfaces.

Published in: Design, Technology

  • Be the first to comment

  • Be the first to like this

No Downloads
Total Views
On Slideshare
From Embeds
Number of Embeds
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

No notes for slide


  • 1. Various User Interfaces
  • 2. History
    1952 – First Light pen (Whirlwind, MIT)
    1963 – Ivan Sutherland: Sketchpad Sketchpad Demo
    1963 - Douglas Engelbart receives a patent on the mouse pointing device for computers
    1968 – Engelbart demonstrates his system of keyboard, keypad, mouse, and windows Engelbart Mouse Demo
    1974 – Overlapping windows: Smalltalk
    1975 – David Canfield Smith: Icons
  • 3. GUI
    1984 – Apple Macintosh: First totally Graphical User Interface
  • 4. The Metaphor
    Assigning 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. GUI
    Don't Click – “clickless” user interface
    Tone Matrix – digital representation of a tangible object
  • 6. Natural User Interfaces
    CLI > GUI > NUI
    Natural movements, motions and gestures
    Manipulate or control on-screen content
    Direct feedback
    Multiple object manipulation
    Multiple user interaction
    No tool switching
  • 7. Natural User Interfaces
    How do we actually perform tasks?
    Bill Buxton
    MemTable – NUI in practice
    Kinect FAIL
    Another Kinect FAIL
  • 8. Tangible User Interface
    A user interface in which a person interacts with digital information through the physical environment
  • 9. Tangible User Interfaces
  • 10. Tangible User Interfaces
    Nintendo 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 Interfaces
    Theory of Flow developed by Mihaly Csikszentmihalyi, Hungarian Psychology Professor
  • 12. Tangible User Interfaces
    Theory of Flow (Csikszentmihalyi)
  • 13. Tangible User Interfaces
    Theory of Flow (Csikszentmihalyi)
  • 14. Tangible User Interfaces
    Nintendo Wii and the Theory of Optimal Experience or Theory of Flow
  • 15. Tangible User Interfaces
    Table Top Interfaces
    Directly encourage concepts such as social interaction and collaboration or ludic interaction
    Ludic 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 control
  • 16. Tangible User Interfaces
    Circular table top interface for live group musical performance
    Utilizes reacTIVision
  • 17. Audio User Interface
    Audio Icons used to navigate the system
    Chong Xin’s interface using the PowerMate
  • 18. Augmented User Interface
    Nearest Tube
    One of the first augmented reality apps to go live on the iPhone
  • 19. Sound Beam
    Natural: Ultrasonic beam(s)
    Tangible: Foot controller(s)
    MIDI hardware and software
    Used in the area of special needs education and group performance
    Soundbeam Demo
  • 20. D-touch Drum Machine
    Tangible User Interface
    Simple set up: web-cam recognizes defined images
    Interface is scalable
  • 21. Sixth Sense
    Seamless access to meta information
    A wearable gestural interface that augments the physical world around us with digital information and lets us use natural hand gestures to interact with that information
    Developed at MIT by PranavMistry
    Sixth Sense Demo