But first...

• Announcements
  • CITE's brownbag, Friday, 12-1pm, 192 Lincoln Hall, free cookies: Mats Selen, Physics Professor, "Just In Time Teaching: More fun than a professor should be allowed to have?"
  • Resources
  • your pictures

.

.

.

.

Interactive Graphics & Interface Design

.

.

.

.

.

.

.

.

Interface Design

• What makes a good web page?
  • Your exemplary educational web sites
  • What makes a good educational web page?

.

.

.

.

Web Page Design

Reasons: Reasons: Easy to follow: navigational issues consistency but not "foolish consistency" Accessibility: Browser differences: what you see on the web is not necessarily what other people see appropriate use of animation or other motion Content: good, credible information font size, styles, etc. goal-orientation: what do I want this page to do, and does this element add or detract from those goals. simplicity, "clean" designs

.

.

.

.

.

.

.

Design features

• importance of part of page that appears before any scrolling
• inverted "L" layout
• strategic use of motion

Gestalt Psychology's perceptual organization principles

• proximity
• similarity
• good figure
• common fate

Proximity

                          X                  X
                          X                  X

                          X  X
                          
                          
                          
                          
                          
                          
                          X  X

Similarity

                             X     O




                             X     O

                             X   X


                              O          O

Good figure

Not-such-a-good figure

Common fate

• 
• Coherence illusion applet: http://www.ed.uiuc.edu/courses/edpsy387/fa98/java-illusion/