.

.

.

.

But first ...

• major project proposals due today (on paper or via email or URL via email or etc.)

.

.

.

.

Interactive Graphics & Interface Design

.

.

.

.

Interactive Graphics

• "Clickable graphics"
• Blue line around it
  

  

• Simple whole graphic links
• graphic "maps"

.

.

.

.

Whole Graphic Links

• Just link the graphic link!

.

.

.

.

Graphic link: <img src="mygraphic.gif">

Linked graphic link:
<A HREF="GoHere.html"><img src="mygraphic.gif"></A>
   or
<A HREF="AnotherGraphic.gif"><img src="mygraphic.gif"></A>
.
.
.
.

"Clickable" maps

• you go different places depending on where in the graphic you click
• Web66 example

.

.

.

.

How to create map graphics

.

.

.

.

Interface Design

• What makes a good web page?
  • Nan Goggin's Design Guide
  • Yale style guide
• What makes a good personal web page?

  .

  .

  .

  .

  .

  .

  .

  Design features

• Consistency/simplicity/aesthetically attractive
  ........however
  
• Match of interface to audience goals
  Lin & Levin paper

  .

  .

  .

  .

  .

  .

  .

  .

  For next week

  • Read Lin & Levin paper, be prepared to discuss the strengths and weaknesses of consistency in web interface design