CMPUT 301: Lecture 36 Summary

1
CMPUT 301 Lecture 36Summary

• Martin Jagersand
• Department of Computing Science
• University of Alberta

2
HCI and program design

• Why worry about the user?
• People more expensive than machines
• Errors may be unacceptable
• Cant sell unattractive and hard to learn SW
• Design
• For the user Useful, correct, complete,
  efficient
• For the programmer Portable, changeable,
  extensible, reusable

3
Course focusHow to do User Interfaces

• Object Oriented Design and SW eng
• Learn the programming skills
• The human
• What perceptual skills support what interaction?
• The interaction
• Task analysis, user models, usability, evaluation
• The Future
• Ubiquitous computing, 3D immersion, physical
  interaction

4
ExampleInteraction and interfaces

• The past?
• Text based interaction

If A then end
5
The present Direct manipulation

• xfig drawing program Icons afford use
• Results visible
• Direct spatial action-result mapping

matlab drawing
line(10, 20,30, 85) patch(35, 22,15, 35,
C) C complex structure text(70,30,'Kalle')
Potentially add font, size, etc
6
The future?Vision and Touch UI

• Observe and Interpret Physical Interactions
• Make Machines work with Humans
• Soon most appliances will have embedded computers

7
Learning for a lifetime

• Persistent
• The human senses
• Human cognitive capacity?
• Design patterns in problem solving

• Transient
• Programming languages
• Design methodologies
• UI technology

8
Design Patterns

• A design pattern provides a practical, proven
  solution to a recurring design problem.
• Classification
• creational
• creating objects
• structural
• composing classes
• behavioral
• distributing responsibilities among interacting
  classes

9
ExampleClient server pattern
10
Composite pattern
11
Observer Design Pattern
12
Cognitive Model

• Model Human Processor
• perceptual subsystem
• handle sensory stimulus
• input
• motor subsystem
• controls actions
• output
• cognitive subsystem
• does the processing to connect the above
• compute

13
Visual Processing elements and Pathways

• Eye transforms light into nerve impulses
• Optic chiasm splits left and right visual fields
• LGN Exact function unknown. May have to do with
  stereo.
• V1 (Striate cortex) performs spatial filtering /
  coordinate transforms

14
Motor and Sensory areas

• Central sulcus Where sensory and motor
  information (somehow) is unified.

15
Summary

• Major concepts
• object-oriented design and modeling
• UML notation
• Human sensation and perception
• usability paradigms and principles
• development process
• task analysis
• design and implementation evaluation
• dialog notations
• Past current and future UI technology

16
Summary

• Skills
• Unix
• Java
• Swing
• graphical user interfaces
• team-based project development