CS 3724: Introduction to Human Computer Interaction

Chris North

Jason LeeSzu-Chia Lu

WELCOME TO THE

NEXT LEVEL

“Toto, I don’t think we’re in 2604 anymore.”

• Class discussion, participation• HWs/Projects: open-ended• Group project• Student presentations

Textbook• Mary Beth Rosson and John M.

Carroll, Usability Engineering: Scenario-Based Development of HCI(required)

• Visual C# .NET,Step-by-Step by Sharp&Jaggeror Core Ref by Williams(optional)

The Project• Team-based• Choose topic

– Information vizualization• Problem seeking / problem solving• Find users & problem, prototype,

interim review presentation, evaluate, revise, final presentation

• C# language?

Grading Breakdown•Presentation (hall of fame/shame) 5%•homework (4 x 5%) 20%•Mid term 10%•Design project 50%

•Team formation 0%•Requirements 10%•Formative analysis & design 20%•Interim presentation 5%•Prototype implementation 10%•Summative Evaluation 20%•Final presentation 5%•Final implementation 30%

•Final 15%

Policies Homework due in class Thurs. Late = 0 No early exams, make up by advance

arrangement Signed request with rationale

Reminder of VT Honor Code Specifically, tests and homeworks are individual

Students with special needs see me ASAP

Adminstrivia• Force-adds and prerequisite forms

– CRN is 91680 / 91681– Prerequisite is CS 2604, REQUIRED– Everyone must complete the forms TODAY– Must attend today– Add decisions by next meeting

• Web page (courses.cs.vt.edu/~cs3724) contains syllabus, lecture outlines, assignments, and related materials

HCI ???1. What is it?2. Who cares?3. Why is it hard?4. How does it work?5. What will I learn?

1. What is HCI?

1. What is HCI?Human-Computer Interaction

1. What is HCI?Human-Computer Interaction

1. Requirements analysis2. Design3. Development4. Evaluation of user interfaces for computer systems

Huh?

An example:

HomeFinder

Apartments.com

HitList

HomeFinder

The Goal of HCIUsability

• People are trying to accomplish their tasks in life. (system independent)

• Introduce a system,User Interface should maximize their ability.

task

system

person

2. Who Cares?Everyone, because:1. Everything is a User Interface

Doors

More Doors

2. Who Cares?Everyone, because:1. Everything is a User Interface

2. The User Interface is Everything

Florida Cares!

• Human error: Who’s fault is it?

                                                                           

                                                                                                           

3. Why is it so hard?

Usability is hard• People (users) are all different• People are unpredictable• Design skill isn’t enough• Evaluation with users is required• Designer’s pride• New ways to think, break out of

the box

Usability is hard• People (users) are all different• People are unpredictable• Design skill isn’t enough• Evaluation with users is required• Designer’s pride• New ways to think, break out of the box• Programmers stink at Usability

Programmers stink at Usability

• don’t think like ‘normal’ people• know the software internals,

technology first• enjoy systems more than people• arrogant (my software!)

Usability is hard

4. How does it work?

Reqs Analysis

Evaluate

Usability Engineering

Design

Develop

4. How does it work?

Reqs Analysis

Evaluate

many iterations

Usability Engineering

Design

Develop

5. What will I learn?

• Activity design• Information design• Interaction design

• GUI programming• Widgets, graphics, animation• C#

Reqs Analysis

Evaluate Design

Develop

• Task analysis• Ethnography

• Usability studies• Controlled experiments

Problem scenarios

summativeevaluation

Information scenarios

claims about current practice

analysis ofstakeholders,field studies

Usability specifications

Activityscenarios

Interaction scenarios

iterativeanalysis ofusability claims andre-design

metaphors,informationtechnology,HCI theory,guidelines

formativeevaluation

DESIGN

ANALYZE

PROTOTYPE & EVALUATE

Scenario-Based D

esign

Grander Goals?• Get angry!

• Mental shift:• From system-centered design

to user-centered design

• Break out of the box

Before you Leave…

• Prerequisites form!