SENG 310: Human Computer Interaction
Instructor: Alexandra Branzan [email protected]://www.ece.uvic.ca/~aalbu
SENG 310 : Human Computer Interaction, Lecture 1. 2
Topics
Course overviewMain issues and open problems in UI designProject
SENG 310 : Human Computer Interaction, Lecture 1. 3
Course outline
Web page:http://www.ece.uvic.ca/~aalbu/seng310currently under constructionBookmark and check frequentlyOffice hours: MR 10:00-11:00 EOW223Otherwise by appointment (email)
SENG 310 : Human Computer Interaction, Lecture 1. 4
Who am I?
Courses taught:spring 2006: Fundamentals of Computer Vision (UVic)2005, 2004: Introduction to Virtual Reality (Laval University, Quebec)Advanced Computer Vision for Video Understanding(Laval University, Quebec)
Research:- Computer vision- Pattern recognition- Image processing- Vision-based (perceptual) user interfaces- Member of the DSP Laboratory at UVic
SENG 310 : Human Computer Interaction, Lecture 1. 5
What is Computer Vision?[Computer vision] started as a branch of artificial intelligence,and it turned out to be a multifaceted and complex issue." Roberto Manduchi, Dept. Of Computer Engineering, University of California, Santa Cruz
Original goal of vision : understanding a single image representing a static scene ( object identification, structure retrieval etc.)
Most recent trend: video understanding (motion representation, activity recognition, tracking, optical flow etc.)
Real-time video understanding finds many applications in user interfaces.
SENG 310 : Human Computer Interaction, Lecture 1. 6
Applied research in Computer Vision
My research : interactive data visualization for medical imaging systemsWhy? Enhanced interactive data visualization should allow for a more accurate diagnosis, for therapy planning etc.Challenges: anatomical structures are complex, technical limitations in image acquisition.
SENG 310 : Human Computer Interaction, Lecture 1. 7
Interventional Magnetic Resonance Imaging
• non-invasive 3-D image acquisition technique
Context: the painful shoulder
• multi-planar facilities
• partial volume effect, motion artifact, noise, etc.
• the open-field configuration with vertical access is suitable for scanning the shouldercomplex in motion
Diagnosis :
- physical examination : motion assessment
- imaging : X-ray, magnetic resonance, ultrasonography etc.
SENG 310 : Human Computer Interaction, Lecture 1. 8
Raw image data – 3D shoulder reconstruction
SENG 310 : Human Computer Interaction, Lecture 1. 9
Input: Input: segmentedsegmented imagesimages Output : 3D Output : 3D modelmodel
3D reconstruction of the human shoulder (medical imaging)
SENG 310 : Human Computer Interaction, Lecture 1. 10
Raw input data for liver cancer reconstruction
2D segmentation
SENG 310 : Human Computer Interaction, Lecture 1. 11
SENG 310 : Human Computer Interaction, Lecture 1. 12
Human motion analysis
Motion is at the core of human behavior. For example, we move when we communicate (through facial expressions and gestures), when we interact with each other and with objects in the world.Recovering this motion is necessary if we want computers to understand human actions. It’s not easy! Models : deformable motion, articulated motion. Assumptions: simple background, limited occlusion etc.
SENG 310 : Human Computer Interaction, Lecture 1. 13
A visualization tool for environmental surveillance
SENG 310 : Human Computer Interaction, Lecture 1. 15
SENG 310 : Human Computer Interaction, Lecture 1. 16
Course information
Textbook: Alan Dix, Janet Finley, Gregory Abowd, Russel Beale: Human Computer Interaction, 3rd edition.
Additional readings will be posted on the course website.
Slides!
SENG 310 : Human Computer Interaction, Lecture 1. 17
Course objectives
To present HCI as a usability engineering process integrating design, implementation, and evaluation of interfaces.
SENG 310 : Human Computer Interaction, Lecture 1. 18
Introduction to usability
User Interface Hall of Shame
SENG 310 : Human Computer Interaction, Lecture 1. 19
Introduction to usability (cont’d)A more usable alternative
clicking on a checkbox in Click & Print opens a dialog box for entering the information to be printed on a certificate.
SENG 310 : Human Computer Interaction, Lecture 1. 20
The user interface is importantIt strongly affects the perception of software (i.e. ease of use ratings)Usable (user-friendly) software sells betterUnusable web sites are abandonedThe user perception of software is often biased“Oops, I missed the File menu again! How stupid of me.”
adapted from Dr. Rob Miller’s Lecture notes on UI Design and Implementation, MIT 2004.
SENG 310 : Human Computer Interaction, Lecture 1. 21
User Interfaces are hard to design
You are not the user–Most software engineering is about
communicating with other programmers–UI is about communicating with users
• The user is always right–Consistent problems are the system’s fault• …but the user is not always right– Users aren’t designers, and should not be forced to fill
“Yeah, the interface is bad, but users can customize it however they want it.”
adapted from Dr. Rob Miller’s Lecture notes on UI Design and Implementation, MIT 2004.
SENG 310 : Human Computer Interaction, Lecture 1. 22
User Interfaces are hard to build
User interface takes a lot of software development effort
• UI code accounts for ~50% of:–Design time– Implementation time–Maintenance time–Code sizeMyers & Rosson, “Survey on user interface
programming”, CHI ’92.adapted from Dr. Rob Miller’s Lecture notes on UI Design and
Implementation, MIT 2004.
SENG 310 : Human Computer Interaction, Lecture 1. 23
Usability defined
Usability: how well users can use thesystem’s functionality• Dimensions of usability– Learnability: is it easy to learn?– Efficiency: once learned, is it fast to use?– Memorability: is it easy to remember whatyou learned?–Errors: are errors few and recoverable?–Satisfaction: is it enjoyable to use?
adapted from Dr. Rob Miller’s Lecture notes on UI Design and Implementation, MIT 2004.
SENG 310 : Human Computer Interaction, Lecture 1. 24
Usability dimensions vary in importance
Depends on the user–Novice users need …–Infrequent users need …–Experts need…
• But no user is uniformly novice or expert– Domain experience– Application experience– Feature experience
adapted from Dr. Rob Miller’s Lecture notes on UI Design and Implementation, MIT 2004.
SENG 310 : Human Computer Interaction, Lecture 1. 25
Usability is only one attribute of the system
Software designers have a lot to worry about:
– Functionality – Usability– Performance – Size– Cost – Reliability– Security – Standards• Many design decisions involve tradeoffsamong different attributes• We’ll take an extreme position in this class
adapted from Dr. Rob Miller’s Lecture notes on UI Design and Implementation, MIT 2004.
SENG 310 : Human Computer Interaction, Lecture 1. 26
Usability engineering is a process
SENG 310 : Human Computer Interaction, Lecture 1. 27
In this course, you’ll learn
– how human capabilities influence usability- how to analyze users’ tasks– guidelines for good UI design– the importance of iterative design– how to build prototypes– how to evaluate UIs
• Expert (heuristic) evaluation• User testing
– current research in user interfaces- how to design a particular type of user interface
(project)
SENG 310 : Human Computer Interaction, Lecture 1. 28
Evaluation
3 midterms 45%3 assignments 25%Project 30%
You must pass the combined mid term score in order to pass the class.The assignments must be completed individually. Late assignments will not be accepted.
SENG 310 : Human Computer Interaction, Lecture 1. 29
Project: general
One project description for all teamsThe scope of the project is intentionally left open. This way, each group can explore the design space and come up with innovative and original solutions.5% from the project mark (30%) comes from how well your team does compared to other teams.Collaboration between teams is therefore discouraged and will be penalized.
SENG 310 : Human Computer Interaction, Lecture 1. 30
Project: team forming
Teams will be composed of 4 students.Choose your team members. Select a name for your team (optional) and send me an email about the team composition.Email me immediately if you would like to be assigned on a team.I reserve the right to change the team composition (e.g. by adding a new member).
SENG 310 : Human Computer Interaction, Lecture 1. 31
Project: milestones
Task analysisDesignImplementationEvaluation (heuristic and with users)Final reportPresentation (in class)
SENG 310 : Human Computer Interaction, Lecture 1. 32
Project: context
In this project, you will redesign a web site:http://dsrf.org/index.cfm?fuseaction=research.facialEx
pressions_consent
This web site is a user interface for the study of the perception of emotion.
Comparative study children with DS versus typical children
What is wrong with this web site?It is designed for adults; we want a web site that
should be engaging for children and help them achieve the best of their performances.
Who are our users?
SENG 310 : Human Computer Interaction, Lecture 1. 33
User Interface Design for childrenThe Kidsroom at MIT: interactive and narrative playspace using computer vision sensing technologies
SENG 310 : Human Computer Interaction, Lecture 1. 34
Project: tools
You are free to choose any tool for web or GUI design. Hint: choose the one that you are most familiar with, so that you won’t spend most of the time in learning how to use the software. Be sure that your team includes a technical specialist.Design with the user in mind: user requirements gathering (invited lecture: Dr. Naznin Virji-Babul)Research is an important part of your project: UI design for a special population (children, children with DS)Each team will read and present 1 research paper related to UI design for children. Presentations (15 minutes each) will be scheduled at the end of each lecture. Links to research papers will be available on the course web site.
SENG 310 : Human Computer Interaction, Lecture 1. 35
Examples of projects from past coursesIntroduction to Virtual Reality, Laval, 2005.
Project description: design of a virtual tag play game involving two players.
Requirements: interactive, collaborative, glove-based input
SENG 310 : Human Computer Interaction, Lecture 1. 36
Examples of projects from past courses (cont’d)
SENG 310 : Human Computer Interaction, Lecture 1. 37
Next course (Thursday)
History of Human Computer InteractionRequired reading (available from course website):
Brad Myers: A Brief History of the Human Computer Interaction Technology