History of HCI. Key people, events and ideas in HCI. Course Project introduction

Similar documents
History of Ubicomp. Page 1. Agenda. Why study history? Paradigms. Shwetak Patel. Review history of Ubicomp

History of Human Computer Interaction. History of HCI: Input/output devices

History. A (brief) history of interaction. Outline. Major paradigms of interaction. Visionaries who inspired advances

SENG 310: Human Computer Interaction. Lecture 2. The history of Human Computer Interaction

History of GUI. John Kelleher. PDF created with FinePrint pdffactory Pro trial version

The command line interface

Design of Graphical User Interfaces

UI Software Organization IAT351

GUI-Based Software Development. The Model/View/Controller Pattern

Computer Science Honours 2011

Lecture 11 HCI History

A Historical View of Computing

Copyright 2012 Pearson Education, Inc. Publishing as Prentice Hall


This tutorial has been intended for the users willing to take the human computer interactions as a next level of study in their career.

User Interface Design

Fundamentals of Python: First Programs. Chapter 1: Introduction Modifications by Mr. Dave Clausen

Multimedia Information Systems - Introduction

Fundamental Concepts and History

Chapter 1. The Big Picture

Does everyone use the same Paradigm?

CSE 510: Advanced Topics in HCI

Interfaces Homme-Machine

Human factors. (a brief introduction) comp march 2008 slides originally by daniel sandler

G64PMM - Lecture 4.1. What is Hypertext? Non-linearity! Hypertext I

Objectives. Object-Oriented Analysis and Design with the Unified Process 2

ICSY Integrated. Multimediale Visualisierungssysteme WS 2000/2001. Introduction. Communica. Systems. tion. Prof. Dr. Paul Müller

Computers in Engineering COMP 208. A Brief History. Mechanical Calculators. A Historic Perspective Michael A. Hawker

Computers in Engineering COMP 208

Second Generations Computers( )

Multimedia Systems WS 2011/2012

Part 1: Computer and Information Literacy

Chapter 6: Interfaces and interactions

Welcome to COSC Introduction to Computer Science

EVOLUTION OF COMPUTERS. In the early years, before the computer was invented, there are several inventions of counting machines.

Chapter 1: Introduction to Computers

Learning Objectives. In this chapter you will learn about:

Chapter 6: Interfaces and interactions

Chapter 1: Introduction to Computers. In this chapter you will learn about:

Chapter One. Introduction to Computer System. Definition Objectives Types according to their size Internet

Interaction Styles. Interaction. Type vs Style

HST250 (section 740) Exam #1 Wednesday, February 10, 2010

History, Hardware, OS Concepts

Describe the layers of a computer system

Systems Analysis and Design in a Changing World, Fourth Edition

Computer Science 1400: Part #4. Getting Here: The Personal Computer Revolution ( )

GUI Basics and Windowing Systems. Using X Windows as a case study

Lecture 6. Design (3) CENG 412-Human Factors in Engineering May

User Interaction and Product Design?

Chronological History of the Pre-Computer Developments

Why User Interface Design? What

Computer Science 1400: Part #4. Getting Here: The Personal Computer Revolution ( )

CSCA0201 FUNDAMENTALS OF COMPUTING. Chapter 6 Operating Systems

Interaction Styles. Interaction. Aim is to deepen understanding of the issues involved, and to provide guidance on interface design.

Elementary Computing CSC 100. M. Cheng, Computer Science

Solution 1967: A device that barely gets the job done and requires expert knowledge, patience, and plenty of time.

Interaction Style Categories. COSC 3461 User Interfaces. What is a Command-line Interface? Command-line Interfaces

History and Mission of IA

History of Interactive Computing Systems

You Will Need Floppy Disks for your labs!

Software Tools. Scott Klemmer Autumn 2009

Dr. Shuang LIANG. School of Software Engineering TongJi University

Lecture 12 2/19/04 13:43. Lecture 12. Operating Systems (S&G, 6.4) 2/19/04 CS Lecture Read S&G ch. 7, 7.1

HUMAN- COMPUTER INTERFACE DESIGN

Introduction To Computers. About the Course

Sketchpad. Plan for Today. Class 22: Graphical User Interfaces IBM 705 (1954) Computer as Clerk : Augmenting Human Intellect

Chapter 2 Operating-System Structures

1. Operating System Concepts

SSRVM Content Creation Template

