Skip to content

[Fluent UX] Quick access flyout in system tray #6751

Closed
@niels9001

Description

@niels9001

📝 Provide a description of the new feature

Problem
The system tray provides a lot of quick access tools such as the notification center, network and sound settings. This is also where PowerToys lives, but it only provides two actions: opening settings and closing the application.

Additionally, the amount of PowerToys modules keep growing and most features are only accessible with keyboard shortcuts. To make these features more accessible, we also need to consider keyboard and mouse users. Providing additional functionality to quickly switch modes to keep in your workflow would be great, and can really showcase the various great tools.

Solution & features
A flyout that opens whenever the user clicks on the systray app icon. It provides an interactive overlay that gives users quick access to the following features:

Feature Priority
Ability to open settings Should
Quick launch PT modules (e.g. Run / Color Picker / Shortcut Guide ) Should
Features that are disabled should not show up Should
Ability to set quick settings for e.g. Awake (mode) or Fancy Zones (layout switching) Could
The order (and options) should be customizable Could
Video Conference Mute buttons Could
Warning icon to indicate that PT is not running elevated Could
Banner/message whenever a new update is available Could

Mock-up
Here's a WinUI UWP mock-up of how this flyout could work:

Light mode:
Systray2

Dark mode:
image

Source code can be found here: https://github.com/niels9001/SystrayUX/

Looking forward to more feedback to improve this concept!


If you'd like to see this feature implemented, add a 👍 reaction to this post.

Metadata

Metadata

Assignees

Labels

Area-OOBEFirst time run experience for usersArea-RunnerThe PowerToys main executableArea-User Interfacethings that regard UX for PowerToysIdea-EnhancementNew feature or request on an existing productResolution-Fix CommittedFix is checked in, but it might be 3-4 weeks until a release.UI refreshTracker tag for module specific UI refresh

Type

No type

Projects

  • Status

    Done ✔

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions