The goal of this document is to clearly outline how the various parts of a record's data show up in the interface of the DC app. To do so, we will break down the various components of a record into their visual representations in the UI.
We are using the UI for the VHEC version as the basis of this document.
The type of an object doesn't explicitly show up in the UI, however, the processing and final representation is informed by this property.
The most common use of the
.type property is to filter a menu. In the images below you'll see 4 different cases of filtered content.
Main Menu Filtering
When the main menu is filtered, its excluded elements are omitted from view and the remaining elements animate into new positions.
When a sub menu is filtered, its excluded records are still visible – but with a significantly reduced opacity.
The title appears at the top of a record's text view. It is a larger font and wraps to become multi-line if needed.
If a subtitle is present, it appears directly underneath the title in a smaller font (though still larger than the bodt content font).
If present, the primary body content appears below the subtitle.
If present, the location is added as a small line of text between the title and subtitle.
If present, the date is added after the location (separated by a comma).
If present, the credit appears at the bottom of the body content and uses a small font.
Images will be presented in the left-hand portion of the screen. If there are multiple images, the will be added to a scrollable collection view and a page counter will appear at the bottom of the view.
There should always be at least 1 image – however a placeholder could be used if needed.
Related items are listed in a separate view from the record, accessible via an Explore Further button that appears only if there is at least 1 related item.