The Rise of OOP: Part 1 [The Early Years] Dina Lamdany

LECTURE 5 COMPUTER PERIPHERALS INTERACTIONMODELS

NADAR SARASWATHI COLLEGE OF ENGINEERING & TECHNOLOGY

Introduction. (Thanks to Professions Andries van Dam and John Hughes) CMSC 635 January 15, 2013 Introduction # /16

Designing the User Interface

Computer Systems. Computer Systems. Wolfgang Schreiner Research Institute for Symbolic Computation (RISC-Linz) Johannes Kepler University

SAMPLE PAGES. Unit 12.1 Information and Communication Systems Topic 2: Networking. What is a network? Network node

Part 3. Operating Systems

Computer History CSCE 101

CS/MAS 115: COMPUTING FOR THE SOCIO-TECHNO WEB HISTORY OF THE WEB

INTRODUCTION. 2. User-centred interface design.

Today: CMPUT 301: Lecture 14 The Interaction

COURSE OVERVIEW. Introduction to Computer Engineering 2015 Spring by Euiseong Seo

A Brief History of Computer Science. David Greenstein Monta Vista High School, Cupertino, CA

UI Research. Vision Videos HCI and UI Research Topics. UI Research 1

CS 1 Notes 1 - Early Computing and 2 - Electronic Computing

CS415 Human Computer Interaction

A History of the GUI. Xerox PARC. By Jeremy Reimer Chapter 3, 4 and 5

Web Design and Development ACS-1809

Prototyping. Readings: Dix et al: Chapter 5.8 Marc Rettig: Prototyping for tiny fingers, Communications of the ACM, April 1994.

Chapter One. Computers in Context

Unit A: Computer and Internet Basics

Usability Principles. Concepts, Principles, Guidelines. Rules? Cookbooks?

Hybrid User Interfaces: Design Guidelines and Implementation Examples

A History of the GUI

Elementary Computing CSC 100. M. Cheng, Computer Science

The Interaction. Using Norman s model. Donald Norman s model of interaction. Human error - slips and mistakes. Seven stages

Birth of the World Wide Web

Fundamentals of Computer Processing

CPE/CSC 486: Human-Computer Interaction

Multimodal Presentation Markup Language MPML With Emotion Expression Functions Attached

Transcription:

History of HCI Key people, events and ideas in HCI Course Project introduction

Agenda ØReview HCI s history v Key people and events

History of HCI ØDigital computer grounded in ideas from 1700 s & 1800 s ØTechnology became available in the 1940 s and 1950 s ØThe user concept is relatively new

History of HCI Ø Mechanical Computers http://www.thocp.net Ø 1623 Schickard makes "Calculating Clock". 6-digit machine can add, subtract, bell indicates overflow. Ø 1674 Leibniz designs his "Stepped Reckoner Can multiply, with operands of up to 5 and 12 digits. User turns a crank for each unit in each digit Ø 1820 de Colmar makes "Arithmometer First mass-produced calculator. Does multiplication & division. It is also the most reliable calculator yet. Continue to be sold for about 90 years. Ø 1889 Felt invents the first printing desk calculator. Ø 1935 IBM introduces "IBM 601", punch card machine capable of 1 multiplication /second. 1500 are made. Ø 1945 Mauchly & Eckert "ENIAC for ballistics. 30 tons, 1000 ft 2 of floor, 140 kilowatts of electricity, 17,468 vacuum tubes Ø Enigma: German coding machine in WWII

Batch Processing ØComputer had one task, performed sequentially ØNo interaction between operator and computer after starting the run ØPunch cards, tapes for input ØSerial operations

Paradigm Shifter: Vannevar Bush Ø As We May Think - 1945 Atlantic Monthly publication has been extended far beyond our present ability to make real use of the record. Ø Postulated Memex device v Stores all records/articles/communications v Items retrieved by indexing, keywords, cross references (now called hyperlinks) v (Envisioned as microfilm, not computer) Ø Interactive and nonlinear components are key

Mid 1960 s ØTimesharing mode of computing v Computers too expensive for individuals timesharing increased accessibility v interactive systems, not jobs v text processing, editing v email, shared file system Need for HCI

Paradigm Shifter: J.R. Licklider Ø1960 - Postulated man-computer symbiosis ØCouple human brains and computing machines tightly to revolutionize information handling

