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

Open first incomplete section when Getting Started shows #116570

Closed
digitarald opened this issue Feb 12, 2021 · 10 comments
Closed

Open first incomplete section when Getting Started shows #116570

digitarald opened this issue Feb 12, 2021 · 10 comments
Assignees
Labels
feature-request Request for new features or functionality getting-started insiders-released Patch has been released in VS Code Insiders verification-needed Verification of issue is requested verified Verification succeeded
Milestone

Comments

@digitarald
Copy link
Contributor

User research showed that many users just scanned the page to determine if it is useful for them. Only after clicking into the sections, some users got their aha moment.

Reducing choices for new users, the first incomplete (not all sections unchecked) section should open. This helps both for Setup and the content presented in Codespaces.

Alternatively, if the first section is partially done, we could show the index and let the user pick if they like to continue the partial section or a new one. @misolori any thoughts?

This assumes that items are easier to check off (e.g. not making users change their theme if they don't want to), so more issues to be filed on that.

@miguelsolorio
Copy link
Contributor

I agree that if users aren't clicking into the content for various reasons but do find the content useful we should open the first item. I do think we'll need to do some tweaking to make this smoother, here's what it would look like:

image

Things that stand out:

  • It's weird that there is a back button on this landing page
  • There is no centered title that tells me what this is
  • The title "Quick Setup" and captions don't really give me a welcoming entrance, I think we'd need a friendlier "Welcome to VS Code" vibe
  • Maybe there should be a link somewhere to see "more content" if they want (this is what the back button does)

@digitarald
Copy link
Contributor Author

There is no centered title that tells me what this is
The title "Quick Setup" and captions don't really give me a welcoming entrance, I think we'd need a friendlier "Welcome to VS Code" vibe

Right, if we show this first, the initial content should be adapted to give a warm welcome.

Maybe there should be a link somewhere to see "more content" if they want (this is what the back button does)

Totally, this is a dead right now! Filed #116574 for that.

@JacksonKearl
Copy link
Contributor

JacksonKearl commented Feb 12, 2021

One alternate idea would be to elevate some of the most popular items to the front page, for instance:
image
This brings the value propositions a bit more front and center for the most important items, rather than needing to click into lists. (You can imagine we'd show the keybinding in some stylized way here)

This could potentially include open recent too

@digitarald
Copy link
Contributor Author

One alternate idea would be to elevate some of the most popular items to the front page, for instance:

This would make sense if we always want to make users aware of the same features. I'd be concerned that these items work different from the todo-like entries in the lists and can never get checked off. Showing top items + all sections also doesn't fix the problem of giving the user too many choices.

@digitarald
Copy link
Contributor Author

Summarizing an argument from @kieferrm: When we add more content areas that users can pick between (beginners/advanced, languages, extensions, etc), opening the first incomplete section might not be the right content for for the user.

One solution that keeps this in mind would be to keep the first section as widely applicable as possible (which would be Setup in case of VS Code) and still open it by default. After this initial section is partially completed, all future sessions open on the index. This way we can reduce choice fatigue for new users and still ensure that the rest of the content can be discovered.

The flow of opening Getting Started for languages & extensions needs generally more discussions – for example when it will be presented to users after they install the extension.

@JacksonKearl
Copy link
Contributor

Opening the first section when there have been no completed items makes sense to me. 👍

@JacksonKearl JacksonKearl added the feature-request Request for new features or functionality label Feb 18, 2021
@JacksonKearl JacksonKearl added this to the February 2021 milestone Feb 18, 2021
JacksonKearl pushed a commit that referenced this issue Feb 18, 2021
@JacksonKearl
Copy link
Contributor

Will now open to the first section if no items have been completed. Also, the Back button has been renamed to More to better fit this situation.

The opening screen for new users now looks like this:
image

This could be more welcoming. Will create a new issue to track.

@kieferrm
Copy link
Member

@digitarald regarding #116570 (comment): I don't think that having a generally applicable section really helps. On the contrary, I'd expect that to lead to more dismissals. So, we should be sure that we user test this appropriately.

@digitarald
Copy link
Contributor Author

We got this as an idea from usertesting on new users, but I can see the point in not hiding the full range of content from experienced users. @JacksonKearl to address @kieferrm's point, could we put the logic from f4ce983 behind an experiment feature flag to do more testing in the field? Shall I file a new issue?

@JacksonKearl JacksonKearl added the verification-needed Verification of issue is requested label Feb 23, 2021
@kieferrm
Copy link
Member

That would make sense to me.

@alexr00 alexr00 added the verified Verification succeeded label Feb 24, 2021
@github-actions github-actions bot locked and limited conversation to collaborators Apr 4, 2021
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
feature-request Request for new features or functionality getting-started insiders-released Patch has been released in VS Code Insiders verification-needed Verification of issue is requested verified Verification succeeded
Projects
None yet
Development

No branches or pull requests

6 participants
@digitarald @kieferrm @JacksonKearl @miguelsolorio @alexr00 and others