University of Illinois, Urbana-Champaign

Educational Psychology 387

Computer Uses in Education

8 February 1996

Interactive Graphics / Interface Design

.

.

.

.

.

.

.

.

But first ...

.

.

.

.

Interactive Graphics / Interface Design

.

.

.

.

Interactive Graphics

.

.

.

.

Whole Graphic Links

.

.

.

.

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

.

.

.

.

How to create map graphics

.

.

.

.

Interface Design

.

.

.

.

.

.

.

Design features

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

    .

    .

    .

    .