Arcadia Comparative Literature System

Initial Wire-frames and Mock-ups11/12/14

Rob Dorn

Drop down menus to select which text you would like to compare in each frame, A or B.

Arrows to paginate

Sections Explained:A.) First comparatives section (Updated text)B.) Second comparative section (Original text)C.) Section for annotations to be displayed

Click Sentence -> Annotations filled

Low Fidelity Wire-frames

Scrolling enabled and linked in each section

Text that has annotations is underlined or highlighted as a visual cue

On Text ClickAnnotations

Stanza or Section number displayed here

Possible Features

1.) Swipe left or right support for pagination2.) Keyboard arrow keys (left/right) for pagination3.)Tap functionality for links to show up in annotations

Navigational Menu Items

Home - Project homepageAbout - Background information about the projectArcadia Compsys - Comparative Literature SystemContact - Basic contact information as well as web form to send messages to teamMap - Interactive map showing places and events in Arcadia mapped onto Google MapNews - Section to share current progress of project, accomplishments, and goals achieved.

Initial Mock-up

In this mock-up:Bold/italicized/dark blue text: Text change after clickBlue text: indication that annotation exists for that sentenceMenu on right: Example of hover and drop down select (Editions listed are just place holder text)Example of scroll bars: The main areas’ scrollbars would be linked, scroll in one and the other readjustsArrows on side of screen to indicate paginationBold number at beginning of text: The number of the section/page/stanza

The wire-frames and mock-up contained within this document are initial renderings of the concepts described. Functionality and design may change

as this project progresses.