Overview
- See An Exhibition wireframes
- An Exhibition wireframes and storycards are related to current exhibitions (not to upcoming ones, which are described under Exhibitions wireframes).
Exhibition main screen
Storycard 1: Display elements of main page
- Screen header should read the name of the exhibition
- The main page contains 3 sections: 1) about, 2) catalogue, and 3) guestbook
Storycard 2: Show About section
- Contains: 1) the name of the exhibition, 2) a short descriptive sentence about the exhibition, 3) its opening and end dates
- If the exhibition is permanent, the date will be replaced by the text "Permanent"
- "Read more" button sends the user to the About screen
Storycard 3: Show Catalogue section
- The title of this section reads "Catalogue" + the number of artifacts in it (e.g., "Catalogue (423)")
- This section shows a selection of highlighted artifacts (determined by the museum) in a grid layout.
- If there are no highlighted artifacts, 4 firsts objects in the Catalogue will appear.
- The name of the object appears under its thumbnail (64x64 px)
- The number of highlighted artifacts can be variable, with a maximum of 4 objects per row; if the number of highlighted artifacts exceeds 4, multiple rows are used
- If the artifact has an audio clip, an audio icon appears over the thumbnail
- "View the full catalogue" button sends the user to the Catalogue screen
Storycard 4: Show Guestbook section
- The title of this section reads "Guestbook" + the number of comments in it (e.g., "Guestbook (23)")
- Shows the most recent comment, consisting of:
1) name of the author (may appear as "anonymous", especially in the case of Engage 0.3 as we won't be collecting the user's name)
2) his/her location (if the above appears as "anonymous", this field should not exist)
3) the comment date
4) the comment itself
- The user can report abuse on a comment (details in Storycard 15)
- "Read all comments" buttons sends the user to the Guestbook screen.
- If there isn't any comment yet, a message will appear with the text "Be the first to comment on this exhibition".
About screens
Storycard 5: Display About page content
- Header should read "About:" + the name of the exhibition
- If the header text is longer than the available header space, ellipses should replace the remaining characters
- Elements of this page include:
1) exhibition thumbnail (72x72 px)
2) name of the exhibition
3) exhibition opening and end dates (or "Permanent")
4) short descriptive sentence about the exhibition (same as in the main page of the exhibition)
5) long descriptive text about the exhibition (which may contain links to websites)
Catalogue screens
General storycard
- If the artifact has an audio clip, an icon will appear over the thumbnail
- If the artifact has no image, a special "no image" thumbnail will appear
Storycard 6: Display artifacts organized by theme in grid view (default view)
- Each theme section consists of: 1) the theme name, 2) thumbnails of 4 artifacts under that theme, and 3) a "View all" option
- Each one of the thumbnails is tappable, and links directly to the artifact's page
- The "View all" option contains the label: "View all in" + the theme's name + the number of objects in this theme
Storycard 7: Allow switching to list-based theme-organized view
- Each theme section consists of: 1) the theme name, 2) a list of 4 artifacts under that theme, and 3) a "View all" option
- Each one of the list items is tappable, and links directly to the artifact's page (the whole row is tappable)
- Each of the list items consists of: 1) an artifact thumbnail, 2) artifact name/title, and 3) secondary artifact information (usually date)
- The "View all" option contains the label: "View all in" + the theme's name + the number of objects in this theme
Storycard 10: Catalogue: View all objects
- Header should read "Catalogue: A..."
- The top of the page contains the sentence "Viewing all objects" + the number of objects in the whole catalogue.
- The user can select grid or list view with the button at the right of the header (see Storycards 11 and 12 for more details).
- By default, items are shown in grid format.
Storycard 11: View objects as a grid
- When user enters to this page, 20 firsts objects will appear.
- In case there are more objects, an option to load 20 more objects will appear at the bottom of the page.
- Each object is represented by its thumbnail (64 x 64 px), with no text.
- Thumbnails are arranged in 4 columns.
- Each one of the thumbnails is tappable, and links directly to the artifact's page.
- In case the object has an audio clip, an icon appears over the thumbnail.
Storycard 12: View all objects as a list
- When user enters to this page, 20 firsts objects will appear.
- In case there are more objects, an option to load 20 more objects will appears at the bottom of the page.
- Each object is represented by its thumbnail (48 x 48 px), name and time period.
- The whole row is tappable, and links directly to the artifact's page.
- In case the object has an audio clip, an icon will appear over the thumbnail.
Storycard 13: View all in a theme
- User views all objects in a theme when taps on "View all in..." at the Catalogue main screen.
- Theme catalogue follows the same interaction as in "View all objects" (see Storycards 10, 11 and 12 for more details).
- By default, objects appear as a grid.
- The top of the page contains the sentence "Viewing all in" + the name of the theme + the number of objects in the theme.
Guestbook
Storycard 14: Guestbook
- Header should read "Guestbook: " + the name of the exhibition.
- If the header text is longer than 12 characters, suspension dots will replace the remaining characters.
- Comments are ordered by date: the most recent comment is at the top of the page.
- Each comment contains the name of the author, his location, its date and the comment itself.
- When user enters to this page, 10 firsts comments will appear.
- In case there are more comments, an option will appear at the bottom of the page to load 10 more comments.
Storycard 15: Guestbook: report abuse
- The user can report abuse about one comment.
- In case the user is not signed, a modal alert appears to ask him for login, sign up or cancel.
Storycard 16: Guestbook: delete comment
- The user can delete comments he's sent before.
- "Delete" option will appear for these comments only if the user is signed.
- For user's comments, a "delete" option will appear instead of "report abuse".
Storycard 17: Guestbook: add a comment
- The user can add a comment, using the button at the top of the page.
- In case the user is not signed, a modal alert appears to ask him for login, sign up or cancel.
- If the user is signed, a "Comment entry" page will appear (see Comment entry at the Artifact view ).