1 / 16

Human Computer Interaction (HCI)

Human Computer Interaction (HCI). Zahrul Nizam Bin Zainul Rizam Muhammad Fakhrul Syazwan Bin Kamaruddin Myra Atiqa Binti Mohd Hisham. HCI Definition.

Download Presentation

Human Computer Interaction (HCI)

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. Human Computer Interaction (HCI) Zahrul Nizam Bin Zainul Rizam Muhammad Fakhrul Syazwan Bin Kamaruddin Myra Atiqa Binti Mohd Hisham

  2. HCI Definition • A field of study that deals in quantitative analysis of the ease of use of the UI (how long does it take for the user to perform this task, how many errors did the user make in performing this task, how long did it take the user to reach that element, how long did the user take to make a decision etc.)

  3. Difference between The Terms “User Interface (UI)” and Human Computer Interaction (HCI)” • UI - Everything designed into an information device with which a human being may interact. • UI which include display screen, keyboard, mouse, light pen, the appearance of a desktop, illuminated characters, help messages, and how an application program invites interaction and responds to it is a product or output for the research and analysis done in field study of HCI

  4. Why HCI is important ? • Fundamental to making products more successful, safe, useful, functional and, in the long run, more pleasurable for the user. -Daily Life -Untrained users • It is not just ‘how big should I make buttons’ or ‘how to layout menu choices’

  5. HCI EVOLUTION • Electronic Numerical Integrator and Computer (ENIAC 1946) • Invented by J. Presper Eckert and John Mauchly to calculate artillery firing tables for the US Army Ballistic Research laboratory. • Input was possible from IBM card reader. • IBM card punch was used from output.

  6. HCI EVOLUTION • Command Line Interface (1960s) • A way for humans to interact with computer that relies on textual input and output. • Teletype keyboards were used to allow users to input their commands. • Usually one text at a time. • Cathode Ray Tubes (CRT) were used as display devices.

  7. HCI EVOLUTION Teletype

  8. HCI EVOLUTION • Light Pen (1951) • Created by Robert R. Everett which were used to hone in on suspicious blips on the CRT in the US air defense system. • Light pens sense light in CRT screen and causes computer interrupt to occur.

  9. HCI EVOLUTION • Mouse (1963) • Invented by Douglas Engelbart. • Early models is made out of wood, has a chord attached to the rear of the device, a circuit board and two wheels. • 8 years later, Bill English improved the design by inventing “ball mouse” replacing the two wheels.

  10. HCI EVOLUTION Evolution of the mouse

  11. HCI EVOLUTION • Graphical User Interface (1980s) • Researchers at Stanford Research institute developed the uses of text-based hyperlinks manipulated with a mouse. • Xerox Star 8010 was the first commercial computer system to come with a mouse, a bit-mapped, window-based GUI featuring icons and folders.

  12. HCI EVOLUTION Xerox Star 8010

  13. HCI EVOLUTION • Multitouch(1984) • First transparent multitouch was invented by Bob Boie at Bell Labs. • The device used a conductive surface with voltage applied and array of touch sensors laid on top of a CRT display.

  14. HCI EVOLUTION • Hypertext • Invented by Ted Nelson. • In 1980s, Tim Berners-Lee created an early hypertext database system somewhat like a wiki. • University of Vermont’s PROMIS (1976) was the first hypertext released to user community. It was used to link patients and patient care information at the university’s medical center.

  15. HCI EVOLUTION • Natural User Interface (2000s) • NUI, senses the user’s body movements and voice commands rather than the use of input devices. • Microsoft introduced Project Natal (now named Kinect, 2009). Kinect controls the X-Box 360 video game system.

  16. HCI EVOLUTION NUI evolution

More Related