Skip to content

Address ColorPicker UX issues #32295

Open
@Nolram12345

Description

Description of the new feature / enhancement

The recent Fluent UX changes have been detrimental in regards to usability, accessibility, and in the eyes of many that I have questioned about this matter aestheticsally as well.

The new UI, besides being oddly laid out (why are colors now in a tiny scroll bar the top?), has some major usability issues:

  • Color Swatches at the top of the window are too small to make out quickly
  • Color Swatches with a scrollbar is hard to use, as the scroll bar is too thin and difficult to grab with a mouse, especially for people with a motoric disability, and does not allow for using the mouse scroll wheel either (besides having a scrollbar oddly lodged in at the top is just really awkward visually)
  • It's hard to compare colours between swatches as they no longer border on one another
  • Shades visualisation is too thin and hard to make out
  • Shades visualisation changes lightness when hovered over for selection
  • Shades visualisation is not aligned properly between border of the window and colour format list

Scenario when this would be used?

Especially for people with visual or motoric impairments this new UI is detrimental - but in general on larger screens or for people with a further distance from the screen the new UI is proving extremely difficult to use.

Supporting information

No response

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    Area-User Interfacethings that regard UX for PowerToysIdea-EnhancementNew feature or request on an existing productNeeds-TriageFor issues raised to be triaged and prioritized by internal Microsoft teamsProduct-Color PickerAll things around the Color Picker utility

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions