810:112 USER INTERFACE DESIGN, IMPLEMENTATION AND EVALUATION

1
810112 USER INTERFACE DESIGN, IMPLEMENTATION
AND EVALUATION

• Dr. Ben Schafer

2
So whats this all about?

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

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

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

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

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

12
UI Hall of Fame or Shame?

• Fold a sheet of paper in half the long way and
  write your name on it (not part of the
  fame/shame).
• When my digital camera is passed to you
• Turn it on
• Take a picture of the next person.
• Preview the picture to make sure it is useful
• Turn the camera off
• Pass to the next person

13
UI Hall of Fame or Shame?

• Was it usable?
• What did you like, what didnt you like?

14
So whats this all about?

• A taste of what youll be doing
  UI Hall of Fame/Shame
• The study of a form of Software Engineering
• The study of the field of HCI.

15
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

16
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

17
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

18
Current HCI we may only touch on

• Information visualization
• Computer-supported cooperative work
• Online communities
• Ubiquitous computing
• Interfaces for handheld wearable devices
• Multimodal interfaces
• Tangible interfaces
• Universal usability
• .

19
Course Logistics

• Textbooks
• The Design of Everyday Things, Donald Norman
• Task-Centered User Interface Design, Clayton
  Lewis and John Rieman (online)
• User Interface Design for Programmers, Joel
  Spolsky (online)
• Class website
• http//www.cs.uni.edu/schafer/courses/112/
• Syllabus, project guide, lecture notes, etc.

20
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

21
Meeting the objectives

• Class activities
• Lecture introduce design/evaluation concept
• Exercises practice and learn the concepts
• Studio most Fridays you will bring a
  deliverable which we critique as a group.
• Group project
• Will require a significant amount of time!
• Is worth a significant portion of your grade!

22
Evaluating your progress
10 indiv. / 55 group
April 6
4 unannounced/Count 3
Daily Hall of Fame/Shame
23
The Project

• Done in groups
• 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

24
Project Timeline (1)
25
Project Timeline (2)
26
Next Steps

• Reading
• For next week, read Spolsky, Chapter One
• Get a head start on reading DOET (Finish by
  January 22nd)
• Project
• Begin brainstorming ideas.
• It Bugs Me Activity
• Next class
• Basic human psychology
• Design concepts and principles