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

Size: px
Start display at page:

Download "History of Ubicomp. Page 1. Agenda. Why study history? Paradigms. Shwetak Patel. Review history of Ubicomp"

Transcription

1 CSE 599U Advanced Topics in Ubicomp History of Ubicomp Shwetak Patel Computer Science & Engineering Electrical Engineering Agenda Review history of Ubicomp Review the history of Human-Computer Interaction (HCI) Key people and events Series of paradigm shifts Shwetak N. Patel - CSE 599U - Advanced Topics in Ubicomp 2 Why study history? Understanding where you ve come from can help a lot in figuring out where you re going g (trajectory) Knowledge of an area implies an appreciation of its history Those who don t know history are doomed to repeat it Paradigms Predominant theoretical frameworks or scientific world views e.g., Aristotelian, Newtonian, Einsteinian (relativistic) paradigms in physics Understanding HCI history is largely about understanding a series of paradigm shifts Shwetak N. Patel - CSE 599U - Advanced Topics in Ubicomp 3 Shwetak N. Patel - CSE 599U - Advanced Topics in Ubicomp 4 Page 1

2 History of HCI The Plateau Digital computer grounded in ideas from 1700 s & 1800 s Technology became available in the 1940 s and 1950 s User Produ uctivity Batch 1940s 1950s Command Line Time WIMP (Windows) 1960s 1970s 1980s - Present?? Shwetak N. Patel - CSE 599U - Advanced Topics in Ubicomp 5 Shwetak N. Patel - CSE 599U - Advanced Topics in Ubicomp 6 Paradigm: Batch Processing Innovator: Vannevar Bush Computer had one task, performed sequentially No interaction between operator and computer after starting the run Punch cards, tapes for input Serial operations As We May Think Atlantic Monthly publication has been extended far beyond our present ability to make real use of the record. Postulated Memex device Stores all records/articles/communications Items retrieved by indexing, keywords, cross references (now called hyperlinks) (Envisioned as microfilm, not computer) Interactive and nonlinear components are key hf.htm Shwetak N. Patel - CSE 599U - Advanced Topics in Ubicomp 7 Shwetak N. Patel - CSE 599U - Advanced Topics in Ubicomp 8 Page 2

3 Innovator: J. R. Licklider Innovator: Ivan Sutherland Postulated man-computer symbiosis Couple human brains and computing machines tightly to revolutionize information handling SketchPad PhD thesis at MIT Hierarchy - pictures & subpictures Master picture with instances (ie, OOP) Icons Copying Light pen as input device Recursive operations Shwetak N. Patel - CSE 599U - Advanced Topics in Ubicomp 9 Shwetak N. Patel - CSE 599U - Advanced Topics in Ubicomp 10 Paradigm: Video Display Units Innovator: Douglas Englebart More suitable medium than paper Sutherland s Sketchpad as landmark system Computers used for visualizing and manipulating data Landmark system/demo: hierarchical hypertext, multimedia, high-res display, windows, shared files, electronic messaging, teleconferencing,... Inventor of the mouse Shwetak N. Patel - CSE 599U - Advanced Topics in Ubicomp 11 Shwetak N. Patel - CSE 599U - Advanced Topics in Ubicomp 12 Page 3

4 Innovator: Alan Kay Dynabook - Notebook sized computer loaded with multimedia and can store everything Personal computing Desktop interface Overlapping windows Shwetak N. Patel - CSE 599U - Advanced Topics in Ubicomp 13 Paradigm: Personal Computer System is more powerful if it s easier to use Small, powerful machine dedicated to individual Importance of networks and time-sharing Kay s Dynabook, IBM PC Shwetak N. Patel - CSE 599U - Advanced Topics in Ubicomp 14 Personal Computers 1974 IBM Databaster 1981 IBM XT/AT Text and command-based Sold lots Performed lots of tasks the general public wanted done A good basic toolkit 1978 VisiCalc Paradigm: WIMP / GUI Windows, Icons, Menus, Pointers Graphical User Interface Timesharing=multi-user; now we need multitasking WIMP interface allows you to do several things simultaneously Has become the familiar GUI interface Shwetak N. Patel - CSE 599U - Advanced Topics in Ubicomp 15 Xerox Alto, Star; early Apples Shwetak N. Patel - CSE 599U - Advanced Topics in Ubicomp 16 Page 4

5 PCs with GUIs Xerox Star Xerox PARC - mid 1970 s Alto local processor, bitmap display, mouse Precursor to modern GUI, windows, menus, scrollbars LAN - Ethernet First commercial PC designed for business professionals desktop metaphor, pointing, WYSIWYG, high degree of consistency and simplicity First system based on usability engineering Paper prototyping and analysis Usability testing and iterative refinement Shwetak N. Patel - CSE 599U - Advanced Topics in Ubicomp 17 Shwetak N. Patel - CSE 599U - Advanced Topics in Ubicomp 18 Xerox Star Apple Lisa Commercial flop Based on ideas of Star $15k cost closed architecture lacking key functionality (spreadsheet) More personal rather than office tool Still $$$ Failure Shwetak N. Patel - CSE 599U - Advanced Topics in Ubicomp 19 Shwetak N. Patel - CSE 599U - Advanced Topics in Ubicomp 20 Page 5

