burrelle's information office (BIO 98) - screen shots

home page

Four main areas of navigation clearly and elegantly represented in main window and persistent left-hand navbar.  functions persistently presented across top with iconic and textual labels.

↓

interaction:

user selects "media clips" from main window or left core navbar.

↓

media clips page

functions and navbar persist.  subnavigation of selected area is displayed, and main window displays summary of available content by type.

↓

interaction:

user selects desired type of content from main window or left core navbar, then chooses a black & white newspaper clipping from the subsequent list.

↓

clip view page (b&w image)

navigation persists as previous, except selected content type is highlighted.  state is preserved in main window as well: selected black & white clip is highlighted in list pane, displayed in the image pane, and has its details shown in embedded browser pane to left of clip.

↓

interaction:

user selects a color magazine clipping from the list of clips.

↓

clip view page (color image)

navigation persists as previous, except color clip is shown.  clip types (color, b&w, web site, video, text, etc.) are differentiated by icons to left of each clip in list.

↓

interaction:

user selects "search" from persistent function bar at top.

↓

clip view page (video clip)

navigation persists as previous, except video clip is shown with appropriate video controls.  user experience is unchanged even though clip type is different.

↓

interaction:

user selects "search" from persistent function bar at top.

↓

search dialog

as search fields are chosen from list at left, criteria at right side of window changes appropriately.  for fields with discrete choices (e.g. media outlet) user is provided with a list representing the data currently in the database - this saves the user from searching for nonexistent data.  each new set of criteria specified by user is added to criteria field at bottom.