Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Improve design of /new project start-page for onboarding flow #6875

Closed
11 tasks done
jldec opened this issue Nov 24, 2021 · 9 comments · Fixed by #7163
Closed
11 tasks done

Improve design of /new project start-page for onboarding flow #6875

jldec opened this issue Nov 24, 2021 · 9 comments · Fixed by #7163
Assignees
Labels
component: dashboard feature: teams and projects [DEPRECATED] Please, use feature: organizations or feature: projects labels instead. groundwork: awaiting deployment team: webapp Issue belongs to the WebApp team user experience

Comments

@jldec
Copy link
Contributor

jldec commented Nov 24, 2021

The start page of the New Project onboarding flow contains some rough edges.

When app is not installed (GitHub only)

(see screenshot below)

  • Replace Select a Git repository... with an explanation of what a Project is (under "New Project")

    Projects help you manage prebuilds and
    workspaces for your repository. Learn more

  • Show a label above the dropdown:

    User or organization on github.com. (change)

  • Show user account in the dropdown.
  • Replace the box with "No Access..." with a friendlier explanation:

    Additional authorization is
    required for our GitHub App to
    watch your repositories and
    trigger prebuilds.
    Configure Gitpod App

  • Remove Repository not found? line which is not relevant before the App has been installed.
  • Remove Missing organizations? line which is too difficult to understand.
    (add to dropdown in separate issue)
  • Remove or open a New Workspace with an example repository. note at the very bottom.

Screenshot 2021-12-10 at 11 46 11

When repositories can be listed

(see screenshot below)

  • Show the same explanation of what a Project is (under "New Project")

    Projects help you manage prebuilds and
    workspaces for your repository. Learn more

  • Show (existing from before) instruction above the dropdown:

    Select a Git repository on xxx. (change)

  • In the list, when a repo is "already taken", provide a hint for how to track down.
    See Mention the user who already imported the repository as a project #5119.

Additional

  • Remove or open a New Workspace with an example repository. at the bottom. That was a just workaround for bypassing the option to choose from example repos on the website.
@jldec jldec added user experience component: dashboard feature: teams and projects [DEPRECATED] Please, use feature: organizations or feature: projects labels instead. team: webapp Issue belongs to the WebApp team labels Nov 24, 2021
@jldec
Copy link
Contributor Author

jldec commented Nov 24, 2021

/schedule

Scheduling this now because it provides aditional context for #5583
Considering the scenario where a new repo is being created from a template, and the GitHub app is not yet installed, the first section above may be helpful, since it does not suggest selecting any repository from a list.
cc: @jankeromnes

@roboquat
Copy link
Contributor

@jldec: Issue scheduled in the meta team (WIP: 0)

In response to this:

/schedule

Scheduling this now because it provides aditional context for #5583
Considering the scenario where a new repo is being created from a template, and the GitHub app is not yet installed, the first section above may be helpful, since it does not suggest selecting any repository from a list.
cc: @jankeromnes

Instructions for interacting with me using PR comments are available here. If you have questions or suggestions related to my behavior, please file an issue against the kubernetes/test-infra repository.

@laushinka
Copy link
Contributor

Will pick this up. @gtsiolis we can align on the visual design?

@laushinka
Copy link
Contributor

/assign

@laushinka
Copy link
Contributor

laushinka commented Dec 13, 2021

@gtsiolis @jldec I'm assuming the tasks for when repositories can be listed depend on #5128? Other than that, do we still have pending discussions about what should happen here?

@laushinka
Copy link
Contributor

Putting this comment in here for when we talk about the follow-up tasks to this issue #7163 (comment)

@jldec
Copy link
Contributor Author

jldec commented Dec 15, 2021

@laushinka I think we can close this issue - the changes from #7163 cover almost all of the points.
We can work through #5119 separately.

@laushinka
Copy link
Contributor

@laushinka I think we can close this issue - the changes from #7163 cover almost all of the points. We can work through #5119 separately.

@jldec Oh you're right, I didn't realize. Awesome!

@jldec
Copy link
Contributor Author

jldec commented Dec 15, 2021

@gtsiolis feel free to open another issue to improve the UX/UI and design consistency of the repo list.

@jldec jldec closed this as completed Dec 15, 2021
@jldec jldec moved this to Done in 🍎 WebApp Team Dec 15, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component: dashboard feature: teams and projects [DEPRECATED] Please, use feature: organizations or feature: projects labels instead. groundwork: awaiting deployment team: webapp Issue belongs to the WebApp team user experience
Projects
Archived in project
Development

Successfully merging a pull request may close this issue.

4 participants