6 Apple Macintosh Aggressive pricing - $2500 Good interface guidelines 3 rd party applications High quality graphics and laser printer Innovator: Ben Shneiderman Coins and explores notion of direct manipulation of interface Long-time Director of HCI Lab at Maryland Shwetak N. Patel - CSE 599U - Advanced Topics in Ubicomp 21 Shwetak N. Patel - CSE 599U - Advanced Topics in Ubicomp 22 Paradigm: Direct Manipulation 82 Shneiderman describes appeal of graphically-based interaction object visibility incremental action and rapid feedback reversibility encourages exploration replace language with action WYSIWYG, Apple Mac Paradigm: Metaphor All use is problem-solving or learning to some extent Relating computing to real-world activity is effective learning mechanism File management on office desktop Financial analysis as spreadsheets Recycling bin The tension between literalism & magic Shwetak N. Patel - CSE 599U - Advanced Topics in Ubicomp 23 Shwetak N. Patel - CSE 599U - Advanced Topics in Ubicomp 24 Page 6

7 Innovator: Ted Nelson Paradigm: Hypertext Computers can help people, not just business Coined term hypertext Think of information not as linear flow but as interconnected nodes Bush s MEMEX, Nelson s hypertext Non-linear browsing structure WWW 93 Hypermedia Shwetak N. Patel - CSE 599U - Advanced Topics in Ubicomp 25 Shwetak N. Patel - CSE 599U - Advanced Topics in Ubicomp 26 The WIMP Plateau Paradigm: Multi-modality User Produ uctivity Batch 1940s 1950s Command Line WIMP (Windows) 1960s 1970s 1980s - Present?? Mode is a human communication channel Not just the senses e.g. speech and non-speech audio are two modes Emphasis on simultaneous use of multiple channels for I/O Time Shwetak N. Patel - CSE 599U - Advanced Topics in Ubicomp 27 Shwetak N. Patel - CSE 599U - Advanced Topics in Ubicomp 28 Page 7

8 Paradigm: Speech / Agents Actions do not always speak louder than words Interface as mediator or agent Language paradigm How good does it need to be? Tricks, vocabulary, domains How human do we want it to be? (HAL, Bob, PaperClip) Innovator: Mark Weiser Introduced notion of calm technology It s everywhere, but recedes quietly into background CTO of Xerox PARC Shwetak N. Patel - CSE 599U - Advanced Topics in Ubicomp 29 Shwetak N. Patel - CSE 599U - Advanced Topics in Ubicomp 30 Paradigm: Ubiquitous Computing Person is no longer user of single device but occupant of computationally-rich environment Can no longer neglect macro-social aspects Desktops, laptops, PDAs, cell phones, 3D Interaction Six degree-of-freedom input Draw on spatial memory, kinesthesis, two- handed interaction Shwetak N. Patel - CSE 599U - Advanced Topics in Ubicomp 31 Shwetak N. Patel - CSE 599U - Advanced Topics in Ubicomp 32 Page 8

9 Mobile Computing Questions? Devices used in a variety of contexts Employ sensors to understand how user is working with devices Shwetak N. Patel - CSE 599U - Advanced Topics in Ubicomp 33 Shwetak N. Patel - CSE 599U - Advanced Topics in Ubicomp 34 Page 9

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

History of HCI. Key people, events and ideas in HCI. Course Project introduction 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

More information

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

History of Human Computer Interaction. History of HCI: Input/output devices History of Human Computer Interaction Where did HCI innovations and philosophy come from? Who were the major personalities? What were the important systems? How did ideas move from the laboratory to the

More information

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

SENG 310: Human Computer Interaction. Lecture 2. The history of Human Computer Interaction SENG 310: Human Computer Interaction Lecture 2. The history of Human Computer Interaction Highlights from the last course Human Computer Interaction is a usability engineering process Design, implementation,

More information

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

History. A (brief) history of interaction. Outline. Major paradigms of interaction. Visionaries who inspired advances History A (brief) history of interaction Outline Major paradigms of interaction - Batch interfaces - Conversational interfaces - Graphical interfaces Visionaries who inspired advances - Vannevar Bush -

More information

Design of Graphical User Interfaces

Design of Graphical User Interfaces Design of Graphical User Interfaces Graduate School Course IT 2 Prof. Astrid Beck 1 1 Contact information Mail: WWW: Astrid.Beck@fht-esslingen.de http://www.it.fht-esslingen.de/~asbeck Office: F1.353 Level

More information

Page 1. Ubiquitous Computing: Beyond platforms, beyond screens; the invisible computer. Topics for Today. Ubiquitous Computing Fundamentals

