University of Illinois, Urbana-Champaign
Educational Psychology 387
Computer Uses in Education
Interactive Graphics & Interface Design
.
.
.
.
.
.
.
.
But first ...
- David Pearson, former Dean of the College of Ed & current professor at Michigan State, "Performance Assessment in American Education: Has it Fulfilled its Promise?", Room 3269 Beckman Institute, 4pm, Friday, Feb 27th
- Janet
Glaser, Associate Vice Chancellor for Research, "Ethical Issues in Research", 210A Ed Bldg, noon - 1 pm, Friday, Feb 27th
.
.
.
.
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
.
.
.
.
.
.
.
.
Interface Design
- What makes a good web page?
- What makes a good personal web page?
- What makes a good organizational 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
- Major Project Proposals due next week:
- what question or issue related to technology and learning?
- what set of learners?