Skip to content

GitLab Next

  • Projects
  • Groups
  • Snippets
  • Help
    • Loading...
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in / Register
GitLab
GitLab
  • Project overview
    • Project overview
    • Details
    • Activity
    • Releases
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
    • Locked Files
  • Issues 34,854
    • Issues 34,854
    • List
    • Boards
    • Labels
    • Service Desk
    • Milestones
    • Iterations
  • Merge Requests 1,206
    • Merge Requests 1,206
  • Requirements
    • Requirements
    • List
  • CI / CD
    • CI / CD
    • Pipelines
    • Jobs
    • Schedules
    • Test Cases
  • Security & Compliance
    • Security & Compliance
    • Dependency List
    • License Compliance
  • Operations
    • Operations
    • Metrics
    • Incidents
    • Environments
  • Packages & Registries
    • Packages & Registries
    • Container Registry
  • Analytics
    • Analytics
    • CI / CD
    • Code Review
    • Insights
    • Issue
    • Repository
    • Value Stream
  • Snippets
    • Snippets
  • Members
    • Members
  • Collapse sidebar
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
  • GitLab.org
  • GitLabGitLab
  • Issues
  • #210599

Closed
Open
Opened Mar 13, 2020 by Haris Delalic@hdelalic🖖Developer6 of 6 tasks completed6/6 tasks

Better UX for Project Creation

The Problem

When creating new projects from a template or by importing existing data, the user experience is not conducive to the discoverability of these features or an easy understanding of the flow.

"Create from Template" and "Import Project" options are hidden behind tabs, which leads to two potential user experience issues:

  1. The user doesn't notice the tabs and doesn't consider these options before creating the new project. This problem is exaggerated by the fact that, once the project is created, it is no longer possible to apply a template or perform an import.
  2. The user may notice the tabs but may assume that they will still have a chance to apply a template or an import, given that the tabs pattern looks a lot like one that may "walk" the user from tab to tab before the project is finally created. Similar to an online checkout experience. See the example image below: image

The Solution

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

Additional solution discovery of this flow: #25647

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

Summary: TBD

Solution validation issue: #217033 (closed)

Long term prototype ideation

InVision prototype link

Images

These are the illustrations for the new "tabs"

New Blank Proj Create From Template Import Project CI/CD External Repo
create-new-project-md.svg create-project-from-template-md.svg Import-Proj1.svg CICD-Repoj1.svg
- Landing page Blank Project Import Project CI/CD External Repo
Before - Screen_Shot_2020-04-13_at_12.15.52_PM Screen_Shot_2020-04-13_at_12.16.10_PM Screen_Shot_2020-04-13_at_12.16.20_PM
After Import_1.0 Import_1.1 Import_1.31 Import_1.41

Text

This is the text to be used for each one of the choices, below the new icons:

Create new project
Create a blank project to house your files, plan your work, and collaborate on code, among other things.

Create from template
Create a project pre-populated with the necessary files to get you started quickly.

Import project
Migrate your data from an external source like GitHub, Bitbucket, or another instance of GitLab.

Run CI/CD for external repository
Connect your external repository to GitLab CI/CD.

Telemetry

We should collect metrics on the tab/panel clicks to be able to measure user interaction from both variants, to be able to accurately measure whether there's an improvement in engagement or not.

Edited May 22, 2020 by Amanda Hughes
Assignee
Assign to
13.1
Milestone
13.1 (Past due)
Assign milestone
Time tracking
None
Due date
None
Reference: gitlab-org/gitlab#210599