Page 1. Ubiquitous Computing: Beyond platforms, beyond screens; the invisible computer. Topics for Today. Ubiquitous Computing Fundamentals Ubiquitous Computing: Beyond platforms, beyond screens; the invisible computer Shwetak N. Patel 2 Topics for Today Ubiquitous Computing Fundamentals Review the history of ubiquitous computing (ubicomp)

More information

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

History of GUI. John Kelleher. PDF created with FinePrint pdffactory Pro trial version History of GUI John Kelleher Context Computing in 1945 Harvard Mark I 55 feet long, 8 feet high, 5 tons Ballistics calculations Physical switches (bef. microprocessor) Paper tape Simple arithmetic and

More information

UI Software Organization IAT351

UI Software Organization IAT351 UI Software Organization IAT351 Week 2 Lecture 1 16.01.2008 Lyn Bartram lyn@sfu.ca Some slides adapted from K. Edwards, Georgia tech Today s agenda What is the UI? A whirlwind tour of history Software

More information

The command line interface

The command line interface History 329/SI 311/RCSSCI 360 Computers and the Internet: A global history Apple and the Graphical User Interface (GUI) The command line interface is still there in today s PCs The Graphical User Interface

More information

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

GUI-Based Software Development. The Model/View/Controller Pattern GUI-Based Software Development The Model/View/Controller Pattern Origins of Personal Computing The most important part of a computer system is the individual human user. - Alan Kay Origins of Personal

More information

Lecture 11 HCI History

Lecture 11 HCI History Lecture 11 HCI History Terry Winograd CS147 - Introduction to Human-Computer Interaction Design Computer Science Department Stanford University Autumn 2006 CS147 - Terry Winograd - 1 Learning Goals Be

More information

Computer Science Honours 2011

Computer Science Honours 2011 Computer Science Honours 2011 Vannevar Bush envisioned a device with touch screen, keyboard and scanner users could search for knowledge Digital computer not invented yet little l notice paid to ideas

More information

A Historical View of Computing

A Historical View of Computing A Historical View of Computing CS 391 Why look at history? To understand how we got to where we are it is important to not just understand where we ve been, but also understand WHY we took the path we

More information

User Interface Design

User Interface Design User Interface Design & Development Lecture 07 Direct Manipulation João Pedro Sousa SWE 632 George Mason University today direct manipulation window UIs support for operations mouse, pen, eye tracking,

More information

Chapter 6: Interfaces and interactions

Chapter 6: Interfaces and interactions Chapter 6: Interfaces and interactions Overview Introduce the notion of a paradigm Provide an overview of the many different interface paradigms highlight the main design and research issues for each Consider

More information

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

This tutorial has been intended for the users willing to take the human computer interactions as a next level of study in their career. About the Tutorial This tutorial provides the basic knowledge on human computer interface and designing. It also throws a light on the current tools and practices and the future aspects of HCI designing.

More information

LECTURE 5 COMPUTER PERIPHERALS INTERACTIONMODELS

LECTURE 5 COMPUTER PERIPHERALS INTERACTIONMODELS September 18, 2014 LECTURE 5 COMPUTER PERIPHERALS INTERACTIONMODELS 1 Recapitulation Lecture #4 Knowledge representation Mental Models, definitions Mental Models and Design Schemata, definitions & examples

More information

http://www.computersciencelab.com/computerhistory/historypt2.htm In 1801 Joseph Marie Jacquard invented a loom that could base its weave on a pattern that was automatically read from punched wooden cards

More information

Chapter 6: Interfaces and interactions

Chapter 6: Interfaces and interactions Chapter 6: Interfaces and interactions Overview Introduce the notion of a paradigm Provide an overview of the many different kinds of interfaces highlight the main design and research issues for each of

More information

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

Interaction Style Categories. COSC 3461 User Interfaces. What is a Command-line Interface? Command-line Interfaces COSC User Interfaces Module 2 Interaction Styles What is a Command-line Interface? An interface where the user types commands in direct response to a prompt Examples Operating systems MS-DOS Unix Applications

More information

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

Objectives. Object-Oriented Analysis and Design with the Unified Process 2 Objectives Understand the differences between user interfaces and system interfaces Explain why the user interface is the system to the users Discuss the importance of the three principles of user-centered

More information

Multimedia Information Systems - Introduction

Multimedia Information Systems - Introduction Multimedia Information Systems - Introduction VO/KU (707.020) Christoph Trattner Know-Center, TU Graz Oct 05, 2015 Christoph Trattner (Know-Center, TU Graz)Multimedia Information Systems - Introduction

More information

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

G64PMM - Lecture 4.1. What is Hypertext? Non-linearity! Hypertext I G64PMM - Lecture 4.1 Hypertext I What is Hypertext? Hypertext / Hypermedia Non-linear reading and writing Literary Machines! The major design paradigm in multimedia Interconnected items of information

More information

History of Interactive Computing Systems

History of Interactive Computing Systems History of Interactive Computing Systems Outline History of interactive systems Models of Interaction History of User Interfaces Batch interfaces Conversational interfaces Graphical interfaces UBICOMP/etc.?

