1

HCI HCI

TodayToday Talk about HCI Success StoriesTalk about HCI Success Stories Talk about Norman’s PaperTalk about Norman’s Paper Start talking about The humanStart talking about The human

2

3

4

HCI Success StoriesHCI Success Stories Hypertext (Idea-45, Naming-65, First Implementation-Hypertext (Idea-45, Naming-65, First Implementation-

83, Transforming our society-90’s)83, Transforming our society-90’s) Video Games, Word Processing (62)Video Games, Word Processing (62) Interactive Graphics (63) Interactive Graphics (63) Direct Manipulation (Concept-63, Naming-82) Direct Manipulation (Concept-63, Naming-82) Mouse (65)Mouse (65) Windows (SRI/MIT-68, Xerox Star-81, Apple-82, WinXP-Windows (SRI/MIT-68, Xerox Star-81, Apple-82, WinXP-

02)02) Icons (1975)Icons (1975) Spreadsheets (1977)Spreadsheets (1977) Menus (70’s)Menus (70’s) WIMP & WYSIWIG (70’s)WIMP & WYSIWIG (70’s) Email (70’s) Email (70’s)

5

Direct ManipulationDirect Manipulation

First implemented in the 60’s by First implemented in the 60’s by Ivan Sutherland in his SketchpadIvan Sutherland in his Sketchpad

Research systems in 1982: Xerox Research systems in 1982: Xerox StarStar

Commercialized in 1984: AppleCommercialized in 1984: Apple The notion of WYSIWIG The notion of WYSIWIG Described as a paradigm by Described as a paradigm by

Shneiderman in 1982Shneiderman in 1982

6

Direct Manipulation Direct Manipulation PropertiesProperties

interface makes the system and its objects visible interface makes the system and its objects visible and provides accessand provides access

to the user, the interface to the user, the interface becomesbecomes the system the system incremental actionincremental action continuous, visual and continuous, visual and automaticautomatic feedback feedback reversibilityreversibility guaranteed syntactic correctness of commandsguaranteed syntactic correctness of commands replace language with actionreplace language with action the blurring of I/O: icons & widgets provide boththe blurring of I/O: icons & widgets provide both less flexibility; more usabilityless flexibility; more usability future: intelligent interface agentsfuture: intelligent interface agents

7

HCI Success StoriesHCI Success Stories

LessonsLessons Most have roots in academic research Most have roots in academic research

conducted at universities or corporate conducted at universities or corporate research labsresearch labs

Many advances have fundamentally Many advances have fundamentally changed the way we do things – e.g. changed the way we do things – e.g. word processingword processing

The lag from conception to commercial The lag from conception to commercial success and to having an impact in our success and to having an impact in our everyday lives is 20-40 years!everyday lives is 20-40 years!

8

HCI FutureHCI Future Natural multimodal communicationNatural multimodal communication

handwriting recognition, gesture recognition, vision-handwriting recognition, gesture recognition, vision-based interfaces, natural language understandingbased interfaces, natural language understanding

Intelligent agentsIntelligent agents Universal accessUniversal access Anytime/anywhere learningAnytime/anywhere learning E-commerceE-commerce Computer-mediated communicationComputer-mediated communication Ubiquitous or pervasive computingUbiquitous or pervasive computing 3D immersive/augmented virtual reality interfaces3D immersive/augmented virtual reality interfaces PersonalizationPersonalization

9

NextNext We are going to look at:We are going to look at:

People psychology People psychology Perception, cognition, learning, reasoning, memory…Perception, cognition, learning, reasoning, memory…

Computer technologyComputer technology Input & output devicesInput & output devices Physical aspects: hardware, form, etc.Physical aspects: hardware, form, etc. Programming aspects: user interfaces, toolkits,...Programming aspects: user interfaces, toolkits,...

The interplay between the twoThe interplay between the two Communication: the flow of information, the control loop Communication: the flow of information, the control loop Styles and techniques of interaction: batch, command, Styles and techniques of interaction: batch, command,

GUI...GUI... Models and theories of interactionModels and theories of interaction Design of interaction: processes, representations, etc.Design of interaction: processes, representations, etc.

10

HCI FutureHCI Future

Vannevar BushVannevar Bush