For files and datasets, we offer the option for the user to add metadata fields to their resources.

Design Mockups

Current Implementation

Currently, the view appears as a sort of "Activity Stream", showing the history of all metadata entries added in chronological order with newer entries appearing first.

Initially, files that have no metadata attached appear like this:

Once metadata is added, it appears in the "Activity Stream" area below:

Proposed Implementation

The initial view before any metadata is added would likely not need to change at all:

With metadata present, the user is offered two possible methods of visualization, either Cards or Table.

Cards View

With the Cards view selected we see a similar view to the current Clowder, with some minor changes:

• multiple values assigned to a metadata field are aggregated and condensed onto a single card
• the user can edit existing or delete values for each metadata field (individually)

Metadata entries with multiple or complex values can also be expandable, as shown below:

Modification History

This view can also offer the "Last Modified" modal, where appropriate.

Clicking on the "last modified" link can open a modal window showing the history of the metadata field in question.

Hovering or clicking on a highlighted keyword in this modal, such as Edited or Deleted (as shown), will give context into which of the (possibly) multiple value was deleted or edited:

Table View

With the Table view selected, we compresses the list of cards down into a shorter series of entries, with the hopes that (in most cases) all of the metadata would fit on a single screen.

As you can see, this design can fit many more entries into the same space, but may be more difficult for a novice user to digest at first-glance:

Modification History

This view can also offer the "Last Modified" modal, where appropriate.

As before, clicking on the "last modified" link can open a modal window showing the history of the metadata field in question.

Hovering or clicking on a highlighted keyword in this modal, such as Edited or Deleted (as shown), will give context into which of the (possibly) multiple value was deleted or edited: