fall 2012 prof. searleman jets@clarkson
TRANSCRIPT
![Page 2: Fall 2012 Prof. Searleman jets@clarkson](https://reader036.vdocuments.mx/reader036/viewer/2022062222/62a4a1fe1280c9638400fa9a/html5/thumbnails/2.jpg)
Course objectives
Administrivia
Introduction to Interaction Design
Motivating Examples
Good & Bad Designs
![Page 3: Fall 2012 Prof. Searleman jets@clarkson](https://reader036.vdocuments.mx/reader036/viewer/2022062222/62a4a1fe1280c9638400fa9a/html5/thumbnails/3.jpg)
This course is an introduction to the field of Human-Computer Interaction (HCI)
Students will learn how to design, evaluate and implement interactive systems from the user’s perspective
![Page 4: Fall 2012 Prof. Searleman jets@clarkson](https://reader036.vdocuments.mx/reader036/viewer/2022062222/62a4a1fe1280c9638400fa9a/html5/thumbnails/4.jpg)
course webpage:
http://www.clarkson.edu/~jets/cs459
contact info: office: SC375 & Applied CS Labs:VR (SC364) phone: 268-2377
email: [email protected]
![Page 5: Fall 2012 Prof. Searleman jets@clarkson](https://reader036.vdocuments.mx/reader036/viewer/2022062222/62a4a1fe1280c9638400fa9a/html5/thumbnails/5.jpg)
Designing the User Interface, 5th Edition, by Shneiderman & Plaisant, Addison Wesley, 2010,
ISBN-10 0-321-53735-1
ISBN-13 9780321537355
(referred to as DTUI
throughout the course)
Companion website to DTUI
![Page 6: Fall 2012 Prof. Searleman jets@clarkson](https://reader036.vdocuments.mx/reader036/viewer/2022062222/62a4a1fe1280c9638400fa9a/html5/thumbnails/6.jpg)
Interaction Design: beyond human-computer interaction, 2nd edition, Preece, Rogers & Sharp, Addison-Wesley, 2005, ISBN 0-321-19786-0 (called the ID2 book)
User Interface Design and Evaluation, by Stone, Jarrett, Woodroffe & Minocha, Morgan Kaufmann, 2005, ISBN 0-12-088436-4
About Face 3: The Essentials of Interaction Design, Cooper, Reimann & Cronin, Wiley, 2007,
ISBN 0470084111
also see the “on-line resources” on the course webpage
![Page 7: Fall 2012 Prof. Searleman jets@clarkson](https://reader036.vdocuments.mx/reader036/viewer/2022062222/62a4a1fe1280c9638400fa9a/html5/thumbnails/7.jpg)
CS459 CS559 Assignments* 20% 15%
Presentation(s) 20% 25%
Project* 40% 40%
Midterm Exams 15% 15%
Class participation 5% 5%
Attendance: Participation in class discussions are an
essential part of this course, so attendance is required
and you must be prepared for class (i.e. have done the
reading in advance).
*We will be using Clarkson’s Usability Lab (in CEC)
![Page 8: Fall 2012 Prof. Searleman jets@clarkson](https://reader036.vdocuments.mx/reader036/viewer/2022062222/62a4a1fe1280c9638400fa9a/html5/thumbnails/8.jpg)
Each student in CS459 and CS559 will deliver a presentation based on an area of human-computer interaction (a list of suggested topics and references will be posted on the course webpage).
In addition to this, each student in CS559 will also present a research-level paper to the class. All students will write a reaction paper to it (details to follow later).
The presentation evaluation sheet is online
![Page 9: Fall 2012 Prof. Searleman jets@clarkson](https://reader036.vdocuments.mx/reader036/viewer/2022062222/62a4a1fe1280c9638400fa9a/html5/thumbnails/9.jpg)
The goal of the course project is to give you experience with designing and evaluating an interactive product.
The focus of the project is on the interaction design and evaluation, so the actual application can be a simple (but working) prototype
This can be integrated with another software project you are working on (for example, for CS350), as approved by both instructors.
![Page 10: Fall 2012 Prof. Searleman jets@clarkson](https://reader036.vdocuments.mx/reader036/viewer/2022062222/62a4a1fe1280c9638400fa9a/html5/thumbnails/10.jpg)
Late submission policy: Maximum 2 late days per assignment/project
deliverable
Each late day penalized with 10%
No late days for presentations and test
Legal notices on the world-wide web: Read and comply with accompanying legal notices of downloadable material
Specify all references used
Plagiarism and cheating: will not be tolerated
![Page 11: Fall 2012 Prof. Searleman jets@clarkson](https://reader036.vdocuments.mx/reader036/viewer/2022062222/62a4a1fe1280c9638400fa9a/html5/thumbnails/11.jpg)
Why study Human-Computer Interaction?
![Page 12: Fall 2012 Prof. Searleman jets@clarkson](https://reader036.vdocuments.mx/reader036/viewer/2022062222/62a4a1fe1280c9638400fa9a/html5/thumbnails/12.jpg)
Crashed near Cali, Colombia in 1995
Official cause: “pilot error”
Real cause: poor design
![Page 13: Fall 2012 Prof. Searleman jets@clarkson](https://reader036.vdocuments.mx/reader036/viewer/2022062222/62a4a1fe1280c9638400fa9a/html5/thumbnails/13.jpg)
Boeing 757 cockpit
![Page 14: Fall 2012 Prof. Searleman jets@clarkson](https://reader036.vdocuments.mx/reader036/viewer/2022062222/62a4a1fe1280c9638400fa9a/html5/thumbnails/14.jpg)
Pilots manually navigate only during takeoff, landing, inclement weather, emergencies.
Navigate by traveling between beacons
Flight management system
![Page 15: Fall 2012 Prof. Searleman jets@clarkson](https://reader036.vdocuments.mx/reader036/viewer/2022062222/62a4a1fe1280c9638400fa9a/html5/thumbnails/15.jpg)
Most common way to navigate to next beacon
Enter first letter of beacon
To navigate to “Rozo” beacon
Pilots enter “R” on flight management system
Plane navigates towards “Romeo” beacon
Flight management system does not provide feedback on chosen beacon
![Page 16: Fall 2012 Prof. Searleman jets@clarkson](https://reader036.vdocuments.mx/reader036/viewer/2022062222/62a4a1fe1280c9638400fa9a/html5/thumbnails/16.jpg)
Plane headed in the wrong direction, eventually crashing on a mountain
Speed brakes not disengaged when trying to accelerate
http://sunnyday.mit.edu/accidents/calirep.html
![Page 17: Fall 2012 Prof. Searleman jets@clarkson](https://reader036.vdocuments.mx/reader036/viewer/2022062222/62a4a1fe1280c9638400fa9a/html5/thumbnails/17.jpg)
Lessons
Expert users make mistakes
Feedback
Consistency
System state needs to match state expected
by users
![Page 18: Fall 2012 Prof. Searleman jets@clarkson](https://reader036.vdocuments.mx/reader036/viewer/2022062222/62a4a1fe1280c9638400fa9a/html5/thumbnails/18.jpg)
Software used to trade in Tokyo Stock Exchange
Trader for Mizuho tried to sell
1 share of J-Com for 610,000 yen
Instead he sold
610,000 shares of J-Com for 1 yen each
Software warned him, but he ignored warning
Attempted to undo, but it was not possible
![Page 19: Fall 2012 Prof. Searleman jets@clarkson](https://reader036.vdocuments.mx/reader036/viewer/2022062222/62a4a1fe1280c9638400fa9a/html5/thumbnails/19.jpg)
Confidence in Tokyo Stock Exchange damaged
Shares in NTT, rival of software maker, jumped 11%
$331,000,000 loss from trade for Mizuho
http://news.bbc.co.uk/2/hi/business/4512962.stm
![Page 20: Fall 2012 Prof. Searleman jets@clarkson](https://reader036.vdocuments.mx/reader036/viewer/2022062222/62a4a1fe1280c9638400fa9a/html5/thumbnails/20.jpg)
Lessons
Busy people in a hurry more likely to make
mistakes
Users rarely read warning messages because
they rarely matter
Good designs expect mistakes to happen
Provide “undo” capabilities
![Page 21: Fall 2012 Prof. Searleman jets@clarkson](https://reader036.vdocuments.mx/reader036/viewer/2022062222/62a4a1fe1280c9638400fa9a/html5/thumbnails/21.jpg)
Poll by UK charity found a third of men and a quarter of women drink to cope with stress
Almost one third said IT problems were a major cause of stress
Top cause of stress cited, followed by finances and commuting
Not as severe in effect as other issues (e.g. death, divorce), but much more common
![Page 22: Fall 2012 Prof. Searleman jets@clarkson](https://reader036.vdocuments.mx/reader036/viewer/2022062222/62a4a1fe1280c9638400fa9a/html5/thumbnails/22.jpg)
Lessons
Widespread use of technology means stressful interactions can have negative impact on society
http://news.bbc.co.uk/2/hi/health/4602872.stm
![Page 23: Fall 2012 Prof. Searleman jets@clarkson](https://reader036.vdocuments.mx/reader036/viewer/2022062222/62a4a1fe1280c9638400fa9a/html5/thumbnails/23.jpg)
![Page 24: Fall 2012 Prof. Searleman jets@clarkson](https://reader036.vdocuments.mx/reader036/viewer/2022062222/62a4a1fe1280c9638400fa9a/html5/thumbnails/24.jpg)
Technology available 10 years before WWW appeared
Graphical user interfaces
Modems
Internet
Hypertext
![Page 25: Fall 2012 Prof. Searleman jets@clarkson](https://reader036.vdocuments.mx/reader036/viewer/2022062222/62a4a1fe1280c9638400fa9a/html5/thumbnails/25.jpg)
Interface made difference
Not geared towards experts
Tim Berners-Lee worked at CERN
Web browser
Simplicity
Consistency
Easy to recuperate from errors
Easy to learn and remember
![Page 26: Fall 2012 Prof. Searleman jets@clarkson](https://reader036.vdocuments.mx/reader036/viewer/2022062222/62a4a1fe1280c9638400fa9a/html5/thumbnails/26.jpg)
Simple interface to access very powerful technology
Helps you notice and remediate typos
![Page 27: Fall 2012 Prof. Searleman jets@clarkson](https://reader036.vdocuments.mx/reader036/viewer/2022062222/62a4a1fe1280c9638400fa9a/html5/thumbnails/27.jpg)
![Page 28: Fall 2012 Prof. Searleman jets@clarkson](https://reader036.vdocuments.mx/reader036/viewer/2022062222/62a4a1fe1280c9638400fa9a/html5/thumbnails/28.jpg)
3G Mobile Phones
iTV
iPod
SMS Smart Fridge
Auto Mobile
Cooking Arrangement
![Page 29: Fall 2012 Prof. Searleman jets@clarkson](https://reader036.vdocuments.mx/reader036/viewer/2022062222/62a4a1fe1280c9638400fa9a/html5/thumbnails/29.jpg)
Ubiquitous Computing Pervasive Systems Tangible Interfaces Ambient Intelligence Context-aware Systems Augmented Reality
Increasing influence of these technologies on our day-to-day lives has fuelled a shift to user-centric design
![Page 30: Fall 2012 Prof. Searleman jets@clarkson](https://reader036.vdocuments.mx/reader036/viewer/2022062222/62a4a1fe1280c9638400fa9a/html5/thumbnails/30.jpg)
Human-Computer Interaction (HCI) is: “concerned with the design, evaluation and implementation of interactive computing systems for human use and with the study of major phenomena surrounding them” (ACM SIGCHI)
Interaction Design (ID) is: Designing interactive products to support people in their everyday and working lives. (Sharp, Rogers and Preece 2007)
We will concentrate on the design of computer technologies
“The old computing is about what computers can do; the new computing is about what people can do” - Ben Shneiderman
![Page 31: Fall 2012 Prof. Searleman jets@clarkson](https://reader036.vdocuments.mx/reader036/viewer/2022062222/62a4a1fe1280c9638400fa9a/html5/thumbnails/31.jpg)
Classic Software engineering
How to build functional, efficient, robust software on time given specifications
Usually not concerned with how users will interact with software
GUI design (Graphical User Interfaces)
Implies that you put something between people and code
Code developed independently from interface
Process does not start with users’ goals in mind
![Page 32: Fall 2012 Prof. Searleman jets@clarkson](https://reader036.vdocuments.mx/reader036/viewer/2022062222/62a4a1fe1280c9638400fa9a/html5/thumbnails/32.jpg)
![Page 33: Fall 2012 Prof. Searleman jets@clarkson](https://reader036.vdocuments.mx/reader036/viewer/2022062222/62a4a1fe1280c9638400fa9a/html5/thumbnails/33.jpg)
Academic disciplines contributing to ID: Psychology
Social Sciences
Computing Sciences
Engineering
Ergonomics
Informatics
![Page 34: Fall 2012 Prof. Searleman jets@clarkson](https://reader036.vdocuments.mx/reader036/viewer/2022062222/62a4a1fe1280c9638400fa9a/html5/thumbnails/34.jpg)
Design practices contributing to ID: Graphic design
Product design
Artist-design
Industrial design
Film industry
![Page 35: Fall 2012 Prof. Searleman jets@clarkson](https://reader036.vdocuments.mx/reader036/viewer/2022062222/62a4a1fe1280c9638400fa9a/html5/thumbnails/35.jpg)
Interdisciplinary fields that ‘do’ interaction design: HCI Human Factors Cognitive Engineering Cognitive Ergonomics Computer Supported Co-operative Work Information Systems
![Page 36: Fall 2012 Prof. Searleman jets@clarkson](https://reader036.vdocuments.mx/reader036/viewer/2022062222/62a4a1fe1280c9638400fa9a/html5/thumbnails/36.jpg)
Many people from different backgrounds involved
Different perspectives and ways of seeing and talking about things
Benefits more ideas and designs
generated
Disadvantages difficult to communicate and
progress forward the designs being create
![Page 37: Fall 2012 Prof. Searleman jets@clarkson](https://reader036.vdocuments.mx/reader036/viewer/2022062222/62a4a1fe1280c9638400fa9a/html5/thumbnails/37.jpg)
Increasing number of ID consultancies, examples of well known ones include: Nielsen Norman Group: “help companies enter the
age of the consumer, designing human-centered products and services”
Cooper: ”From research and product to goal-related design”
Swim: “provides a wide range of design services, in each case targeted to address the product development needs at hand”
IDEO: “creates products, services and environments for companies pioneering new ways to provide value to their customers”
![Page 38: Fall 2012 Prof. Searleman jets@clarkson](https://reader036.vdocuments.mx/reader036/viewer/2022062222/62a4a1fe1280c9638400fa9a/html5/thumbnails/38.jpg)
interaction designers - people involved in the design of all the interactive aspects of a product
usability engineers - people who focus on evaluating products, using usability methods and principles
web designers - people who develop and create the visual design of websites, such as layouts
information architects - people who come up with ideas of how to plan and structure interactive products
user experience designers (UX) - people who do all the above but who may also carry out field studies to inform the design of products
![Page 39: Fall 2012 Prof. Searleman jets@clarkson](https://reader036.vdocuments.mx/reader036/viewer/2022062222/62a4a1fe1280c9638400fa9a/html5/thumbnails/39.jpg)
Activity#1 (to prepare for class on Wednesday):
1. Find out more about at least 4 of the terms on Slide 29, and describe them in your own words
2. Take a critical look at Peoplesoft from an HCI point of view and list three good points and three bad points.
Type your answers and pass in a printout on Wednesday’s class.