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

[Getting Started] Reaching the end of a walkthrough is lackluster #119722

Closed
digitarald opened this issue Mar 23, 2021 · 10 comments
Closed

[Getting Started] Reaching the end of a walkthrough is lackluster #119722

digitarald opened this issue Mar 23, 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 ux User experience issues verification-needed Verification of issue is requested verified Verification succeeded
Milestone

Comments

@digitarald
Copy link
Contributor

digitarald commented Mar 23, 2021

Follow up from #119496.

Finishing a getting started walkthrough (or all of them) does neither celebrate the occasion nor engage the user to continue their journey. It's a missed opportunity to raise the energy and tie in the next walkthrough.

Ideas:

  • Engaging copy
  • Pitch next walkthrough
  • Bring back to Welcome page
@chrisdias
Copy link
Member

image

@miguelsolorio miguelsolorio added this to the Backlog milestone Apr 8, 2021
@miguelsolorio
Copy link
Contributor

Here's a quick example of something we can do:

  • Show an "All Done" screen
  • Use the next item's description as a way to draw the user into continuing
  • Removing the completed item from the list

CleanShot 2021-04-08 at 10 34 55

@miguelsolorio
Copy link
Contributor

An alternative from Harald: making the right-side display the "All Done" content (would also need to de-select previous state on the left):

image

@digitarald
Copy link
Contributor Author

As Eric pointed out – not all walkthrough's tie into the next. The built-in will go from setup to fundamentals to tips; but even there the last one will probably go back to the index. So still celebrating, but a version that just sends the user back to Welcome page.

UI-wise, I have not seen many other places with emojis. Would codicon feel more native but potentially less whimsical?

(Also, confetti?)

@miguelsolorio
Copy link
Contributor

Based on discussions from today's sync, we discussed showing additional actions below the list of actions that would allow the user to mark all items as "Done" and then go back to the welcome screen, as well as an action to go to the next item:

image

And as soon as someone 1) finished all the items in the list OR 2) hits "All Done", the item should be removed the main Getting Started list.

@JacksonKearl
Copy link
Contributor

Implemented as described above

@JacksonKearl JacksonKearl added the feature-request Request for new features or functionality label May 22, 2021
@JacksonKearl JacksonKearl added the verification-needed Verification of issue is requested label Jun 1, 2021
@andreamah
Copy link
Contributor

Not sure if this is intentional, but clicking More after checking off all of the items causes the item to stay on the main page. Only clicking Mark Done removes it. According to the comment above, seems like checking all of the items should remove the item?

And as soon as someone 1) finished all the items in the list OR 2) hits "All Done", the item should be removed the main Getting Started list.

Image from Gyazo

@andreamah andreamah reopened this Jun 2, 2021
@andreamah andreamah added verification-found Issue verification failed and removed verification-needed Verification of issue is requested labels Jun 2, 2021
@miguelsolorio
Copy link
Contributor

According to the comment above, seems like checking all of the items should remove the item?

Yes, that was the original design so maybe this was missed @JacksonKearl?

@digitarald
Copy link
Contributor Author

It makes sense to hide completed items as Mark Done does the same.


Tangential, one exploration would be to make the completed items more todo-list-like (like MS Todo "Completed items", as just making them disappear does not address the original intent of this specific issue – to make the end of a walkthrough more interesting.

@JacksonKearl JacksonKearl removed the verification-found Issue verification failed label Jun 4, 2021
@meganrogge meganrogge added the verification-needed Verification of issue is requested label Jun 4, 2021
@alexr00
Copy link
Member

alexr00 commented Jun 4, 2021

Verified that:

  • There's an "all done" option and that it does what I expect.
  • There's a next section option and it does what I expect.
  • When I'm done with a section it goes back to the main page.

However, finishing everything is still pretty lackluster:

image

It might be nice if the first time I arrive back at this page with no walkthroughs left it shows something celebratory. Subsequent times it could have the current behavior.

@alexr00 alexr00 added the verified Verification succeeded label Jun 4, 2021
@github-actions github-actions bot locked and limited conversation to collaborators Jul 18, 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 ux User experience issues verification-needed Verification of issue is requested verified Verification succeeded
Projects
None yet
Development

No branches or pull requests

8 participants
@digitarald @chrisdias @JacksonKearl @meganrogge @andreamah @miguelsolorio @alexr00 and others