Kiosk storycards, galleries index (Draft 6)
Overview
This screen depicts what happens when someone selects a particular theme (e.g. "Identity") from the Home Screen (theme index) page.
Storycard
Heading should read: "Galleries of Identity"; Sub heading should consist of two lines, first: "Tap one of the galleries below to read more about it"; second: "Use the PRINT MAP button to take a copy of the map with you" with PRINT MAP in bold and capitalized.
Gallery icons are a customizable image, or rotating set of customizable images which represent the gallery. If a rotating set of images are used, images should rotate every 5 seconds, and the rotation should be staggered so all galleries do not change images at the same time.
Gallery icons could be structured as an unordered list.
Theme icon (e.g. "Identity") alt text = "Theme: Identity"
Each Galleries icon has alt text corresponding to the name of the gallery "African American", followed by the word "Gallery", e.g. ALT = "African American Gallery"
Maps depicting Levels of the DIA could be given the alt text "On Level 1 of the DIA, you will find art in the Contemporary, African American, and British Portrait galleries related to the theme of Identity.." etc.
Touch Screen Navigation
Tapping on a Gallery Icon (e.g. "Medici") takes the user to the next screen (Gallery View).
Tapping on the gallery in the map space (e.g. the location of "Medici" on the map) takes the user to the next screen (Gallery View).
Tapping in the box around the gallery's name in the name next to the highlighted gallery on that map, takes the user to the next screen (Gallery View).
Tapping on the "Print Map" button will open the sliding drawer with the printing options (Printing Map).
Tapping the minimized "Theme Index" in the lower left-hand corner will close the current screen, and bring the user back to the start of the program and interaction.
Keyboard Navigation
Focus order: list of galleries, print icon, Home Screen Theme index page (entire theme index bubble as a whole is focasable, but not the elements inside), start over
Focus is visible
Arrow keys are used to give an icon focus; focus can be cycled around
Pressing enter on an element with Focus (e.g. a Gallery Icon) takes the user to the Galleries Index associated with that theme