✂️ UX Paper Cuts 18.0 → Package

Below is a list of potential candidates for this milestone based on existing issues. It is not expected to burn down all of these and the UX Paper Cuts team is not limited to this list. If you have suggestions for us please add a comment linking to an issue.

Workflow

• Distribute merge request reviews between @rchanila, @pburdette, and @jivanvl
• cc @rchanila on all merge requests (if he's not assigned as reviewer)
• Feature set up help --> https://gitlab.com/gitlab-org/ci-cd/package-stage/package/-/wikis/Packages-Tips-&-Tricks

🏆 Virtual registry

This is a new feature that will be released in %18.0

Navigation changes:

• New nav item in Deploy (pending research results)

New pages:

• Virtual registries landing
  • Empty state
  • List view
• New virtual registry
• Edit virtual registry
• Virtual registry detail view
  • Create upstream form as part of crud component on detail view
• Edit upstream
• Upstream details view

Designs:

• Design issue
• Figma

Virtual registries issues that are workflowready for development (feel free to assign yourself!)

display: list
title: Virtual registries
fields: state, title, assignee, created
query: project = "gitlab-org/gitlab" AND label = ("Category:Virtual Registry", "UX Paper Cuts")

Open UX issues

display: list
title: Package registry
fields: state, title, assignee, created
query: project = "gitlab-org/gitlab" AND label = ("group::package registry", "UX", "UX Paper Cuts") AND label in ("bug::ux", "UX")

display: list
title: Container registry
fields: state, title, assignee, created
query: project = "gitlab-org/gitlab" AND label = ("group::container registry", "UX", "UX Paper Cuts") AND label in ("bug::ux", "UX")

Layouts

We could add some polish to these screens. Things like font weight, table headers, alignment, mobile views, accessibility fixes etc.

Package registry list view

Ideas:

• Add table headers
• Tighten up vertical spacing between content in each row
• Use gray background + smaller icon for commit and branch name (similar to pipelines view)
• Top align row content (this is a personal gripe, we don't have to do this 😅)
• Consider a lighter font weight for the x packages subheader

Current view

Package registry detail

Ideas:

• Fix the breadcrumbs (this might be a result of the new search bar)
  • Could we use an ID or something instead of the entire asset name?
• Vertically align icons with content in history timeline
• Consider lighter font weight for package type
• Consider using branch styling (background + smaller icon) for branch. This may look weird next to the package type so we can experiment a bit here
• Maybe put Delete in a dropdown? We do this a lot throughout GitLab; the Delete button really stands out. Is that the first thing we want users to see when viewing this page?
• We're repeating the asset name 4 times on this page, and it's a long one 😅 Where can we remove or truncate this?

Current view

Container registry list view

Ideas:

• Consider lighter font weight for subheader stuff
• Check that the CLI commands are accurate
• Maybe put Delete in a dropdown instead
• Fix alignment of Published x years ago timestamp

Current view

Container registry detail

Ideas:

• Font weight on subheader
• Maybe top-align row content

Current view

Links

• https://gitlab.com/gitlab-com/Product/-/issues/13757+
• Design: Dependency firewall (#466047)
• Investigate: Container registry cleanup policie... (container-registry#1218)
• Design discussion: Virtual registries (#493842 - closed)
• https://gitlab.com/gitlab-org/ci-cd/package-stage/package/-/issues/88+ (there are more open UX issues here but I didn't include the ones that need backend support/input)