More information

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

Human factors. (a brief introduction) comp march 2008 slides originally by daniel sandler Human factors (a brief introduction) comp314 25 march 2008 slides originally by daniel sandler Warm-ups How do I Zoom? How do I Zoom? How do I Eject a disk? delete??? How do I Eject a disk? But the Trash

More information

Software Tools. Scott Klemmer Autumn 2009

Software Tools. Scott Klemmer Autumn 2009 stanford hci group http://cs147.stanford.edu Software Tools Scott Klemmer Autumn 2009 It accomplishes an important task (for better and for worse) You don t have to make it yourself, and it abstracts a

More information

6 Designing Interactive Systems

6 Designing Interactive Systems 6 Designing Interactive Systems 6.1 Design vs. Requirements 6.2 Paradigms, Styles and Principles of Interaction 6.3 How to Create a Conceptual Model 6.4 Activity-Based Design of Interactive Systems 6.5

More information

Diseño de Interacción Centrado en el Usuario

Diseño de Interacción Centrado en el Usuario Prof. Dra. Prof. Dr. Alfredo Teyseyre ISISTAN (CONICET - UNCPBA) http://ucd.alumnos.exa.unicen.edu.ar/home Contents Interaction design Concept of HCI Components of HCI The human The computer The interaction

More information

Fundamental Concepts and History

Fundamental Concepts and History Fundamental Concepts and History Minsoo Ryu Real-Time Computing and Communications Lab. Hanyang University msryu@hanyang.ac.kr Topics Covered I. Fundamental Concepts II. Evolution of OS 2 Key Concepts

More information

6 Designing Interactive Systems

6 Designing Interactive Systems 6 Designing Interactive Systems 6.1 Design vs. Requirements 6.2 Paradigms, Styles and Principles of Interaction 6.3 How to Create a Conceptual Model 6.4 Activity-Based Design of Interactive Systems 6.5

More information

Does everyone use the same Paradigm?

Does everyone use the same Paradigm? What is Paradigm? 0 The way you see something 0 Your point of view 0 Frame of preference or belief 0 The way we understand and interpret the world 0 It s like a map in our head Does everyone use the same

More information

Interfaces Homme-Machine

Interfaces Homme-Machine Interfaces Homme-Machine APP3IR Axel Carlier 29/09/2017 1 2 Some vocabulary GUI, CHI,, UI, etc. 3 Some vocabulary Computer-Human Interaction Interaction HommeMachine User Interface Interface Utilisateur

More information

NADAR SARASWATHI COLLEGE OF ENGINEERING & TECHNOLOGY

NADAR SARASWATHI COLLEGE OF ENGINEERING & TECHNOLOGY NADAR SARASWATHI COLLEGE OF ENGINEERING & TECHNOLOGY DEPARTMENT OF COMPUTER SCIENCE AND ENGINEERING EIGHTH SEMESTER QUESTION BANK CS6008 -HUMAN COMPUTER INTERACTION UNIT I FOUNDATIONS OF HCI The Human:

More information

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

ICSY Integrated. Multimediale Visualisierungssysteme WS 2000/2001. Introduction. Communica. Systems. tion. Prof. Dr. Paul Müller Communica tion Multimediale Visualisierungssysteme WS 2000/2001 Introduction Prof. Dr. Paul Müller AG: Integrierte Kommunikationssysteme How to contact Prof. Dr. Paul Müller 34 / 312 Tel.: 0631 / 205-2263

More information

Web Design and Development ACS-1809

Web Design and Development ACS-1809 Web Design and Development ACS-1809 Chapter 1 9/11/2018 1 Pre-class Housekeeping Course Outline Text book : HTML A beginner s guide, Wendy Willard, 5 th edition Work on HTML files On Windows PCs Tons of

More information

SE 542 Human Computer Interaction. Spring Week #5

SE 542 Human Computer Interaction. Spring Week #5 SE 542 Human Computer Interaction Spring 2011-2012 Week #5 User interface design paradigms Why study paradigms Questions how can an interactive system be developed to ensure its usability? how can the

More information

Designing the User Interface

Designing the User Interface Designing the User Interface Strategies for Effective Human-Computer Interaction Second Edition Ben Shneiderman The University of Maryland Addison-Wesley Publishing Company Reading, Massachusetts Menlo

More information

Systems Analysis and Design in a Changing World, Fourth Edition

Systems Analysis and Design in a Changing World, Fourth Edition Systems Analysis and Design in a Changing World, Fourth Edition Learning Objectives Describe the difference between user interfaces and system interfaces Explain why the user interface is the system to

More information

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

GUI Basics and Windowing Systems. Using X Windows as a case study GUI Basics and Windowing Systems Using X Windows as a case study 2 CS 349 - Syllabus Evolution of GUI Programming On early computers, everything was rolled by hand Re-inventing the wheel with every iteration

More information

CSE 510: Advanced Topics in HCI

