Better UX for Group Creation

Context

The user experience for the group creation needs to have a similar experience to the Create new project flow to improve discoverability and usability.

User experience goal

A new UX flow that offers both group creation options as equal choices and forces a conscious decision on which "adventure" to choose.

Proposal

Mockups

Prototype → PROTO:Create new group UX

Figma file → Create new group UX

New group page	Create group page	Import group page

Additional details

• This text was added since the mockups were created:
  

• Cancel button needs to be added to the Import group view, similar to the Create group page:
  

• Beta warning and badge were added since the mockups were created and need to be preserved in the new view:
  

• Invite Members was added since the mockups were created and need to be preserved:
  

• Any additional/optional elements similar to this should be preserved.

User acceptance criteria

• The new user experience looks like the mockups.
• The breadcrumbs work as designed.
• Cancel buttons work and take the user up one level in breadcrumbs.
• Tab order works as expected on all pages.
• Initial focus works as expected, focusing on the first input field on each page.

Documentation

Following user docs need to be updated:

• https://docs.gitlab.com/ee/user/group/import/
• https://docs.gitlab.com/ee/user/group/settings/import_export.html
• https://docs.gitlab.com/ee/user/group/#create-a-group

Additional links

Create new project UX

Better UX for Project Creation

SVG files for illustrations can be found in the Create Illustrations for Group Creation issue #267817 (closed).

Solution Validation

• Create solution prototype
• Determine research goals
• Design user research script
• Conduct user research
• Synthesize the research results
• Apply the conclusions to the solution

This page may contain information related to upcoming products, features and functionality. It is important to note that the information presented is for informational purposes only, so please do not rely on the information for purchasing or planning purposes. Just like with all projects, the items mentioned on the page are subject to change or delay, and the development, release, and timing of any products, features, or functionality remain at the sole discretion of GitLab Inc.