I currently have a range of values where the center of the graph represents the ideal value, and the further you get away from the center the worse your value is. In this current wireframe, you can see that the green is good, orange is ok, red is bad. enter image description here

When the graph crosses over from one color to another, the user will get a notification letting them know about the value change. If the user creates a custom range to get a notification (i.e. they select a range of 75-90), how can I visualize the custom value on the graph? I tried to "highlight" the custom range, but I feel that it would be difficult to see on a small screen (the graph takes up the horizontal space of a screen and is not very tell vertically) enter image description here

Is there a clearer way to visualize the custom range on the default range values?

  • Would the notification be sent when the value falls outside the range, or when it enters the range? For example, if it goes below 75 or above 90, is that when it's sent?
    – Mike M
    Jan 31, 2023 at 2:06
  • Giving feedback using colour-only isn't a very accessible practice. What about people who are colourblind?
    – JonW
    Jan 31, 2023 at 16:30
  • @MikeM The notification would be sent when it falls outside the custom range (below 75 or above 90) and also when it falls outside the default range (i.e. when it goes from green to orange, or orange to red)
    – Gene
    Jan 31, 2023 at 17:13
  • @JonW There are icons within each color of the graph to account for colorblindess, but maybe they are too small for the user to notice
    – Gene
    Jan 31, 2023 at 17:14
  • @GeneLee so there's basically 2 notifications. One mandatory (the default), the other custom?
    – Mike M
    Jan 31, 2023 at 18:11

1 Answer 1


Try to separate out a notification range text, with an explicit label.

This way the user can just read the values pertaining to the notification. If you defined a really small range, it would clutter the visualization.

This way you have two chunks:

  1. The actual range
  2. The rules on notifications (the threshold a user feels they should be interrupted about)

enter image description here

Another possibility is to enable / disable this as a small widget. The writing is kind of stilted, but here's the general idea.

enter image description here

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.