Human Computer Interaction (HCI)

Slides:



Advertisements
Similar presentations
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.
Advertisements

Human Computer Interaction Paradigms. why study paradigms  Concerns  how can an interactive system be developed to ensure its usability?  how can the.
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.
Skills: none Concepts: innovation timing, research prototype, commodity versus custom hardware, graphical user interface, contributions of Doug Engelbart,
CMC/CC A Paradigms for Interaction Master IK, CIW, MMI L.M. Bosveld-de Smet Hoorcollege 3; ma. 18 sept. 2006;
0 HCI Today Talk about HCI Success Stories Talk about HCI Success Stories Talk about Norman’s Paper Talk about Norman’s Paper Start talking about The human.
User Interface Design Users should not have to adapt to a piece of software; the software should be designed to fit the user.
The Importance of the User Interface Lecture-1 The Essential Guide to UI Design: Chapter 1 1Computer Systems Interface.
1st Project Introduction to HTML.
Why does the spreadsheet work … … and how can we improve it? A user interface perspective on the foundations of spreadsheets. Alan Blackwell Computer Laboratory.
1. Human – the end-user of a program – the others in the organization Computer – the machine the program runs on – often split between clients & servers.
Commercial-in-Confidence 1 Information Architect and the Development Internet Application Tweek Presentation May 2001.
CS 580 chapter 4 paradigms.
ACS 367 Interface Design Introduction & Text Overview Galitz, Wilbert O. The Essential Guide to User Interface Design.
Stanford hci group / cs376 u Jeffrey Heer · 2 April 2009 Seminal Ideas in Human-Computer Interaction.
Luigina Ciolfi, Interaction Design Centre CS4826, Human-Computer Interaction 09/04/2002
MULTIMEDIA REVOLUTION
Human-Computer Interaction IS/HCC 760 Fall 2011 Shaun Kane.
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
Chapter 1 Historical Perspective. Significant Event Timeline 2.
Paradigms Material from Authors of Human Computer Interaction Alan Dix, et al.
AVI/Psych 358/IE 340: Human Factors Interfaces and Interaction September 22, 2008.
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.
Human Computer Interaction HCI. In the last 20 years, the introduction of the graphical user interface (GUI) has revolutionised the ways in which users.
Paradigms for Interaction New computing technologies arrive, creating a new perception of the human-computer relationship Batch processing -> Impersonal.
HCI Course: Intro & History Stephen Gilbert Jun 20, 2014 SPIRE-EIT.
Win OS & Hardware. Input Getting data into the computer.
HTML PROJECT #1 Project 1 Introduction to HTML. HTML Project 1: Introduction to HTML 2 Project Objectives 1.Describe the Internet and its associated key.
Context Rich Systems Market to Global Analysis and Forecasts by Component, Device and Vertical No of Pages: 150 Publishing Date: Jan 2017 Single.
The First Computers Jacquard’s Loom: programmed a loom
CS 580 chapter 4 paradigms.
A Man-Machine Graphical Communication System - Ivan Sutherland
Interaction Design IxD
INFORMATION SYSTEM CATEGORIES
The Importance of the User Interface
The Importance of the User Interface
Image by MIT OpenCourseWare Troughput (bps) Error rate (%) Mouse Trackball Joystick Touchpad.
Computer Software Digital Literacy.
Human – Computer Interaction
Chapter 03: Basic Application Software
Human-Computer Interaction
Chapter 1 - Introduction
History of the GUI.
Chapter 7 Psychology: Memory.
Ubiquitous Computing and Augmented Realities
Chapter 1 Historical Perspective
Project 1 Introduction to HTML.
Computer Software Digital Literacy.
INTERACTION PARADIGMS
Computer Concept What is a computer?
Human Computer Interaction Lecture 09 Interaction Paradigms
Microsoft Office Illustrated Introductory, Premium Edition
Paradigms (additional materials)
Usability and user Interfaces
Chapter 1 Historical Perspective
Ambient Intelligence.
G52GUI Course Guoping Qiu 04/12/2018.
Chapter 1 Historical Perspective
Human Computer Interaction
The Importance of the User Interface
Chapter 4 paradigms.
Human Computer Interaction Lecture 09 Interaction Paradigms
Chapter 4 paradigms.
Management of Technology and Development Sanja Marinković, PhD, Associate Professor Office hours: Monday 13-15h, room 301c.
Human and Computer Interaction (H.C.I.) &Communication Skills
User System Interface CSC
Chapter 4 paradigms.
Paradigms (additional materials)
Presentation transcript:

