But first...

• Announcements
  • OIR's Presentation Equipment show, Illini Union, Friday, Jan 25, 9:30 am - 3 pm, Illini Rooms
  • Helen Barrett (expert on eportfolios) visit Feb 7-8
  • Louis Gomez talk Feb 8, 1:45-2:45pm, 242 Ed Bldg.
• Resources
• Copying the WebBoard URL for a posting to put into C-Base
  • Look at the instructions in the Resources conference
• 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: * Content * Organization * Consistency * Distraction (colors, animation, graphics, music, ) * Readability, comprehendability * Aesthetics: appropriate use of white space

.

.

.

.

.

.

.

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/