CSE 510: Advanced Topics in HCI CSE 510: Advanced Topics in HCI Course Overview HCI History James Fogarty Daniel Epstein Tuesday/Thursday 10:30 to 12:00 CSE 403 Today Introductions HCI in Computer Science Course Structure Overview HCI

More information

Dr. Shuang LIANG. School of Software Engineering TongJi University

Dr. Shuang LIANG. School of Software Engineering TongJi University Human Computer Interface Dr. Shuang LIANG School of Software Engineering TongJi University Today s Topics UI development and Trends NUI Discussion Today s Topics UI development and Trends Development Trends

More information

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

The Rise of OOP: Part 1 [The Early Years] Dina Lamdany The Rise of OOP: Part 1 [The Early Years] Dina Lamdany The Java Tutorials If you've never used an object-oriented programming language before, you'll need to learn a few basic concepts before you can

More information

SE 705 Human Computer Interaction. Week #5

SE 705 Human Computer Interaction. Week #5 SE 705 Human Computer Interaction Spring 2009-2010 0 0 Week #5 User interface design paradigms Why study paradigms Questions how can an interactive system be developed to ensure its usability? how can

More information

CS6008-HUMAN COMPUTER INTERACTION Question Bank

CS6008-HUMAN COMPUTER INTERACTION Question Bank CS6008-HUMAN COMPUTER INTERACTION Question Bank UNIT I FOUNDATIONS OF HCI PART A 1. What is HCI? 2. Who is involved in HCI. 3. What are the 5 major senses? 4. List the parts of human Eye. 5. What is meant

More information

Multimedia Systems WS 2011/2012

Multimedia Systems WS 2011/2012 Multimedia Systems WS 2011/2012 Introduction Prof. Dr. Paul Müller University of Kaiserslautern Department of Computer Science Integrated Communication Systems ICSY http://www.icsy.de Outline Organization

More information

where are we? ICS 105: Project in HCI ui toolkits what does the toolkit do? model-view-controller model-view-controller lectures

where are we? ICS 105: Project in HCI ui toolkits what does the toolkit do? model-view-controller model-view-controller lectures where are we? ICS 105: Project in HCI UI Toolkits and Programming Models lectures done with evaluation techniques a couple of lectures on toolkits and programming other topics: graphical design and screen

More information

Elementary Computing CSC 100. M. Cheng, Computer Science

Elementary Computing CSC 100. M. Cheng, Computer Science Elementary Computing CSC 100 1 Software Applications Application Software Personal Computing Text and Graphics based Computing Examples of Applications Word Processing, Spreadsheets, Graphics and Database

More information

Introduction to Windows

Introduction to Windows Introduction to Windows Naturally, if you have downloaded this document, you will already be to some extent anyway familiar with Windows. If so you can skip the first couple of pages and move on to the

More information

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

Introduction. (Thanks to Professions Andries van Dam and John Hughes) CMSC 635 January 15, 2013 Introduction # /16 Introduction (Thanks to Professions Andries van Dam and John Hughes) What is Computer Graphics? Computer graphics generally means creation, storage and manipulation of models and images Such models come

More information

CS415 Human Computer Interaction

CS415 Human Computer Interaction CS415 Human Computer Interaction Lecture 7 Implementation and Testing Tools for HCIs October 4, 2015 Sam Siewert Coming Up Quiz on Wednesday for Part II Chapters 5,6,7,8,9 Review Next Week on Monday, 10/12

More information

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

Lecture 6. Design (3) CENG 412-Human Factors in Engineering May Lecture 6. Design (3) CENG 412-Human Factors in Engineering May 28 2009 1 Outline Prototyping techniques: - Paper prototype - Computer prototype - Wizard of Oz Reading: Wickens pp. 50-57 Marc Rettig: Prototyping

More information

Seng310 Lecture 8. Prototyping

Seng310 Lecture 8. Prototyping Seng310 Lecture 8. Prototyping Course announcements Deadlines Individual assignment (extended) deadline: today (June 7) 8:00 am by email User testing summary for paper prototype testing- Thursday June

More information

Interaction Styles. Interaction. Type vs Style

Interaction Styles. Interaction. Type vs Style Interaction Styles Interaction We consider: Manipulation styles Interface Components Examples Aim is to deepen understanding of the issues involved, and to provide guidance on interface design. Physical

More information

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

The Interaction. Using Norman s model. Donald Norman s model of interaction. Human error - slips and mistakes. Seven stages The Interaction Interaction models Ergonomics Interaction styles Donald Norman s model of interaction Seven stages execution user establishes the goal formulates intention specifies actions at interface

More information

Organization of User Interface Software

Organization of User Interface Software Organization of User Interface Software Administration Questions about assignments due and assignments assigned 2 What we will talk about Ways to organize UI code Different models of user interfaces as

More information

Part 1: Computer and Information Literacy

Part 1: Computer and Information Literacy What is Computer? Understand Computers Part 1: Computer and Information Literacy Computer is an electronic devices that under a program s direction and control, perform four basic operations: Input, Processing,