Human Computer Interaction (HCI) Alexius Gandy & Anel Jugovic IS6833

What are Human-Computer Interaction Systems? Human-computer interaction is a multidisciplinary field of study focusing on the design of computer technology and, in particular, the interaction between humans and computers. Incorporates computer science, human factors engineering, and cognitive science

Cont. • Human-computer interaction plays a crucial role in the way technology is built. • Google, Facebook, and Microsoft Word. and was directly responsible for the incredible growth of the World-Wide Web, turning it into what it is today. Combining these methodologies within HCI has blessed the world with websites and programs including

History - When? In 1963, Ivan Sutherland demonstrated the first use of a direct manipulation interface using a system called Sketchpad. William Newman created the Reaction Handler in 1966. Gained large popularity in the 1980s due to the growing popularity of personal computing. Included machines such as Apple Macintosh, IBM 5150, & Commodore 64 Point 1: Sketchpad is a system, which supported the manipulation of objects using a light pen, included grabbing objects, moving them, changing the size, using constraints. Point 2: This provided another form of direct manipulation of graphics and introduced “Light Handles,” which are a form of graphical potentiometer (4). It used interface techniques such as, icons, gesture recognition, and dynamic menus which when combined with a pointing device such as a mouse, it allowed easy selection and navigation. Point 3 & 4: Popularity and reason for it.

History - What? A lot of innovation came from HCI Machines – Macintosh first none tiled system. Graphical interfaces. The mouse replaced the “Light-Pen” in 1964. Applications – Sketchpad, Text Editor, Spreadsheets, Hypertext, Hyperlink Point 1: The vast amount of these innovations within technology and HCI came from the geniuses at MIT. Some of the first commercial uses of windows were on machines coming straight out of MIT lab projects. Point 1.1: Machines, inspired Windows 95 design. Spread sheet, VisiCalc 1979 Apple 2 Point 2: Mouse was a cheap replacement for the light-pen. Took a ergonomic approach to the design of the mouse. Point 3: Text editor - Stanford research lab was introduced in 1962 (6). It included features we take for granted now-a-days like automatic word wrap, search and replace, copy and delete characters and much more. This would also be what all modern text editors include today, even the most basic. Point 4: Spreadsheets which were invented by Frankston and Bricklin in 1977 for the Apple 2 was the start of what we know as excel and other spreadsheet programs. Hypertext was an idea by Vannever Bush from 1945 and the term was coined by Ted Nelson in 1965 Point 5: Hypertext did not become what we know it as today until 1983. Ben Shneiderman’s Hyperties was the first system which allowed a highlighted item in text to be clicked and would go to another page

WHAT IS HUMAN-COMPUTER INTERACTION? Communication between the human and the computer, synonymous with user interface and usability Similar to person-to-person interaction, where the amount of incorrectly perceived information and effort expanded by the decision maker is minimized Generally, the goal incorporates Computer Science, Psychology and System Design aimed at minimizing the barriers between the human’s cognitive model of what they want to accomplish and the computer’s understanding of the user’s task so that users can avail themselves of the full potential of the system (Sauter, 2011). Decision Support Systems is synonymous with “user interface” where the emphasis is on “the user”. The human is the decision maker and the common denominator of the cycle of inputs and outputs between the computer and the human

HUMAN-COMPUTER INTERACTION & DECISION SUPPORT SYSTEMS Humans (or the user) is the Decision maker and the protagonist in the jungle of technological advancement A system or technology can be expertly built and perform well, but ONLY to the extent that it serves the user The decision maker must be able to access models, data, and peruse results, invoke assistance, share results or interact with the system or it cannot provide support. Designing the user interface aims

FATHER OF INFORMATION/COMMUNICATION THEORY Wrote the landmark paper, The Mathematical Theory of Communication (1948), which was converged into a single fiber optic and wireless worldwide network for all types of communication An additional Article by Warren Weaver is contained in the book as an overview of the theory for a general audience. Lays out the basic elements of communication: An information source produces a message A transmitter that operates on the message to create a signal

FATHER OF INFORMATION THEORY (cont.) Although this graph is deceptively simple, it is the basis of our current wireless world. His contribution to our existing technical landscape is most imp

CLAUDE SHANNON (1916 - 2001)

BUSINESS INTELLIGENCE SILO - PARC Premier center for commercial innovation. It is a Xerox company and responsible for some of the earliest technology breakthroughs. The company has forty years as the leading edge of innovation, merging inquiry and strategy to pioneer technical change. This company works and has worked closely with global enterprises, entrepreneurs, government agencies, and partners, and other clients to invent co-develop, and bring to market game-chinging innovations by combining imagination, investigation and return on investment for its clients.

