Skip to content

Project: Improve empty repository state UI [UX]

Problem to solve

At the moment, when I create a new project without a repository initially, I get a large text block of information regarding initializing a repository via CLI, Auto DevOps and creating first files. This page does not provide a good information structure at the moment, users might feel lost.

Screenshot_2018-10-08_at_10.14.21_PM

Solution

Current Proposal
current proposal

We will make the following changes to this page:

Header

Current Proposal
header--current header--proposal

We will remove the repository details (Commits, Branches, Tags, Files) and only leave the Add license link.

We will leave the Clone button intact, as it is the only place where you can find the SSH and HTTP clone URLs.

Empty repository section

Current Proposal
empty-repository--current_2 empty-repository--current

We will remove the line about protected branches, as well as all mentions and buttons about Auto DevOps and Kubernetes.

The structure of this section will be:

The repository for this project is empty

You can create files directly in GitLab using one of the following options.

Buttons for adding files

You can also upload existing files from your computer using the instructions below.

Command line section

Current Proposal
command-line--current_2 command-line--current

We will change the title for 'existing folder' to 'Push an eExisting folder'.

We will change the title for 'existing repository' to 'Push an eExisting Git repository'.

Bottom of the page

At the bottom of the page, we will remove the Remove project button. This button may have been added as a quick option to remove projects that ware created accidentally, but since project creation is a multi-step process, this is not a likely scenario.

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

(If no way to measure success, link to an issue that will implement a way to measure this)

Edited by Chris Peressini