User interface: page parts
1 2017-06-15T11:23:59-07:00 Robin Davis da0e2acc3c36c8dbf9888410d7f40571f0627675 19405 2 Screenshot from Enchanting the Desert by Nicholas Bauch, http://www.enchantingthedesert.com, published by Stanford University Press (c) 2016 by the Board of Trustees of the Leland Stanford Jr. University. All rights reserved. Licensed under the Creative Commons License CC BY-NC-ND 4.0, https://creativecommons.org/licenses/by-nc-nd/4.0/ plain 2017-06-16T10:55:22-07:00 Evelyn Cordell 0b839a82d9813577973784c5536b2fe77bc7c74eThis page is referenced by:
-
1
2017-06-15T11:15:28-07:00
User Interface Overview
15
plain
2017-06-16T10:36:30-07:00
Once the user enters the site from the splash page, they are presented with a complex page design and navigational structure:
Navigation
There are three ways to explore the project content the reader can follow to traverse the site. Two are sequential and the other spatial.
Essay navigation takes the user through Bauch's own critical narrative, guided by the chapter titles at the top of the page, which open the table of contents on the left.
Slide navigation takes the user through Peabody's slideshow in its original order. The essay and slide navigation sequences do not line up, and indeed there are more essays than there are slides. The user interface does not demand that the user pick a sequence, and each page enables and encourages exploration using both.
Map navigation presents a spatial interface through which the reader can select station points that will call up corresponding photos and essays.
Additionally, top-level navigation takes the user to the homepage, search panel, bibliography, credits, and feedback.Page parts
Below the three navigation menus at the top of the page, the page is divided into four parts. The code calls these windows (or nodes) and names them Alpha, Bravo, Charlie, and Delta.- Alpha window: content is by default the essay, but can be changed to the photo with layer options (if the Bravo window is clicked) or the map with layer options (if the Charlie window is clicked).
- Bravo window: content is the photo image of the slide, sometimes with multiple photos if the essay is connected to multiple slides. When a photo in the Bravo window is clicked, the photo is enlarged in the Alpha window and shown with clickable layer options. The Bravo window is shrunk, and the Delta window enlarges slightly to show a preview of the essay. Inside the shrunken Bravo window, the slide number (a.k.a. Station Point) is displayed, bookended by previous/next buttons corresponding to slide navigation.
- Charlie window: content is the map, shown with a Station Point (location of Peabody's camera) and the viewshed, depicted by red shading. When the map in the Charlie window is clicked, the map is enlarged in the Alpha window and shown with clickable layer options. The Charlie window is shrunk, and the Delta window enlarges slightly to show a preview of the essay.
- Delta window: by default, the content is the chapter title and the previous/next buttons corresponding to essay navigation. When the photo in the Bravo window or the map in the Charlie window is clicked, the Delta window enlarges and displays the essay title and a preview of the text itself.
Other Technical Features:
Browser requirements
Content Relationships
Inventory of JavaScript libraries and files