Upload
others
View
1
Download
0
Embed Size (px)
Citation preview
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.