Mobile storycards, artifact view, draft 9

Overview

Main artifact information

Storycard 1: Display artifact image

- Show the artifact image in a 320x240 boundary, scaling the image proportionally such that all sides fit within the boundary, and the two shortest edges touch the boundaries (see wireframes for landscape and portrait image examples)
- If there is no artifact image, show a "no image available" filler, at half the size (320x120)

Storycard 2: Allow full screen artifact image

- Tapping the artifact image should show just the header and the image, scaled proportionally to its maximum size without exceeding screen boundaries, and while maintaining appropriate orientation (see wireframe)

Storycard 3: Display artifact tombstone and description content

- Display tombstone content, choice of specific details customizable by museum (e.g., name, creator, date, material, size, provenance, acquisition information, accession number, etc.)
- Display artifact description, if one exists. If one does, display up to the first three lines of the description, with the rest initially truncated and visible only after tapping "more"

Storycard 4: Allow multiple artifact images

- Tapping left/right arrows on the artifact image should allow cycling through multiple artifact images of the same artifact
- Images should slide in and out, with everything else on the page remaining fixed
- This functionality should be available for both the standard view and fullscreen view
- Additionally, on the fullscreen view, tapping the image should slide in the next image

General functionality

Storycard 1: Allow expandable/collapsible panels (audio & video, comments)

- "Audio and video" and "Comments" sections should be expandable and collapsable
- Expansion/contraction toggle is the panel header

Storycard 2: Show number of elements under a panel in the panel header

- Header should read "Show x" when collapsed, and "Hide x" when expanded, where x is the number of elements in the panel

Collect functionality

Storycard 1: Allow collecting an artifact

- The "Collect" button should appear iff the artifact is not already in the user's personal collection ("My Collection")
- Tapping "Collect" should add the current artifact to the user's personal collection
- "Collect" button should read "Uncollect"; "Uncollect" should be highlighted
- A status dialogue should fade in and persist for 4 seconds, indicating that the artifact was successfully collected
- Said dialogue should allow direct access to "My Collection" screen (i.e., tapping on dialogue should bring them to "My Collection")

Storycard 2: Allow uncollecting an artifact

- Behavior is analogous to collecting an artifact (see above)
- The "Uncollect" button should appear iff the artifact is in the user's personal collection
- Tapping "Uncollect" should remove the current artifact to the user's personal collection
- "Uncollect" button should read "Collect"
- A status dialogue should fade in and persist for 4 seconds, indicating that the artifact was successfully uncollected
- Said dialogue should allow direct access to "My Collection" screen (i.e., tapping on dialogue should bring them to "My Collection")

Audio/video functionality

Storycard 1: Display list of audio and video content

- Each audio/video element should show:
1) A thumbnail for video, and icon for audio
2) The text "AUDIO" or "VIDEO", for audio and video, respectively
3) A short title
4) Length of the audio/video clip
- Tapping on an audio/video element plays the respective clip [in mobile Safari's native media player]

Comments functionality

Storycard 1: Display list of comments

- Show the first three comments initially
- Each comment element should show:
1) The commenter's name and location (or "anonymous" if that data is not available)
2) The date of the comment
3) The full comment (no truncation)
4) "Report abuse", if the comment is not the user's own; "Delete" if the comment is the user's own
5) A "YOU" indicator, if the comment is the user's own

Storycard 2: Allow adding a comment

- Tapping on "Comment" on the top action bar, or "Add a comment" under the comments panel brings the user to the comments entry screen
- Commenting does not require login

Storycard 3: Allow extending the comment list

- Comment list is initially three comments long
- Tapping "Load 10 more comments" extends the current list by 10 comments
- See "Guidelines... for element expansion/contraction" for interaction behavior with the extension button
- Number of comments loaded should persist between collapse and re-expansions, until the user leaves the current artifact (i.e., if 23 comments were loaded, collapsing and re-expanding the panel should display the same 23 comments; if the user leaves the current artifact, and re-visits even in the current session, only the initial 3 comments should be visible)
- "Current artifact" consists of the default artifact screen and its elements, the full screen artifact image view, and the related artifacts view

Storycard 4: Allow reporting abuse

- Tapping on "Report abuse" on a comment changes the text to "Abuse reported. Pending moderator review.", which is static text that persists through the session (i.e., returning to the same comment later in the same session would show "Abuse reported. Thank you!")
- On the moderator's side, the list of reported comments abuse should be updated to either: a) include said comment, if it does not already exist on the list, or b) increase the abuse counter for said comment, if it already exists on the list

Storycard 5: Allow deleting one's own comment

- For one's own comment (indicated by "YOU" beside the comment title), allow deletion of said comment
- Tapping on "Delete" removes the comment (with a slide shutting animation) without a confirmation dialogue (i.e., one-click delete)

Related artifacts functionality

- Shelved for future release

Share functionality

- Shelved for future release