CSC 360

Spring 2015

Craig Miller

• Home
• Basic Information
• Grades and Policies
• Schedule

Weekly Notes

• Week 1
• Week 2
• Week 3
• Week 4
• Week 5
• Week 6
• Week 7
• Week 8
• Week 9
• Week 10

Assignments

• Programming Assignment 1
• Team Project 1
• Programming Assignment 2
• Team Project 2
• Team Project 3
• Team Project 4

Technical References

• Mozilla Technical Documents
• HTML Tag Reference
• CSS Property Reference
• JavaScript Guide
• jQuery API

Human Perception

Perceptual modalities (e.g. visual, audio; also called channels) have a short-term buffer that maintains a store for a few seconds. They can record details independent of human attention and deliberation.

The cycle time for perception is approximately 100 msec.

Visual channel

This is often the most relevant for designing user interfaces. The eye scan rate is approximately 230 msec per movement.

• Features
  • Color
  • Motion
  • Segment properties (e.g. horizontal, diagonal)
  • Location (generally stored separate of other features)
• Gestalt principles --- principles for associating objects together
• Proximity
• Similarity
• Symmetry
• Continuity (alignment is a special case)
• Closure

See Mathis pages 64-65 for descriptions and examples. Soegaard provides a good online reference.

• Attention
  • Only one locus of attention
  • Some features (e.g. motion) receive attention without a deliberate decision. With effort, these features can be ignored.
  • Some features (e.g. diagonal segments) can receive attention if the attention system is prepared to find the features.

Discussion

• How do Gestalt principles affect how users scan and understand web pages? Which principles are most relevant to interface design?
• Examples where status indicators are outside of the locus of attention
• Consider the image of Ts on this page. Is is easy to find the red T? Why?
• What are the time profiles for different kinds of menu search:
  • Looking for exact text versus looking for general idea
  • New user versus repeated user