Difference between revisions of "AIM Class11"

esse quam videri
Jump to: navigation, search
(→‎Introduction to Java script rollovers)
 
(23 intermediate revisions by one other user not shown)
Line 1: Line 1:
−
[[Category:AIM]]
+
[[Category:Authoring Interactive Media]]
 
view [[AIM Assignment 8: Reframing Content]]
 
view [[AIM Assignment 8: Reframing Content]]
  
 +
-------------------------------------------------------------------------------------
 +
'''Class Goals'''
 +
#Discuss IA components (Organization, Labeling, Navigation, and Searching)
 +
#Discuss users, prototyping, and iterative design
 +
 +
-------------------------------------------------------------------------------------
 
Project 3 proposal due  
 
Project 3 proposal due  
  
−
==Introduction to JavaScript rollovers==
+
=Information Architecture=
−
From [http://www.w3.org/MarkUp/Guide/Advanced.html Dave Raggett's Advanced HTML] article:
+
==IA Components==
 +
===Organization===
 +
===Labeling===
 +
===Navigation Systems===
 +
#Global Navigation
 +
#Local Navigation
 +
#Contextual Navigation
 +
===Searching===
 +
 
 +
==Orientation==
 +
#Where am I?
 +
#Where can I go?
 +
#Where have I been?
 +
 
 +
==User Centered Design==
 +
#Basic steps in user centered design
 +
#Rapid prototyping with paper
 +
 
 +
==Iterative Design==
  
−
<pre>
 
−
<script type="text/javascript">
 
−
if (document.images)
 
−
{
 
−
    image1 = new Image;
 
−
    image2 = new Image;
 
−
    image1.src = "enter1.gif";
 
−
    image2.src = "enter2.gif";
 
−
}
 
  
−
function chgImg(name, image)
 
−
{
 
−
    if (document.images)
 
−
    {
 
−
        document[name].src = eval(image+".src");
 
−
    }
 
−
}
 
−
</script>
 
  
−
...
 
  
−
<a href="/" onMouseOver='chgImg("enter", "image2")'
 
−
onMouseOut='chgImg("enter", "image1")'><img name="enter"
 
−
src="enter1.gif" border="0" alt="Enter if you dare!"></a>
 
−
<pre>
 
  
−
==Intro to Image Ready Rollover==
+
===Supplemental Navigation Systems===
 +
#Sitemaps
 +
#Indexes
 +
#Guides
 +
==Presentations==
 +
Present [[AIM Assignment 7]] : CSS Zen
  
−
TODO make Image ready rollover tutorial
+
==Project 3 Overview==
 +
Introduce [[AIM Project 3]] (proposal due Week 11)
  
 
==Homework==
 
==Homework==
  
−
Quiz: PE and Nielson readings
+
AIM Assignment 8 (due Week 11)<br>
 +
Takehome Quiz: PE and IA readings
  
 
===Reading===
 
===Reading===
  
−
Pause and Effect: pgs. 60-69, 230-231<br>
+
Pause and Effect: pgs. 60-69, 230-231
−
Jakob Nielson readings?
+
 
 +
Information Architecture: Blueprints for the Web by Christina Wodtke
 +
#Organization and Structure: 89-119
 +
#Findability: 126-128
 +
#Controlled Vocabulary: 136-140
 +
#Personas: 156-167
 +
 
 +
Information Architecture for the World Wide Web
 +
Chapter 7: Navigation Systems pages 106-131

Latest revision as of 16:03, 5 August 2008

view AIM Assignment 8: Reframing Content

Class Goals

  1. Discuss IA components (Organization, Labeling, Navigation, and Searching)
  2. Discuss users, prototyping, and iterative design

Project 3 proposal due

Information Architecture

IA Components

Organization

Labeling

Navigation Systems

  1. Global Navigation
  2. Local Navigation
  3. Contextual Navigation

Searching

Orientation

  1. Where am I?
  2. Where can I go?
  3. Where have I been?

User Centered Design

  1. Basic steps in user centered design
  2. Rapid prototyping with paper

Iterative Design

Supplemental Navigation Systems

  1. Sitemaps
  2. Indexes
  3. Guides

Presentations

Present AIM Assignment 7 : CSS Zen

Project 3 Overview

Introduce AIM Project 3 (proposal due Week 11)

Homework

AIM Assignment 8 (due Week 11)
Takehome Quiz: PE and IA readings

Reading

Pause and Effect: pgs. 60-69, 230-231

Information Architecture: Blueprints for the Web by Christina Wodtke

  1. Organization and Structure: 89-119
  2. Findability: 126-128
  3. Controlled Vocabulary: 136-140
  4. Personas: 156-167

Information Architecture for the World Wide Web Chapter 7: Navigation Systems pages 106-131

Retrieved from "https://imamp.colum.edu/mediawiki/index.php?title=AIM_Class11&oldid=10786"