Description
Problem to solve
Currently, Feature Preview is a section within User Settings (/settings
) which includes a checkbox that toggles the visibility of the Default IDE option below, lacks visual feedback upon enabling, and abruptly update the settings page to inject the Default IDE preference.
This is part of #3300. 🍕
User Experience goal
The user should be able to enable or disable the Feature Preview without abruptly updating the user interface.
Proposal
In this context, it seems optimal use a modal that describes Feature Preview and provides a single CTA button that toggles Feature Preview. This has the following benefits:
- Allow the product to perform a page refresh if needed so that experimental features that change the user interface like Default IDE surface without surprising the user with hidden user interface options.
- Make this action more prominent and provide better awareness for the users.
- Let's use the user dropdown menu to host the Feature Preview item and use a modal.
In this first MVC (minimum viable change), we can do the following:
- Add Feature Preview in the user menu.
- Show a modal describing Feature Preview.
Components involved:
- Button
- Modal
- Dropdown
Future steps
- In the future, we could group the Default IDE with other user preferences like theme, click behavior for opening workspaces (see Do not open a new tab for opening new or existing workspaces from the dashboard #2516), and more.
Designs
Dropdown | Enable | Disable | Spacing |
---|---|---|---|
![]() |
![]() |
![]() |
![]() |
See also design specs.
Documentation
No documentation changes are needed for this first iteration.
/cc @csweichel because Feature Preview