search

microsoft / vscode

Visual Studio Code
https://code.visualstudio.com
MIT License
163.99k stars 29.19k forks source link

Simplify profile preview flow #172671

Open isidorn opened 1 year ago

isidorn commented 1 year ago

As we discussed, we should

  1. Remove text "By default..."
  2. Extensions need an ui decoration that shows that they are not applied in Web
  3. Default button should be "Import in Visual Studio Code", that button should have a dropdown. And under the dropdown should be "Save Profile in Web"
  4. Consider adding telemetry

Screenshot 2023-01-27 at 21 10 18

cwebster-99 commented 1 year ago

In a recent user study, we observed participants getting "stuck" in vscode.dev when trying to import a profile. User behavior was to click on the GitHub gist link thinking it would lead them to their local VS Code. Users were confused once they were in the browser and would install the profile in vscode.dev. They would then try to transition to VS Code but struggled to find successful transition points. Once they reached this point in the browser, there was a hard edge and participants were unable to navigate back.

I like the idea of defaulting the button to "Import in Visual Studio Code".

isidorn commented 1 year ago

@cwebster-99 thanks for sharing, this is super insightful. @sandy081 what are the main benefits of showing vscode.dev here? In theory, could we skip it and go directly to vscode?

fyi @joaomoreno

sandy081 commented 1 year ago

In theory, could we skip it and go directly to vscode?

I am not sure it is possible in practical. @joaomoreno is it?

joaomoreno commented 1 year ago

I think switching the default button makes sense. I would consider doing this.

Using vscode.dev is a great way to preview the profile, so I wouldn't drop using it as a stepping stone. But it feels like the actual UX needs polish, if users aren't aware of what's actually happening and how to proceed to the Desktop.