More information

To present ZigZag project: intentions, concepts etc.

To present ZigZag project: intentions, concepts etc. Lecture: From Browsing to ZigZag: a theoretical study of Theodor Nelson's ZigZag project By Cicero Silva* @ UCSD, Communication Department, 2007 Firstly, I want to thanks Noah Wardrip-Fruin for his friendly

More information

Design, prototyping and construction

Design, prototyping and construction Chapter 11 Design, prototyping and construction 1 Overview Prototyping and construction Conceptual design Physical design Generating prototypes Support for design 2 Prototyping and construction What is

More information

Designing Interactive Systems II

Designing Interactive Systems II Designing Interactive Systems II Computer Science Graduate Programme SS 2010 Prof. Dr. Jan Borchers Media Computing Group RWTH Aachen University http://hci.rwth-aachen.de/dis2 Jan Borchers 1 Today Class

More information

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

Interaction Styles. Interaction. Aim is to deepen understanding of the issues involved, and to provide guidance on interface design. Interaction Styles Interaction We consider: Manipulation styles Interface Components Examples Aim is to deepen understanding of the issues involved, and to provide guidance on interface design. Physical

More information

CS415 Human Computer Interaction

CS415 Human Computer Interaction CS415 Human Computer Interaction Lecture 6, Part 2 Implementation and Testing Tools for HCIs October 1, 2018 Sam Siewert Minute Paper Summary - The Gurus Don Norman 1. make it fun (attributed to Fadell?)

More information

Human-Computer Interaction Interaction Styles, Multimedia, Hypertext & WWW BSc/CQU Lecture 3

Human-Computer Interaction Interaction Styles, Multimedia, Hypertext & WWW BSc/CQU Lecture 3 Human-Computer Interaction Interaction Styles, Multimedia, Hypertext & WWW BSc/CQU Lecture 3 (December 7, 2001) Tralvex (Rex) Yeap MAAAI MSCS Outline Quick Review of Lecture 2 Assignment 1 Presentation

More information

User Interaction and Product Design?

User Interaction and Product Design? WhUser Interface, What User Interaction and Product Design? Prof. Giuseppe Riccardi Dipartimento di Ingegneria e Scienza dell Informazione University of Trento giuseppe.riccardi@unitn.it Riccardi, Spring

More information

CS/INFO 431 Web Information Systems Spring Carl Lagoze Sadat Shami

CS/INFO 431 Web Information Systems Spring Carl Lagoze Sadat Shami CS/INFO 431 Web Information Systems Spring 2008 Carl Lagoze Sadat Shami What is the Web? Thinking beyond the browser The Web provides: an architecture and a data layer and the site A web information system

More information

Today: CMPUT 301: Lecture 14 The Interaction

Today: CMPUT 301: Lecture 14 The Interaction Today: CMPUT 301: Lecture 14 The Interaction Lecturer: Martin Jagersand Department of Computing Science University of Alberta Notes based on previous courses by Ken Wong, Eleni Stroulia Zach Dodds, Martin

More information

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

SAMPLE PAGES. Unit 12.1 Information and Communication Systems Topic 2: Networking. What is a network? Network node Topic 2 focuses on networking. It covers: Definition of a network. Characteristics and functions of network devices. Specification of local area network (LAN). Network software. Application software. Basic

More information

Lecture 5. (September 13, 2002) Tralvex (Rex) Yeap MAAAI MSCS

Lecture 5. (September 13, 2002) Tralvex (Rex) Yeap MAAAI MSCS Human-Computer Interaction User Support and On-Line Information, Guidelines, Standards, Prototyping, UI Software Support Tools, Social & Individual Impact, Future Trends and The Road Ahead BSc/CQU Lecture

More information

Pen- and Touch-Based Computing

Pen- and Touch-Based Computing Pen- and Touch-Based Computing Agenda Natural data types Pen, Audio, Video Pen-based topics Technology Ink as data Recognition Related: Gestures (on surfaces) iphone, MS Surface Technology sometimes similar

More information

AN APPROACH FOR GRAPHICAL USER INTERFACE DEVELOPMENT FOR STEREOSCOPIC VISUALIZATION SYSTEM

AN APPROACH FOR GRAPHICAL USER INTERFACE DEVELOPMENT FOR STEREOSCOPIC VISUALIZATION SYSTEM AN APPROACH FOR GRAPHICAL USER INTERFACE DEVELOPMENT FOR STEREOSCOPIC VISUALIZATION SYSTEM Rositsa R. Radoeva St. Cyril and St. Methodius University of Veliko Tarnovo, ABSTRACT Human-computer interaction

More information

Elementary Computing CSC 100. M. Cheng, Computer Science

Elementary Computing CSC 100. M. Cheng, Computer Science Elementary Computing CSC 100 1 Software Applications Application Software Personal Computing Text and Graphics based Computing Examples of Applications Word Processing, Spreadsheets, Graphics and Database

More information

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

