CS 5115 USER INTERFACE DESIGN, IMPLEMENTATION AND EVALUATION

1
CS 5115 USER INTERFACE DESIGN, IMPLEMENTATION
AND EVALUATION

• Loren Terveen

2
User interfaces are everywhere

• Computers
• Telephones
• ATMs
• Cars
• Light switches
• Gas pumps
• and theyre not just graphical

3
And one of my favorite examples

• A taste of what youll be doing
  UI Hall of Fame/Shame

4
UI Hall of Fame or Shame?
Door 1
How do I open the door?
5
Door 2
How do I open the door?
6
Back to door 1
Door 1
7
Back to door 2
Door 2
8
How do I open the door?
Door 3
9
Door 3
No instructions needed!
10
Shame, Shame, and Fame

• Simple things should be simple to operate
• Instructions / explanations are a sign of
  failure!

• Visibility
• Affordances

11
UI Hall of Fame or Shame?
12
Hall of Fame

• People are better at recognizing what theyre
  looking for than recalling it
• Promote recognition over recall

13
Todays objectives you will

• Get a feel for what the course will be like
• Learn a little about the course staff
• Get a brief overview of the field of
  human-computer interaction (HCI)?
• Understand the details of the course
• Learn the course objectives
• Understand how you will be evaluated
• Learn about the group project

14
Course Staff

• Loren Terveen professor
• Fernando Torre TA
• See web page for details
• www.cs.umn.edu/classes/Fall-2008/csci5115/ then
  go to Teaching Staff link

15
A little about me

• 11 years at ATT/Bell Labs
• Came to Minnesota in April 2002
• Research interests in HCI / CSCW
• Online communities wikis geowikis
• Ubiquitous computing mobile, location-aware
  devices
• Recommender systems
• For more info
• http//www.cs.umn.edu/faculty/terveen.html
• http//www.grouplens.org
• http//www.cyclopath.org
• http//movielens.org

16
Human-Computer Interaction (HCI)?

• A discipline concerned with the design,
  evaluation and implementation of interactive
  computing systems for human use

• Interdisciplinary
• Computer Science Psychology Sociology
  Anthropology Visual and Industrial Design

17
Foundations of UI Design (1)?

• Human psychology
• Short-term long-term memory
• Problem-solving
• Attention
• Design principles
• Conceptual models knowledge in the world
  visibility feedback mappings constraints
  affordances

18
Foundations of UI Design (2)?

• Understanding users and tasks
• Tasks, task analysis, scenarios
• Contextual inquiry
• Personas
• User-centered design
• Low, medium, and high-fidelity prototypes
• visual design principles
• Evaluating designs
• Without users cognitive walkthroughs heuristic
  evaluation action analysis
• With users qualitative and quantitative methods

19
Current HCI topics

• Social computing
• Social networks
• Ubiquitous computing
• Games
• Interfaces for handheld wearable devices
• Information visualization
• Design methods
• Multimodal interfaces
• Tangible interfaces
• Universal usability
• .

20
HCI at UMN/CS

• 5115 design and evaluation methods
• 5125 collaborative and social computing
• 8115 graduate-level reading and research
• 8XXX Social Web
• See also Rhetoric, Psychology, Industrial
  Engineering,

21
Exercise

• Another taste of what youll be doing.

22
A two-person game

• Start with the numbers 1, 2, 3, ..., 9
• Alternate turns, taking one number at a time
• A player wins with any 3 numbers that sum to 15
• e.g., 1, 3, 9, 5 wins because 195 equals 15
• If numbers are all used with no winner, the game
  is a draw

23
OK, now try it another way
3
4
8
1
5
9
2
6
7
24
Now, observe

• Do you really need the numbers?
• An interface is a representation of a
  problem/task
• Display/presentation
• Operations
• A well-designed interface can wholly transform a
  task, making it much simpler
• Same point from another perspective Saul Amarel,
  On Representations of Problems of Reasoning About
  Actions.
• The choice of appropriate representations is
  capable of having spectacular effects on problem
  solving efficiency

25
5115 Details
26
Course learning outcomes

• Identify and apply basic principles of design
  psychology
• Apply user- and task-centered design methods
• Be familiar with fundamental UI software
  architecture concepts and their implementation
• Identify design challenges and apply appropriate
  methods for designing non-traditional
  interfaces
• Be familiar with current HCI research and
  technology trends

27
Meeting the objectives

• Class activities
• Interface Hall of Fame / Shame
• Ill do the first few, then youll take over
• Youll do in pairs
• 2-5 minutes typically 2 per class
• Lecture introduce design/evaluation concept
• In-class exercises practice and learn the
  concepts
• Some lectures will cover advanced topics in HCI
• Usability lab session
• Let me know your availability by next Wednesday

28
Meeting the objectives

• Group project lets you experience the task/user
  centered interface design process
• User and Task Analysis
• Design Low fidelity prototype
• Evaluation
• without users
• with users
• Implement high fidelity prototype
• Reflect and Re-design
• Two presentations initial paper prototypes and
  final presentation

29
Evaluating your progress
November 19 (no final)?
4 or 5 unannounced
once
Note UNITE students arent graded on quizzes /
class participation
30
The Project

• Done in groups
• 4-5 members (5 is better)?
• Get started now!
• Find a project that you can get excited about
• Find people with shared goals, vision, and work
  style
• If you have a project, start selling it
• Projects must have at least two real users (who
  are not members of the team)?
• Weekly TA meeting

31
Project Timeline (1)?
32
Project Timeline (2)?
Scheduling note the presentations will be done
at an Open House that will be scheduled soon
33
Scheduling notes

• Week 6 no regular class
• Initial Paper Prototype presentations
• Monday, Wednesday, Friday 930-1100
• Week 11 no regular class
• Usability Lab Visit
• Monday, Wednesday, Thursday 930 1130
• Week 12
• Exam Wednesday
• Week 15 (Final week)no regular class
• 3 hour Open House in the evening

34
Course Logistics

• Class website
• http//www-users.itlabs.umn.edu/classes/Fall-2008/
  csci5115/
• Syllabus, project guide, announcements, etc.
• Textbooks
• The Design of Everyday Things, Donald Norman
• Interaction Design, 2nd Ed., Preece, Rogers, and
  Sharp
• Task-Centered User Interface Design, Clayton
  Lewis and John Rieman (online)?
• Principles of Interactive System Design, Dan
  Olsen (online)?
• Various online articles

35
Next Steps

• Readings to get started on
• Preece, chapter 1
• Design of Everyday Things
• Wikipedia article on cognitive science
• Next week is all about finding projects / forming
  groups
• Monday brainstorm in groups, write up, vote
• Wednesday marathon presentation of project ideas

36
Some important interaction designs
37
(No Transcript)
38
(No Transcript)
39
(No Transcript)
40
(No Transcript)
41
(No Transcript)
42
Conclusion

• Your feedback