170 likes | 261 Views
Human Computer Interaction (HCI). Zahrul Nizam Bin Zainul Rizam Muhammad Fakhrul Syazwan Bin Kamaruddin Myra Atiqa Binti Mohd Hisham. HCI Definition.
E N D
Human Computer Interaction (HCI) Zahrul Nizam Bin Zainul Rizam Muhammad Fakhrul Syazwan Bin Kamaruddin Myra Atiqa Binti Mohd Hisham
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.)
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
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’
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.
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.
HCI EVOLUTION Teletype
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.
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.
HCI EVOLUTION Evolution of the mouse
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.
HCI EVOLUTION Xerox Star 8010
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.
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.
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.
HCI EVOLUTION NUI evolution