1. CS 3120 USER INTERFACE DESIGN, IMPLEMENTATION AND EVALUATION (UIDIE)
Dr. Ben Schafer

2. Getting to know you
Pull out a sheet of notebook paper and fold it in half the “long” way .
Using one of the markers I will pass around, write your “first name and last initial” (or the name you would like to be called).

3. An Introductory Task
The “first” person at each table will be given a digital camera.
That person should perform the following tasks:
Turn the camera on.
Prepare to take a picture of the next person to your “left”
Zoom in to well frame that person for a “mugshot”
Take a picture
Confirm that the picture took, was set up properly, and is in focus.
Turn the camera off.
Pass to the person whose picture you just took and REPEAT.

4. An Introductory Task
The “first” person at each table will be given a digital camera.
That person should perform the following tasks:
Turn the camera on.
Prepare to take a picture of the next person to your “left”
Zoom in to well frame that person for a “mugshot”
Take a picture
Confirm that the picture took, was set up properly, and is in focus.
Turn the camera off.
Pass to the person whose picture you just took and REPEAT.

5. As a table, discuss Were you able to perform the sequence of tasks?
What design features of the camera made this difficult?
What design features of the camera made this easy?
Pick ONE thing to change about the camera.

6. So what is this course all about?
A taste of what you’ll be doing… UI Hall of Fame/Shame

7. UI Hall of Fame or Shame?
Door #1
How do I open the door?

8. Door #2
How do I open the door?

9. How do I open the door?
Door #3

10. Door #1

11. Door #2

12. No instructions needed!
Door #3
No instructions needed!

13. Shame, Shame, and Fame Simple things should be simple to operate
Instructions / explanations are a sign of failure!
Affordances
Visibility

14. UI Hall of Fame or Shame?

15. Hall of Fame
People are better at recognizing what they’re looking for than recalling it
Promote recognition over recall

16. UI Hall of Fame or Shame?

17. Hall of Shame Who reads documents five lines at a time?
Match between the system and the real world.
Ok, technically you only READ one line at a time. However, who SKIMS five lines at a time?

18. UI Hall of Fame or Shame?

19. UI Hall of Fame or Shame. (What if I told you they do different things

20. Hall of Shame A picture isn’t ALWAYS worth 1000 words.
The designers had good intentions, but they were caught between several design principles.
Match between the system and the real world
Differentiate between actions

21. So what’s this all about?
A taste of what you’ll be doing… UI Hall of Fame/Shame
The study of a form of Software Engineering
The study of the field of HCI.

22. Human-Computer Interaction (HCI)
A discipline concerned with the design, evaluation and implementation of interactive computing systems for human use
design
implementation
evaluation
Interdisciplinary
Computer Science; Psychology; Sociology; Anthropology; Visual and Industrial Design; …

23. Current HCI we will study
Human psychology
Short-term & long-term memory
Problem-solving
Attention
Design principles
Conceptual models; knowledge in the world; visibility; feedback; mappings; constraints; affordances

24. Current HCI we will study
Understanding users and tasks
Tasks, task analysis, scenarios
User-centered design
Low, medium, and high-fidelity prototypes
Evaluating designs
Without users: cognitive walkthroughs; heuristic evaluation; action analysis
With users: qualitative and quantitative methods

25. Course Logistics Textbooks Class website
The Design of Everyday Things (3rd), Donald Norman
Task-Centered User Interface Design, Clayton Lewis and John Rieman (online)
Class website
Syllabus, lecture notes, etc.

26. Course objectives
Become an informed observer of people, objects, and how they interact
Learn principles of human psychology that form the basis of user-centered design
Learn to apply a task-centered user interface design method
Learn user interface evaluation methods

27. Meeting the objectives
Class activities
Lecture: introduce design/evaluation concept
Exercises: practice and learn the concepts
Presentations and Studio: most assignment will involve a deliverable which we critique as a group or you present independently to me.
Design Project
Will require a significant amount of time!
Is worth a significant portion of your grade!

28. Evaluating your progress

29. Design Project Done in groups of 4 members
Projects must have at least two real users (who are not members of the team)
Find a project that you can get excited about
Find people with shared goals, vision, and work style
Get started now!
If you have a project, start selling it

30. Next Steps Reading: Project: Next class:
Nothing due this week but LOTS next week
DOET, chapters 1-2 by Monday
DOET, chapters 3-4 by Friday
Project:
Begin brainstorming ideas.
“It Bugs Me” Activity (due Friday)
Next class:
More information about the “projects”