WordPress.org

Make WordPress Core

Opened 16 months ago

Last modified 14 months ago

#50745 new enhancement

Visualisation of site health could be better

Reported by: kebbet Owned by:
Milestone: Awaiting Review Priority: normal
Severity: normal Version:
Component: Site Health Keywords:
Focuses: ui Cc:

Description

Currently the colored circle in the dashboard widget and in the top of the Site Health-page is quite vague in my opinion. Why is it so small, and what does the thin color border communicate? It does not communicate the grade of health for me.

Just an idea: could we use a more direct way to communicate the health with better graphics? I tried a thermomether/scale with an arrow and three colors exposed all the time. With it you get an idea of where your are, and where you could be.

Thanks!

Attachments (1)

site-healt-idea.jpg (65.9 KB) - added by kebbet 16 months ago.
Simple sketch of the dashboard widget.

Download all attachments as: .zip

Change History (4)

@kebbet
16 months ago

Simple sketch of the dashboard widget.

#1 @kebbet
16 months ago

  • Summary changed from Visualisation of site healt could be better to Visualisation of site health could be better

#2 @Clorith
14 months ago

Hiya,

Hmmm, yeah visualization of this is kind of hard, originally there was a percentage score included inside the circle, but it was heavily misinterpreted, so the team moved away form that to the now circle with only two color codes;

  • Yellow "Should be improved"
  • Green "Good"

For this a progress circle works better, since just two color states makes it seem like a "yes or no" type of situation, so the circle is intentionally vague, you see it's not quite full if you really want to, but your site still works.

I'm still interested in suggestions on what might be better to relay the information though, I'm just not sure the above suggestion of a barometer is the right direction for that.

#3 @kebbet
14 months ago

Thanks for the reply @Clorith!

Maybe the missing percentages could be the reason why the visualization lacks boldness, the space inside the circle had a meaning, but not any more? The line is so narrow, could it be wider?

Another idea to give the panel more meaning is to show ”Areas” with a status indicator. Like ”Files”, ”Plugins”, ”REST API” etc. In that way a user can get a quick overview of the actual health status of the website's areas.

Just an example is the top image here: https://dribbble.com/shots/4577060-Dashboard-exploration

Last edited 14 months ago by kebbet (previous) (diff)
Note: See TracTickets for help on using tickets.