SENG 310: Human Computer Interaction - UVic.caaalbu/HCI/HCI_1. Introduction.pdf · SENG 310 : Human...

37
SENG 310: Human Computer Interaction Instructor: Alexandra Branzan Albu [email protected] http://www.ece.uvic.ca/~aalbu

Transcript of SENG 310: Human Computer Interaction - UVic.caaalbu/HCI/HCI_1. Introduction.pdf · SENG 310 : Human...

Page 1: SENG 310: Human Computer Interaction - UVic.caaalbu/HCI/HCI_1. Introduction.pdf · SENG 310 : Human Computer Interaction, Lecture 1. 12 Human motion analysis {Motion is at the core

SENG 310: Human Computer Interaction

Instructor: Alexandra Branzan [email protected]://www.ece.uvic.ca/~aalbu

Page 2: SENG 310: Human Computer Interaction - UVic.caaalbu/HCI/HCI_1. Introduction.pdf · SENG 310 : Human Computer Interaction, Lecture 1. 12 Human motion analysis {Motion is at the core

SENG 310 : Human Computer Interaction, Lecture 1. 2

Topics

Course overviewMain issues and open problems in UI designProject

Page 3: SENG 310: Human Computer Interaction - UVic.caaalbu/HCI/HCI_1. Introduction.pdf · SENG 310 : Human Computer Interaction, Lecture 1. 12 Human motion analysis {Motion is at the core

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)

Page 4: SENG 310: Human Computer Interaction - UVic.caaalbu/HCI/HCI_1. Introduction.pdf · SENG 310 : Human Computer Interaction, Lecture 1. 12 Human motion analysis {Motion is at the core

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

Page 5: SENG 310: Human Computer Interaction - UVic.caaalbu/HCI/HCI_1. Introduction.pdf · SENG 310 : Human Computer Interaction, Lecture 1. 12 Human motion analysis {Motion is at the core

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.

Page 6: SENG 310: Human Computer Interaction - UVic.caaalbu/HCI/HCI_1. Introduction.pdf · SENG 310 : Human Computer Interaction, Lecture 1. 12 Human motion analysis {Motion is at the core

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.

Page 7: SENG 310: Human Computer Interaction - UVic.caaalbu/HCI/HCI_1. Introduction.pdf · SENG 310 : Human Computer Interaction, Lecture 1. 12 Human motion analysis {Motion is at the core

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.

Page 8: SENG 310: Human Computer Interaction - UVic.caaalbu/HCI/HCI_1. Introduction.pdf · SENG 310 : Human Computer Interaction, Lecture 1. 12 Human motion analysis {Motion is at the core

SENG 310 : Human Computer Interaction, Lecture 1. 8

Raw image data – 3D shoulder reconstruction

Page 9: SENG 310: Human Computer Interaction - UVic.caaalbu/HCI/HCI_1. Introduction.pdf · SENG 310 : Human Computer Interaction, Lecture 1. 12 Human motion analysis {Motion is at the core

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)

Page 10: SENG 310: Human Computer Interaction - UVic.caaalbu/HCI/HCI_1. Introduction.pdf · SENG 310 : Human Computer Interaction, Lecture 1. 12 Human motion analysis {Motion is at the core

SENG 310 : Human Computer Interaction, Lecture 1. 10

Raw input data for liver cancer reconstruction

2D segmentation

Page 11: SENG 310: Human Computer Interaction - UVic.caaalbu/HCI/HCI_1. Introduction.pdf · SENG 310 : Human Computer Interaction, Lecture 1. 12 Human motion analysis {Motion is at the core

SENG 310 : Human Computer Interaction, Lecture 1. 11

Page 12: SENG 310: Human Computer Interaction - UVic.caaalbu/HCI/HCI_1. Introduction.pdf · SENG 310 : Human Computer Interaction, Lecture 1. 12 Human motion analysis {Motion is at the core

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.

Page 13: SENG 310: Human Computer Interaction - UVic.caaalbu/HCI/HCI_1. Introduction.pdf · SENG 310 : Human Computer Interaction, Lecture 1. 12 Human motion analysis {Motion is at the core

SENG 310 : Human Computer Interaction, Lecture 1. 13

Page 14: SENG 310: Human Computer Interaction - UVic.caaalbu/HCI/HCI_1. Introduction.pdf · SENG 310 : Human Computer Interaction, Lecture 1. 12 Human motion analysis {Motion is at the core

A visualization tool for environmental surveillance

Page 15: SENG 310: Human Computer Interaction - UVic.caaalbu/HCI/HCI_1. Introduction.pdf · SENG 310 : Human Computer Interaction, Lecture 1. 12 Human motion analysis {Motion is at the core

SENG 310 : Human Computer Interaction, Lecture 1. 15

Page 16: SENG 310: Human Computer Interaction - UVic.caaalbu/HCI/HCI_1. Introduction.pdf · SENG 310 : Human Computer Interaction, Lecture 1. 12 Human motion analysis {Motion is at the core

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!

Page 17: SENG 310: Human Computer Interaction - UVic.caaalbu/HCI/HCI_1. Introduction.pdf · SENG 310 : Human Computer Interaction, Lecture 1. 12 Human motion analysis {Motion is at the core

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.

Page 18: SENG 310: Human Computer Interaction - UVic.caaalbu/HCI/HCI_1. Introduction.pdf · SENG 310 : Human Computer Interaction, Lecture 1. 12 Human motion analysis {Motion is at the core

SENG 310 : Human Computer Interaction, Lecture 1. 18

Introduction to usability

User Interface Hall of Shame

Page 19: SENG 310: Human Computer Interaction - UVic.caaalbu/HCI/HCI_1. Introduction.pdf · SENG 310 : Human Computer Interaction, Lecture 1. 12 Human motion analysis {Motion is at the core

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.

Page 20: SENG 310: Human Computer Interaction - UVic.caaalbu/HCI/HCI_1. Introduction.pdf · SENG 310 : Human Computer Interaction, Lecture 1. 12 Human motion analysis {Motion is at the core

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.

Page 21: SENG 310: Human Computer Interaction - UVic.caaalbu/HCI/HCI_1. Introduction.pdf · SENG 310 : Human Computer Interaction, Lecture 1. 12 Human motion analysis {Motion is at the core

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.

Page 22: SENG 310: Human Computer Interaction - UVic.caaalbu/HCI/HCI_1. Introduction.pdf · SENG 310 : Human Computer Interaction, Lecture 1. 12 Human motion analysis {Motion is at the core

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.

Page 23: SENG 310: Human Computer Interaction - UVic.caaalbu/HCI/HCI_1. Introduction.pdf · SENG 310 : Human Computer Interaction, Lecture 1. 12 Human motion analysis {Motion is at the core

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.

Page 24: SENG 310: Human Computer Interaction - UVic.caaalbu/HCI/HCI_1. Introduction.pdf · SENG 310 : Human Computer Interaction, Lecture 1. 12 Human motion analysis {Motion is at the core

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.

Page 25: SENG 310: Human Computer Interaction - UVic.caaalbu/HCI/HCI_1. Introduction.pdf · SENG 310 : Human Computer Interaction, Lecture 1. 12 Human motion analysis {Motion is at the core

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.

Page 26: SENG 310: Human Computer Interaction - UVic.caaalbu/HCI/HCI_1. Introduction.pdf · SENG 310 : Human Computer Interaction, Lecture 1. 12 Human motion analysis {Motion is at the core

SENG 310 : Human Computer Interaction, Lecture 1. 26

Usability engineering is a process

Page 27: SENG 310: Human Computer Interaction - UVic.caaalbu/HCI/HCI_1. Introduction.pdf · SENG 310 : Human Computer Interaction, Lecture 1. 12 Human motion analysis {Motion is at the core

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)

Page 28: SENG 310: Human Computer Interaction - UVic.caaalbu/HCI/HCI_1. Introduction.pdf · SENG 310 : Human Computer Interaction, Lecture 1. 12 Human motion analysis {Motion is at the core

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.

Page 29: SENG 310: Human Computer Interaction - UVic.caaalbu/HCI/HCI_1. Introduction.pdf · SENG 310 : Human Computer Interaction, Lecture 1. 12 Human motion analysis {Motion is at the core

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.

Page 30: SENG 310: Human Computer Interaction - UVic.caaalbu/HCI/HCI_1. Introduction.pdf · SENG 310 : Human Computer Interaction, Lecture 1. 12 Human motion analysis {Motion is at the core

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).

Page 31: SENG 310: Human Computer Interaction - UVic.caaalbu/HCI/HCI_1. Introduction.pdf · SENG 310 : Human Computer Interaction, Lecture 1. 12 Human motion analysis {Motion is at the core

SENG 310 : Human Computer Interaction, Lecture 1. 31

Project: milestones

Task analysisDesignImplementationEvaluation (heuristic and with users)Final reportPresentation (in class)

Page 32: SENG 310: Human Computer Interaction - UVic.caaalbu/HCI/HCI_1. Introduction.pdf · SENG 310 : Human Computer Interaction, Lecture 1. 12 Human motion analysis {Motion is at the core

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?

Page 33: SENG 310: Human Computer Interaction - UVic.caaalbu/HCI/HCI_1. Introduction.pdf · SENG 310 : Human Computer Interaction, Lecture 1. 12 Human motion analysis {Motion is at the core

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

Page 34: SENG 310: Human Computer Interaction - UVic.caaalbu/HCI/HCI_1. Introduction.pdf · SENG 310 : Human Computer Interaction, Lecture 1. 12 Human motion analysis {Motion is at the core

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.

Page 35: SENG 310: Human Computer Interaction - UVic.caaalbu/HCI/HCI_1. Introduction.pdf · SENG 310 : Human Computer Interaction, Lecture 1. 12 Human motion analysis {Motion is at the core

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

Page 36: SENG 310: Human Computer Interaction - UVic.caaalbu/HCI/HCI_1. Introduction.pdf · SENG 310 : Human Computer Interaction, Lecture 1. 12 Human motion analysis {Motion is at the core

SENG 310 : Human Computer Interaction, Lecture 1. 36

Examples of projects from past courses (cont’d)

Page 37: SENG 310: Human Computer Interaction - UVic.caaalbu/HCI/HCI_1. Introduction.pdf · SENG 310 : Human Computer Interaction, Lecture 1. 12 Human motion analysis {Motion is at the core

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