...
Functionality | Visual representation |
|---|---|
Folders (in both basic and visual form) |  |
Assets viewable in a list form and other lists, such as audit trail and workflow tasks |  |
Asset actions in a focused view (touch devices only) |   |
Tabs in an asset focused view |   |
Hover state
There is now an underlaying assumption that Media Manager can be accessed by the users on devices other than a computer and the method of navigation might be touch rather than a mouse. As a result, when it is detected that the application is loaded on a touch device such as a tablet or a smartphone, the hover state is removed.
...
tooltip labels (for example button explanations or workflow-related fields) do not appear
the grey multiselect checkmarks on asset cards are always visible
Differences in button design
...
Functionality | Button design on screens wider than 1280 px | Button design on screens less wide than 1280/600 px |
|---|---|---|
Filters | None (a panel that can be either permanently visible or hidden) |  |
Home |  | None (click on logo to go back to the homepage) |
Search (global) |  |  |
Search (local) |  |  |
Sorting |  |  |
Download |  |  |
Check in/out |  |  |
Crop |  |  |
Favorite |  |   |
Share |  |  |
Pop-up operations on small screens
...
In a pop-up dialog, in the same way as on desktop
Example: asset download
In a full screen overlay
Example: filters
In a slide-up dialog
Example: sorting
User experience in connectors and on touch devices
...
On devices with touch capability the concept of horizontal scrolling is additionally implemented, where the user can scroll through the action buttons and the tabs.
...
Metadata editor
(description placeholder)
Downloading assets
(description placeholder)When the user taps on the ‘More’ menu, further actions available for the asset open in a slide-up panel at the bottom of the screen.
...
Metadata editor
Metadata editor works on smaller screens in exactly the same way as on desktop, with no functionality limitations. The only difference is that the metadata fields are arranged in a single line.
...
Working with multiple assets/Multiselect
(description placeholder)
List view/Table view
(description placeholder)
Breadcrumbs (/Navigation?)
(description placeholder)
Collections
(description placeholder)
Asset multiselect
...
As it was mentioned beforehand, Media Manager on touch devices does not have the hover state, which means that the grey checkmarks on asset cards are always visible. Using the checkmarks is the only method on multiselecting assets on touch devices.
...
The multiselect menu loads a slide-up from the bottom of the screen. All the functionality is the same as on desktop version, with the possible exception of the comparison tool which is only available when the screen is wider than 600 px.
...
The asset selection preview loads the selected assets dependent on the available space, usually one per line on most smartphones in vertical orientation. It is also possible to preview the selected assets as a list. The number of columns is not limited, and the different information can be viewed by scrolling horizontally.
...
Navigation
When navigating deeper into Media Manager, for example when using folder navigation or collections and sub collections, the breadcrumb path is displayed in a single line under the top bar.
For better visibility, only the full name of the current location is displayed. By clicking/tapping the ‘Back’ arrow, the user will be moved one level back. In order to access the full breadcrumb path, the user needs to select the ‘More’ symbol between the arrow and the location name. The path will be displayed as a slide-up list from the bottom of the screen and the user can now navigate to any of the displayed locations.
...
Administration tools
The majority of administration tools such as settings and brand portal configuration are only available when Media Manager is loaded on a screen wider than 1280 px. On smaller screen the only administrative tool still available to users is profile administration.
...