Fundamentals of Python: First Programs. Chapter 1: Introduction Modifications by Mr. Dave Clausen Fundamentals of Python: First Programs Chapter 1: Introduction Modifications by Mr. Dave Clausen Objectives After completing this chapter, you will be able to: Describe the basic features of an algorithm

More information

Chapter 11 DESIGN, PROTOTYPING and CONSTRUCTION

Chapter 11 DESIGN, PROTOTYPING and CONSTRUCTION Chapter 11 DESIGN, PROTOTYPING and CONSTRUCTION Overview Prototyping Conceptual design Concrete design Using scenarios Generating prototypes Construction 2 Prototyping What is a prototype? Why prototype?

More information

Course Outline. Department of Computing Science Faculty of Science. COMP 3450 Human Computer Interaction Design (3,1,0) Fall 2015

Course Outline. Department of Computing Science Faculty of Science. COMP 3450 Human Computer Interaction Design (3,1,0) Fall 2015 Course Outline Department of Computing Science Faculty of Science COMP 3450 Human Computer Interaction Design (3,1,0) Fall 2015 Instructor: Office: Phone/Voice Mail: E-Mail: Course Description Students

More information

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

CS/MAS 115: COMPUTING FOR THE SOCIO-TECHNO WEB HISTORY OF THE WEB CS/MAS 115: COMPUTING FOR THE SOCIO-TECHNO WEB HISTORY OF THE WEB LAST WEEK Input, Output, Processor, Memory Bits are 0 and 1 Koans: Koan 1: Everything is bits Koan 2: Perfect copy, every time Koan 3:

More information

Information Visualization In Practice

Information Visualization In Practice Information Visualization In Practice How the principles of information visualization can be used in research and commercial systems Putting Information Visualization Into Practice A Common Problem There

More information

Unit A: Computer and Internet Basics

Unit A: Computer and Internet Basics Unit A: Computer and Internet Basics TRUE/FALSE 1. Cars and appliances include digital electronics. ANS: T PTS: 1 REF: Concepts 2 2. Usually when people talk about computers, they are talking about a PC.

More information

SRM UNIVERSITY FACULTY OF ENGINEERING AND TECHNOLOGY

SRM UNIVERSITY FACULTY OF ENGINEERING AND TECHNOLOGY SRM UNIVERSITY FACULTY OF ENGINEERING AND TECHNOLOGY SCHOOL OF COMPUTER SCIENCE AND ENGINEERING DEPARTMENT OF CSE COURSE PLAN Course Code : CS0430 Course Title : HUMAN COMPUTER INTERACTION Semester : VIII

More information

Second Generations Computers( )

Second Generations Computers( ) Second Generations Computers(1954-1962) Second Generations Computers(1954-1962) The invention of the transistor greatly changed the computer's development in 1948. The transistor replaced the large, cumbersome

More information

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

Solution 1967: A device that barely gets the job done and requires expert knowledge, patience, and plenty of time. Challenge: Create a tool for completing tasks such as producing a report, balancing a budget, searching and learning, communicating with friends and colleagues, and crafting opportunities for fun and recreation.

More information

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

Computer Science 1400: Part #4. Getting Here: The Personal Computer Revolution ( ) Computer Science 1400: Part #4 Getting Here: The Personal Computer Revolution (1970 1990) THE DAWN OF PERSONAL COMPUTERS THE COMPUTER USABILITY REVOLUTION What is a Computer? (Take III) data instructions

More information

Why User Interface Design? What

Why User Interface Design? What Why User Interface Design? What Prof. Giuseppe Riccardi Dipartimento di Ingegneria e Scienza dell Informazione University of Trento riccardi@dit.unitn.it Spring 2013 1 UI guidelines in Android Spring 2013

More information

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

Computer Science 1400: Part #4. Getting Here: The Personal Computer Revolution ( ) Computer Science 1400: Part #4 Getting Here: The Personal Computer Revolution (1970 1990) THE DAWN OF PERSONAL COMPUTERS THE COMPUTER USABILITY REVOLUTION What is a Computer? (Take III) data instructions

More information

Human-Computer Interaction IS4300

Human-Computer Interaction IS4300 Human-Computer Interaction IS4300 1 Ethnography Homework I3 2 1 Team Projects User analysis. Identify stakeholders (primary, secondary, tertiary, facilitating) For Primary Stakeholders Demographics Persona(s)

More information

The Interaction. Dr. Karim Bouzoubaa

The Interaction. Dr. Karim Bouzoubaa The Interaction Dr. Karim Bouzoubaa UI Hall of Fame or Shame? The buttons are limited to text labels: à pi instead of (scientific mode) à sqrt rather than à * instead of X Why only one line of display?

More information

SBD:Interaction Design

SBD:Interaction Design analysis of stakeholders, field studies ANALYZE Problem scenarios claims about current practice SBD:Interaction Design metaphors, information technology, HCI theory, guidelines DESIGN Activity scenarios

More information

Instructor. Goals. Image Synthesis Examples. Applications. Foundations of Computer Graphics. Why Study 3D Computer Graphics?

