Human Computer Interaction

HCI Then & Now

Analytical Engine

Charles Babbage -

1837

Punched Cards (1950)

• According to IBM punched card became

the basic I/O methodology for computers.

• 18th century used for textile looms.

• 19th century used for enter data in to

tabulate machine.

.

Light Pen (1951)

• A device that senses the change of the

brightness of the screen.

• Whirlwind was the first computer, which

used this revolutionary new device

.

Command Line Interface

• Teletype keyboard help to input the

command through the command line.

• Later cathode ray tube use to display the

commands.

Computer Mouse (1963)

• First mouse was developed in 1963. Only

one button with wooden block.

• 1972 mouse developed with two roller

wheals with metal balls.

• 1980 made the special mouse pads and

utilize sensors to detect light and dark.

Before 1960

• There was no focus on HCI

• Focus was on computations rather than

presenting it attractively.

• Graphical and gestural user interfaces

(Sutherland 1963),

• Synchronous collaboration through direct

pointing and shared windows (Engelbart

and English 1968)

Apple Lisa (1983)

First Personal Computer with

GUI

Multi touch (1984)

• First transparent multi touch screen

overlay was build on 1984.

• Surface of voltage applied across it and

touch sensors laid above the CRT display

Factors led to HCI development after 1980s

1. Prototyping and Iterative Development

2. Software Psychology and Human Factors

3. New User Interface Software

4. Models, Theories, and Frameworks

UI to UX

User Experience

The modern HCI principles

Methodologies of HCI Design

• Activity Theory

• User Centered Design

• Principles of UI design

• Value sensitive design (VSD)

Responsive Web designs

• Responsive web design (RWD) is an

approach to web design aimed at crafting

sites to provide an optimal viewing

experience—easy reading and navigation

with a minimum of resizing, panning, and

scrolling—across a wide range of devices

Gesture Recognition

• Gesture recognition involves determining the

movement of a user’s fingers, hands, arms, head

or body in three dimensions through the use of a

camera; or via a device with embedded sensors

that may be worn, held or body-mounted.

• The primary application for gestural interfaces at

present is in the gaming and home

• entertainment market.

• potential of hands-free control of devices

• Ability for several people to interact with large

datasets.

Kinect Technology

• Kinect is a line of motion sensing input

devices by Microsoft

• Came with Xbox 360 and Xbox One video

game consoles and Windows PCs.

• Based around a webcam-style add-on

peripheral, it enables users to control and

interact with their console/computer

without the need for a game controller,

through a natural user interface using

gestures and spoken commands

Multi touch Devices

• Provides a realistic User Experience

• Became popular with handheld devices

• Still have some drawbacks when adopting

for critical systems.

Intelligent Personal Assistants

• Siri by Apple Inc.

• Cortana by Microsoft

• Speech recognition

• Natural language processing

• Knowledge management

Virtual Reality

Microsoft developing VR

applications

Virtual Reality

• Virtual Reality sometimes referred to as

immersive multimedia, is a computer-

simulated environment that can simulate

physical presence in places in the real

world or imagined worlds. Virtual reality

can recreate sensory experiences, which

include virtual taste, sight, smell, sound &

touch

Devices Used in a VR system

• Head Mounted Displays

• Head Trackers

• Motion Trackers

• Data Gloves

• 3D Controllers

• Haptic Devices

• Stereoscopic 3D Displays

• VR Domes.

Advantages of VR

• Real life simulations

• Cost effective

• Safe environments

• More practical than a theoretical lesson

• Real life situations

Disadvantages of VR

• Cost

• Uncomfortable devices

• Communication problems

Augmented Reality

Volkswagen MARTA

Augmented Reality

• Augmented reality (AR) is a live direct or

indirect view of a physical, real-world

environment whose elements are

augmented (or supplemented) by

computer-generated sensory input such as

sound, video, graphics or GPS data.

Advantages of AR

• Mobility

• Wear ability

• Hands free

• Multi model (google Glass)

Augmented Reality Demo

Thank you

Haritha Thilakarathne | Hashan Hikkaduwa

Shehan Chathuranga | Manoj Vidanage

Anjalee Ekanayake | MF Shafra