FATHER OF UBIQUITOUS COMPUTING Coined by the head of Xerox Palo Alto Research Center (PARC) Computer Science group, Mark Weiser (1988 - 1993) Weiser’s vision, although difficult to articulate, was to create many, many ways to access computational capabilities (Waldrop, 1993). Weiser described a system in which all the devices would automatically stay in contact with the network all the time. Decision Support Systems is synonymous with “user interface” where the emphasis is on “the user”. The human is the decision maker and the common denominator of the cycle of inputs and outputs between the computer and the human

MARK WEISER (1952 - 1999)

MOTHER OF HCI THEORY Profoundly influential in helping form the nuances of ethnography in technology innovation, at PARC and across the entire field of Human-Computer interaction . Groundbreaking “Man vs Machine” experiment as UC Berkeley Ph.D student catapulting her career in ethnographic technology innovation (1977) Authored one of the first books on HCI called, “Plans and Situated Actions: The problem of human-machine communication” (1985) An ethnographic anthropologist researcher for Xerox Palo Alto Research Center (PARC)

LUCY SUCHMAN The people shown in this clip are PARC researchers (users) Dr. Alan Newell and Dr. Ron Kaplan

LUCY SUCHMAN

DESIGN PROCESS Traditionally been about designing efficient and effective systems Well-designed interfaces can elicit good feelings in users. Badly designed interfaces make people angry and frustrated Emotional interaction is concerned with how we feel and react when interacting with technologies Aesthetically pleasing and rewarding interfaces will increase positive affect.

DESIGN: PROVIDE FEEDBACK INFORM THE USER ABOUT: What it is doing How it is interpreting the user’s input User should always be aware of what is going on

DESIGN (cont.) INFORM THE USER ABOUT: User interface should be designed to match the skills, experience and expectations of its anticipated users Users often judge a system by its interface rather than its functionality Designers should be aware of people’s physical and mental limitations and should recognize user mistakes

REFERENCES (cont.) Sauter, V. L. (2011). Decision support systems for business intelligence. Wiley-Blackwell (an imprint of John Wiley & Sons Ltd). Darejeh, A., & Singh, D. (2014, 09). An investigation on Ribbon interface design guidelines for people with less computer literacy. Computer Standards & Interfaces, 36(5), 808-820. doi:10.1016/j.csi.2014.01.006 Xerox Digital Printing. “Top Takeaway from PRINT '17.” Xerox, Xerox, 21 Nov. 2017, www.xerox.com/en-lu/digital-printing/insights/printing-business-evolution Weiser, M. (1991, 09). The Computer for the 21st Century. Scientific American, 265(3), 94-104. doi:10.1038/scientificamerican0991-94 Waldrop, M. M. (1993, 09). PARC Builds a World Saturated With Computation. Science, 261(5128), 1523-1524. doi:10.1126/science.261.5128.1523 Miller, G. A. (2003, 03). The cognitive revolution: A historical perspective. Trends in Cognitive Sciences, 7(3), 141-144. doi:10.1016/s1364-6613(03)00029-9

REFERENCES Want, R., Pering, T., Borriello, G., & Farkas, K. (2002, 01). Disappearing hardware [ubiquitous computing]. IEEE Pervasive Computing, 1(1), 36-47. doi:10.1109/mprv.2002.993143 Weiser, M., Gold, R., & Brown, J. S. (1999). The origins of ubiquitous computing research at PARC in the late 1980s. IBM Systems Journal,38(4), 693-696. doi:10.1147/sj.384.0693 PARC (2011). Busting the Myth of the Giant Green Button. Retrieved from https://uxmag.com/articles/busting-the-myth-of-the-giant-green-button “Ethnography and the PARC Copier.” YouTube, YouTube, 22 Dec. 2016, youtu.be/DUwXN01ARYg Sutherland, I.E. “SketchPad: A Man-Machine Graphical Communication System,” in AFIPS Spring Joint Computer Conference. 1963. 23. pp. 329-346.Sutherland, I.E. “SketchPad: A Man-Machine Graphical Communication System,” in AFIPS Spring Joint Computer Conference. 1963. 23. pp. 329-346. (3) Newman, W.M. “A System for Interactive Graphical Programming,” in AFIPS Spring Joint Computer Conference. 1968. 28. pp. 47-54.(4)

For a Copy of this Presentation QUESTIONS? For a Copy of this Presentation