Instructor. Goals. Image Synthesis Examples. Applications. Foundations of Computer Graphics. Why Study 3D Computer Graphics? Foundations of Computer Graphics Motivation: Why do we study 3D Graphics? http://www.cs.berkeley.edu/~ravir Instructor http://www.cs.berkeley.edu/~ravir PhD Stanford, 2002. PhD thesis developed Spherical

More information

About Computer Graphics

About Computer Graphics COMPUTER GRAPHICS Graphics: Graphics are visual presentations on some surface such as wall, canvas, paper to inform or entertain. Examples are photographs, drwaing, graphs and symbols etc. Computer Graphics:

More information

CPE/CSC 486: Human-Computer Interaction

CPE/CSC 486: Human-Computer Interaction CPE/CSC 486: Human-Computer Interaction Franz J. Kurfess Computer Science Department California Polytechnic State University San Luis Obispo, CA, U.S.A. Course Overview Introduction Cognitive Foundations

More information

HUMAN COMPUTER INTERACTION

HUMAN COMPUTER INTERACTION HUMAN COMPUTER INTERACTION 3. USABILITY AND CONCEPTUAL MODEL I-Chen Lin, National Chiao Tung University, Taiwan "One most unfortunate product is the type of engineer who does not realize that in order

More information

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

A History of the GUI. Xerox PARC. By Jeremy Reimer Chapter 3, 4 and 5 A History of the GUI By Jeremy Reimer Chapter 3, 4 and 5 Xerox PARC Douglas Englebart's demonstration in 1968 amazed many people and overwhelmed many more. It opened people's eyes to what could be possible

More information

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

The Interaction. Using Norman s model. Donald Norman s model of interaction. Human error - slips and mistakes The Interaction Interaction models Ergonomics Interaction styles Donald Norman s model of interaction Seven stages execution user establishes the goal formulates intention specifies actions at interface

More information

Some Basic Terminology

Some Basic Terminology Some Basic Terminology A B C D E F G H I J K L M N O P Q R S T U V W X Y Z Here are a few terms you'll run into: A Application Files Program files environment where you can create and edit the kind of

More information

HCI-4/631 Software Architectures for User Interfaces, Fall 2006

HCI-4/631 Software Architectures for User Interfaces, Fall 2006 HCI-4/6 Software Architectures for User Interfaces, Fall 2006 Place and Time: XXXXXX, Monday and Wednesday 9:00-10:30 Instructor: Vassilis Kostakos (vassilis@cmu.edu) Office: 2.91 Office Hours: Monday

More information

Interaction design. The process of interaction design. Requirements. Data gathering. Interpretation and data analysis. Conceptual design.

Interaction design. The process of interaction design. Requirements. Data gathering. Interpretation and data analysis. Conceptual design. Interaction design The process of interaction design Requirements Data gathering Interpretation and data analysis Conceptual design Prototyping Physical design Conceptual design Introduction It aims to

More information

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

Prototyping. Readings: Dix et al: Chapter 5.8 Marc Rettig: Prototyping for tiny fingers, Communications of the ACM, April 1994. Prototyping Readings: Dix et al: Chapter 5.8 Marc Rettig: Prototyping for tiny fingers, Communications of the ACM, April 1994. 1 What is prototyping? producing cheaper, less accurate renditions of your

More information

Input: Interaction Techniques

Input: Interaction Techniques Input: Interaction Techniques Administration Questions about homework? 2 Interaction techniques A method for carrying out a specific interactive task Example: enter a number in a range could use (simulated)

More information

chapter 3 the interaction

chapter 3 the interaction chapter 3 the interaction ergonomics physical aspects of interfaces industrial interfaces Ergonomics Study of the physical characteristics of interaction Also known as human factors but this can also be

More information

Human-Computer Interaction. Chapter 2. What is HCI?

Human-Computer Interaction. Chapter 2. What is HCI? Human-Computer Interaction Chapter 2 What is HCI? Overview 2.1 The Human 2.2 The Computer 2.3 The Interaction Models of Interaction Interaction Styles Elements of the WIMP Interface HCI 2.3.1 Models of

More information

11/17/2008. CSG 170 Round 8. Prof. Timothy Bickmore. Quiz. Open book / Open notes 15 minutes

11/17/2008. CSG 170 Round 8. Prof. Timothy Bickmore. Quiz. Open book / Open notes 15 minutes Human-Computer Interaction CSG 170 Round 8 Prof. Timothy Bickmore Quiz Open book / Open notes 15 minutes 1 Paper Prototyping Team Project Review Models 2 Categories of User Models 1. Hierarchical structuring

More information

HUMAN- COMPUTER INTERFACE DESIGN

HUMAN- COMPUTER INTERFACE DESIGN 20 October, 2008 HUMAN- COMPUTER INTERFACE DESIGN COMPUTER HISTORY - radical changes Early computers (1940s - 1960s) Course EE212 / CE653 large and very expensive company goods priority was efficient use

More information