Video Display Units ØMore suitable medium than paper ØSutherland s Sketchpad as landmark system ØComputers used for visualizing and manipulating data

Paradigm Shifter: Ivan Sutherland ØSketchPad - 63 PhD thesis at MIT v Hierarchy - pictures & subpictures v Master picture with instances (ie, OOP) v Constraints v Icons v Copying v Light pen for input v Recursive operations

Computers as Toolkits ØMultipurpose toolkits ØAbstracting out common tasks (tools) ØReusable elements ØAt the disposal of humans

Paradigm Shifter: Douglas Engelbart ØLandmark system/demo: v Mouse, windows v Hypertext v Multimedia v High-res display, v Shared files, CSCW, v Electronic messaging, teleconferencing,... ØInventor of mouse

Paradigm Shifter: Alan Kay Ø Personal Computing ØDynabook: Notebook sized computer loaded with multimedia and can store everything ØDesktop interface metaphor

Paradigm Shifter: Ted Nelson ØComputers can help people, not just business ØCoined term hypertext

Personal Computers Ø1974 IBM 5100 Ø1981 Datamaster Ø1981 IBM XT/AT v Text and command-based v Sold lots v Performed lots of tasks the general public wanted done v A good basic toolkit Ø1978 VisiCalc

Personal Computing ØSystem is more powerful if it s easier to use ØSmall, powerful machines dedicated to individual ØImportance of networks and time-sharing ØKay s Dynabook, IBM PC ØTime names The Computer Man of the Year, 1982 (http://www.time.com/time/special/moy/1982.html)

WIMP ØWindows, Icons, Menus, Pointers ØTimesharing=multiusers; now we need multitasking ØWIMP interface allows you to do several things simultaneously ØHas become the familiar GUI interface ØXerox Alto, Star; early Apples

PCs with GUIs ØXerox PARC - mid 1970 s ØAlto v local processor, bitmap display, mouse v Precursor to modern GUI, windows, menus, scrollbars v LAN - ethernet

Ø First commercial PC designed for business professionals v desktop metaphor, pointing, WYSIWYG, consistency and simplicity Ø First system based on usability v Paper prototyping and analysis v Usability testing & iterative refinement Ø Commercial flop v $15k cost v closed architecture v lacking key functionality (spreadsheet) Xerox Star - 81

Apple Lisa - 82 ØBased on ideas of Star ØMore personal rather than office tool v Still $$$ ØFailure (why?)

ØAggressive pricing - $2500 ØNot trailblazer, smart copier ØGood interface guidelines Ø3 rd party applications ØHigh quality graphics and laser printer Apple Macintosh - 84

Direct Manipulation Ø 82 Shneiderman describes appeal of graphically-based interaction v object visibility v incremental action and rapid feedback v reversibility encourages exploration v replace language with action v syntactic correctness of all actions ØWYSIWYG, Apple Mac

Metaphor ØRelating computing to real-world activity is effective learning mechanism v File management on office desktop v Financial analysis as spreadsheets ØThe dreaded dead metaphor v Examples?

Speech, Language? ØActions do not always speak louder than words ØInterface as mediator or agent ØLanguage paradigm ØHow good does it need to be? v Tricks, vocabulary, domains ØHow human do we want it to be? v (HAL, Bob, PaperClip, Siri, Alexa)

Multimodality ØMode is a human communication channel v Not just the senses e.g., speech and non-speech audio are two modes ØEmphasis on simultaneous use of multiple channels for I/O

Hypertext Ø Think of information not as linear flow but as interconnected nodes Ø Nelson s hypertext Ø Bush s MEMEX Ø Non-linear browsing Ø WWW 93 Ø Hypermedia

The Interconnected Web ØThe Network is the Computer e.g. seti@home

CSCW ØComputer-Supported Cooperative Work ØNo longer single user/single system ØMicro-social aspects are crucial ØE-mail as prominent success but other groupware still not widely used

Ubiquity ØPerson is no longer user of virtual device but occupant of virtual, computationally-rich environment ØCan no longer neglect macro-social aspects ØLate 90s - PDAs, VEs,... Ø2000 s - mobile phones, smartphones ØNow? Social impacts: police, travel, protest, concerts, sports

Upcoming ØTeam Science ØFrameworks of HCI and Design ØUser Centered Design Process ØUsability Principles ØWIKI ØProject teams and ideas