app icon indicating copy to clipboard operation
app copied to clipboard

Qingping Air Monitor Lite UI issues

Open DigiH opened this issue 3 years ago • 4 comments

Having looked at the Qingping Air Monitor Lite UI a bit closer I thought that the stips next to the PM2.5, PM10 and CO2 values change colour, depending on the levels. So fanning smoke onto the sensor I got the CO2 strip to change colour nicely, along with the lung graphic.

For PM2.5 and PM10 the stips are always green, possibly as they have different scales to CO2, usually divided into six categories

AQI Category

which could nicely be cut down to the same three categories as CO2 has - green, orange, and red, with

PM2.5 <=60=green, <=120=orange, >120=red

PM10 <=100=green, <=350=orange, >350=red

The PM2.5 and PM10 values also do not need a decimal, as their value is braodcast as integers, the same as the CO2 value.

IMG_1716

Also in the list view there is an extra wind icon appearing when the CO2 value is above green (1000 ppm?). This extra icon is then overlapping with the name.

I'm not sure this extra icon is needed, as the now totally orange CO2 scale is already a clear indicator.

IMG_1715

Lastly - is there any reason why the units for PM2.5, PM10 and CO2 are behind the labels in the widget view, and not behind the actual values, as with all the other property displays, at least for all the other sensors I have? They should fit nicely after the values, especially when OM2.5 and PM10 are integer values. The unit ppm should also be lower case.

DigiH avatar Nov 02 '22 17:11 DigiH

I see several requests here:

  • Stips color adaptation following AQI health impact
  • Round of value for the PMs indicators
  • Remove the wind icon in the list view
  • Units above the labels instead of after the values
  • ppm unit lowercase

Let's discuss about this when you have time @emericg

1technophile avatar Nov 02 '22 17:11 1technophile

I've set the limits you suggested for the PM values, rounded them, removed the alarms in the widgets, and set ppm unit to lower case. But the unit is in the label because it's prettier :)

emericg avatar Nov 07 '22 18:11 emericg

But the unit is in the label because it's prettier :)

Why not put ºC and % up behind the labels as well and make the whole page pretty? :)

DigiH avatar Nov 08 '22 00:11 DigiH

It's about visual balance, the first line width is bigger than the second line.

emericg avatar Nov 08 '22 17:11 emericg