...
This screen is the first of the application, and . It introduces visitors to the themes of the DIA, which are represented as Icons: Identity, Morality, Family, Power & Politics, Sports, and Life & Death.museum and allows them to view more information about a theme by selecting one.
Storycard 1: List DIA themes
- Each theme of the museum will be indentified by a name and an icon.
- Each theme icon will use a single color, and each theme icon will have a unique color. The colors will be a motif on the next Theme information screen.
- Heading, centered, should
...
- read: "Themes"; Subheading, centered, should be "Select a theme to view the galleries within."
...
- For 12 or less themes, the icons should be laid out in a grid that contains no more than 4 in a row, and each incomplete row should have its contents left justified. For 12 or more, the icons in the same fashion expect, there should be no more than 5 in a row.
- Every Theme icon must have the ALT text (e.g. "Identity") of the theme it depicts
Touch screen
- Tapping on a
...
- theme button takes the user to the Galleries Index associated with that theme.
Keyboard navigation
- When a
...
- theme icon receives focus the focus should be visible.
- Arrow keys are used to give an icon focus; focus can be cycled around.
- Pressing enter on a Theme Icon with Focus takes the user to the Galleries Index associated with that theme.