Skip to content

Package Detail View - Update the order of the Header Metadata to improve readability

Problem to solve

When looking at a package detail page, the header area contains several important pieces of metadata related to the package. Currently, the ordering of the metadata can make it difficult to quickly digest.

Current UI
Screen_Shot_2020-07-02_at_14.10.11

Intended users

User experience goal

The user should be able to understand all of the metadata related to a package quickly and at a glance.

Proposal

Change the ordering of the Package Detail metadata to the following:

  1. Package Format
  2. Package Size
  3. Project Name
  4. Origin Branch
  5. Tags

Note: Tags are last because they have a different UI composition. The labels being farthest right help maintain a visual rhythm.

Package Detail Header W/O "Tag" Label
227582_-New_Package_Detail__1

Further details

To further clean the UI, we're removing the Tag icon and the tag count from the metadata section. We're instead simply showing the related tags as labels.

Permissions and Security

Documentation

Screenshots in the documentation may need to be updated.

Availability & Testing

What does success look like, and how can we measure that?

Users are able to quickly and easy digest the metadata related to a specific package.

What is the type of buyer?

Is this a cross-stage feature?

No

Links / references

Edited by Iain Camacho