Low-fi Prototyping and Usability TestingMarch 11, 1999
|
Interface #1 displays all of the links on a left-hand frame. Interface
#2 displays links along a top frame using drop-down menus that are revealed
on mouse-overs.
Both interfaces have a top frame that displays two timelines. The world timeline is in red and the suffragist chronology is in blue. We sketched most pages of the interface, but we printed the content
from our already existing Web site onto paper so that we could test the
interfaces using real content. We wanted the testers to be presented with
actual content when they "clicked" on a link
|
General Navigation |
|
Interface #1View Interface #1 "In Action" |
Interface #2View Interface #2 "In Action" |
The left-hand frame is the main navigation bar. A box highlighting the name of the current page helps the users understand their current location. The timelines are in the top frame. | On the home page the link options of Search, Introduction, Primary Sources and Secondary Sources are in the top bar. Introduction, Primary Sources and Secondary sources are all pull-down menus. Below the top bar are the two timelines. |
Home page |
Home page |
|
|
---|---|
Periodicals PageThe Periodicals page is brought up in the body of the page. The left-hand frame changes to reflect the fact that the user is now in the Periodicals page and links to different ways the periodicals can be sorted is shown to the user (sorted by suffragists, by subject, or by date).
|
Primary Sources: Pull-down menuThe user can choose from one of the pull-down menus, for example periodicals from Primary Sources.Periodicals PageIf the user chose Periodicals from the Primary Sources menu, then the Periodicals page would come in as the body of the page. At this point the timeline and the navigation bar switch places, so the timelines are now on the top. Below Primary Sources, the links to different ways that the periodicals can be sorted are shown to the user (sorted by suffragists, by subject, or by date). Note: the option to view the full Primary Sources pull menu is still available when the "sort by" options are displayed. |
Dynaweb Interface Integration |
|
The primary reason that we wanted to test out an interface without the left-hand frame was because of the Dynaweb interface, which is in a left/right frame format (the left-hand frame contains the table of contents for the document that is in the right hand frame). Note: the user only gets the Dynaweb interface when they go to the actual document (eg: an oral history). | |
Interface #1 | Interface #2 |
When the user is in Dynaweb they get a frame within a frame (for example here the user is in the transcription of the Alice Paul interview). | The navigation bar at the top alleviates the frame within a frame problem in Interface #1 (but causes other problems, see Results section) |
Search |
|
The search page is the same for both interfaces. There is the option to choose a quick search or a full-feature search. In the full-feature search, the user can enter a search term into the "search for" box. We then offer the options of searching by person, place, organization, or subject. Since the text is encoded in SGML, when users choose one of the options they are then searching across the SGML tags, not just performing a keyword search. The "browse" pull down menu allows users to browse the person, place, organization, or subject lists in order to get an idea of what is available or to help recall a name. "Limit by collection" is also a pull down menu option, with "all" being the default. Finally, the user can choose to search on a phrase, key words or to use Dynaweb SGML language. | |
Interface #1 | Interface #2 |
![]() |
![]() |
Search Results |
|
A search of the documents is done in Dynaweb, so the results come up in Dynaweb. For both interfaces, here are the results of a search across all the New York World periodicals for the name Alice Paul. | |
Interface #1 | Interface #2 |
![]() |
![]() |
Browse page |
|
The browse page lists persons, places, organizations, or subjects that the user can search on. When users find the term that they want, they can "click" on it and it will appear in the "search for:" box of the Search page. | |
Interface #1 | Interface #2 |
Browse on Places: | Browse on Places: |
Timeline |
|
When users "click" on a date on the timeline, a pop-up window appears on top of whatever is currently on the screen. This looks the same in both interfaces; here is an example using Interface #2. | |
![]() |