2/6/20021 History of HCI. 2/6/20022 Outline Review Computing in 1945 Vannevar Bush & As We May Think Administrivia Computing in the 1960s Doug Engelbart.

Slides:



Advertisements
Similar presentations
A graphical user interface (GUI) is a human-computer interface (i.e., a way for humans to interact with computers) that uses windows, icons and menus.
Advertisements

A long time ago, in a galaxy far, far away…. 1-1.
Prof. James A. Landay University of Washington Autumn 2006 Early Visions of HCI.
CSE 301 History of Computing Analog Computing. Analog Computers Instead of computing with numbers, one builds a physical model (an analog) of the system.
1 HCI History – Part 1 of 2 Key people, events, ideas and paradigm shifts This material has been developed by Georgia Tech HCI faculty, and continues to.
1 HCI History Key people, events, ideas and paradigm shifts This material has been developed by Georgia Tech HCI faculty, and continues to evolve. Contributors.
1 HCI History Key people, events, ideas and paradigm shifts This material has been developed by Georgia Tech HCI faculty, and continues to evolve. Contributors.
1 HCI History Key people, events, ideas and paradigm shifts This material has been developed by Georgia Tech HCI faculty, and continues to evolve. Contributors.
1 HCI History Key people, events, ideas and paradigm shifts This material has been developed by Georgia Tech HCI faculty, and continues to evolve. Contributors.
1 HCI History Key people, events, ideas and paradigm shifts This material has been developed by Georgia Tech HCI faculty, and continues to evolve. Contributors.
Psychology 384 Human Factors Laboratory History and Foundations of Human Factors.
CS 197 Computers in Society History of Computing.
Chapter Chapter Goals Describe the layers of a computer system Describe the concept of abstraction and its relationship to computing Describe.
Introducing HTML Skills: none IT concepts: markup, HTML tag, presentation vs content, HTTP protocol, historical context This work is licensed under a Creative.
7M701 1 User Interface Design Sommerville, Ian (2001) Software Engineering, 6 th edition: Chapter 15
Grand Challenges Robert Moorhead Mississippi State University Mississippi State, MS 39762
Why study HCI’s history?
RAND’s vision (1954) From ImageShack web site // ; original source unknown.
CS 104 Introduction to Computer Science and Graphics Problems History of Computer 09/05/2008 Yang Song (Prepared by Yang Song and Suresh Solaimuthu)
Douglas Engelbart The inventor of computer mouse Shiyu Ji Shiyu Ji COMP 1631 COMP 1631 Winter 2011 Winter 2011.
An Introduction to - Computer Numerical Control. Introduction CNC: Computer Numerical Control Production of machined parts whose production is controlled.
Chapter 1 The Big Picture Chapter Goals Describe the layers of a computer system Describe the concept of abstraction and its relationship to computing.
Sofia Carlander Kinoshita Laboratory 2004/2005
Chapter 01 Nell Dale & John Lewis.
1 440 Midterm Review Midterm in-class Tuesday, Nov 6.
The WWW and HTML CMPT 281. Outline Hypertext The Internet The World-Wide-Web How the WWW works Web pages Markup HTML.
Human-Centered Design.  Users’ tasks and goals are the driving force behind development  Users are consulted throughout development  All design decisions.
History of Computing The abacus is a calculating machine used for centuries Pascal invented an adding machine in 1673 (for taxes!)
Early Visions of HCI. 2 Hall of Fame or Shame? PointCast “Personalize Channels” dialog.
STIM Sloan-Stanford Network for the History of Technology.
ACS 367 Interface Design Introduction & Text Overview Galitz, Wilbert O. The Essential Guide to User Interface Design.
Chapter 1 The Big Picture.
Human-Computer Interaction IS/HCC 760 Fall 2011 Shaun Kane.
Chapter 4 paradigms. why study paradigms Concerns –how can an interactive system be developed to ensure its usability? –how can the usability of an interactive.
History of the computer and the internet. Marie(: Fifth.
Decades Presentation 1960’s BY: AMY, JUSTIN, JAKE.
History of HCI. Objectives By the end of the class, you will be able to… –Describe major milestones in the history of HCI and explain their impact in.
Chapter 4 Paradigms (additional materials). Beginnings – Computing in 1945 Harvard Mark I –Picture from
Paradigms Material from Authors of Human Computer Interaction Alan Dix, et al.
ACS 367 Interface Design History. Brief History n Early research –SRI in 1960s »The very system that I am using to access this information has its intellectual.
Skills: none Concepts: pre Internet tools, key contributions to the development of the Internet, stages of invention (vision, engineering prototype, product,
Directions for Hypertext Research: Exploring the Design Space for Interactive Scholarly Communication John J. Leggett & Frank M. Shipman Department of.
Chapter 1 The Big Picture Chapter Goals Describe the layers of a computer system Describe the concept of abstraction and its relationship to computing.
HCI Course: Intro & History Stephen Gilbert Jun 20, 2014 SPIRE-EIT.
HYPERTEXT and HYPERMEDIA By Steven Geist and Larnic Ransom.
Introduction to Windows 10 Windsor Senior Computer Users Group October 12, 2015.
Uses of computer !! By Ellie Blackwell. How to use a computer ? Keyboard computer screen Mouse Cd rom Computer base On and off button.
1800s Industrial revolution Boolean logic Punch cards – these are mechanical devices utube.com/watc h?v=7E9G9QATI Gg utube.com/watc.
Discussion Questions What defines a computer: What is the simplest definition of a computer you can come up with? What defines a modern computer? What.
Introduction to Web Session 01 Subject: L0182 / Web & Animation Design Year: 2009.
More New Media Information Technology and Social Life Feb. 4, 2005.
Prof. James A. Landay University of Washington Autumn 2007 Early Visions of HCI.
Stanford hci group / cs376 u Jeffrey Heer · 19 May 2009 Speech & Multimodal Interfaces.
Introduction to Human Factors in Information Systems Dr. Cindy Corritore Creighton University ITM 734 Fall 2005.
SE 431 Human Computer Interactions Jamal Nasir. How to design & build good UIs UI Development process Usability goals User-centered design Design discovery.
What are Paradigms Predominant theoretical frameworks or scientific world views –e.g., Aristotelian, Newtonian, Einsteinian (relativistic) paradigms in.
Augmenting Understanding: 2 Digital Innovators LCC 2700: Intro to Computational Media Fall 2005 Ian Bogost.
4. History of Computing Technology
Chapter 6 : User interface design
Introduction to Computers
Midterm in-class Tuesday, Nov 6
Early Visions of HCI.
INTERACTION PARADIGMS
Computer Technology Notes #3
LCC 2700: Intro to Computational Media
Paradigms (additional materials)
Computer Applications
CSE310 Human-Computer Interaction
Computer Basics Applications.
Paradigms (additional materials)
Presentation transcript:

2/6/20021 History of HCI

2/6/20022 Outline Review Computing in 1945 Vannevar Bush & As We May Think Administrivia Computing in the 1960s Doug Engelbart & Augmenting Intellect

2/6/20023 Review Conceptual models? mental representation of how the object works & how interface controls effect it Design Model should equal Customer Model? mismatches lead to errors know the customer’s likely conceptual model Design guides? make things visible map interface controls to customer’s model provide feedback

2/6/20024 Context - Computing in 1945 Harvard Mark I Picture from 55 feet long, 8 feet high, 5 tons

2/6/20025 Context - Computing in 1945 Ballistics calculations Physical switches (before microprocessor) Paper tape Simple arithmetic & fixed calculations (before programs) 3 seconds to multiply Picture from

2/6/20026 Context - Computing in 1945 First computer bug (Harvard Mark II) Adm. Grace Murray Hopper

2/6/20027 A Little About Vannevar Bush Name rhymes with "Beaver" Faculty member MIT Coordinated WWII effort with 6000 US scientists Social contract for science federal government funds universities universities do basic research research helps economy & national defense

2/6/20028 As We May Think Published in the Atlantic Monthly in 1945! Futuristic inventions / trends Wearable cameras for photographic records Encyclopedia Brittanica for a nickel Automatic transcripts of speech Memex Trails of discovery Direct capture of nerve impulses Which was your favorite? Which do you want (or don't want)?

2/6/20029 As We May Think Picture from

2/6/ As We May Think Very optimistic about future Technology could help society Technology could manage flood of info He was one of the most informed people of his time Look at trends, guess where we're going What was he right about? Wrong about?

2/6/ As We May Think Have come true Increased specialization Flood of information Faster / Cheaper / Smaller / More reliable He missed or we are still waiting Microphotography? Digital technologies? Non-science / Non-office apps? Memex?

2/6/ As We May Think Not so much predicting future as "inventing it" by publishing article hypertext wearable memory aid Use technology to augment human intellectual abilities New kinds of technology lead to new kinds of human/machine & human/human interaction Be aware that science/engineering can impact society

2/6/ As We May Think Computers weren't always like this… Computers don't have to be like this!

2/6/ Context - Computing in 1960s Transistor (1948) ARPA (1958) Timesharing (1950s) Terminals and keyboards Computers still primarily for scientists and engineers Vacuum Tube

2/6/ About Doug Engelbart Graduate of Berkeley (EE '55) "bi-stable gaseous plasma digital devices" Stanford Research Institute (SRI) Augmentation Research Center 1962 Paper "Conceptual Model for Augmenting Human Intellect" Complexity of problems increasing Need better ways of solving problems Picture of Engelbart from bootstrap.org

2/6/ Augmenting Human Intellect 1968 Fall Joint Computer Conference (SF) Video of NLS (oNLine System) All this took place before Unix and C (1970s) ARPAnet (1969) & later Internet

2/6/ Augmenting Human Intellect Advantages of chorded keyboards? Disadvantages?

2/6/ Augmenting Human Intellect At SRI in the 1960s we did some experimenting with a foot mouse. I found that it was workable, but my control wasn't very fine and my leg tended to cramp from the unusual posture and task.

2/6/ Augmenting Human Intellect

2/6/ Tangent: Noun-Verb vs Verb-Noun Alan Kay said that Noun-Verb is empirically better Example of Noun-Verb select text with mouse and then bold Example of Verb-Noun select bold and then select text Ideas as to why Noun-Verb is better?

2/6/ Tangent: Noun-Verb vs Verb-Noun Verb-Noun sets up modes example of mode is drive / reverse in cars requires an escape from mode if you change your mind easy to make an error if you forget mode

2/6/ Augmenting Human Intellect So what did we just see? In terms of devices, interactions, and apps

2/6/ Augmenting Human Intellect First mouse First hypertext First word processing First 2D editing and windows First document version control zFirst groupware (shared screen teleconferencing) zFirst context- sensitive help zFirst distributed client-server zMany, many more!

2/6/ Augmentation not Automation "I tell people: look, you can spend all you want on building smart agents and smart tools…" "I'd bet that if you then give those to twenty people with no special training, and if you let me take twenty people and really condition and train them especially to learn how to harness the tools…" "The people with the training will always outdo the people for whom the computers were supposed to do the work."

2/6/ Augmenting Human Intellect Example: Roman Numerals vs Arabic What is XCI + III? Now what is XCI x III? What is 91 * 3? New kinds of artifacts, languages, methodologies, and training can enable us to do things we couldn't before or simplify what we already do

2/6/ Tricycles & Bicycles: Specialized Tools TricyclesVersus Bicycles

2/6/ Where is Engelbart now? Bootstrap.org Office in a Logitech building "[B]oosting any organization's ability to successfully address problems that are complex and urgent" "[I]mproving society's collective IQ" Bootstrapping society to improve how we improve