Uploaded image for project: 'SonarQube'
  1. SonarQube
  2. SONAR-9642

Reduce steps for selecting a custom chart

    XMLWordPrintable

    Details

      Description

      Adding a custom metric to a chart with our current workflow has a high interaction cost. The popups system induces too many clicks from the user.

      We might use a second dropdown instead, with multiselection and search just like the one we have to edit tags on a project's homepage.

      However, we'll need to find a way to display our warning messages to explain the limitations (3 graphs maximum etc)

      Design solution

      When the user select the "Custom" option, another dropdown will appear next to the first one

      This dropdown features a search input field and multi-selection with checkboxes for the different metrics. The limitations disclaimer is displayed at the bottom of the dropdown.

      As soon as a metric is checked, it appears on the graph on the background

      When limitations are met (eg. 3 same type metrics have been selected) the unavailable options will be greyed-out. The mouseover cursor will have the css property "not-allowed" to make it even more obvious.

      In the metrics selection dropdown, the metrics with no data available should be clearly shown. Maybe a badge or simple light-grey disclaimer next to those items stating "no historical data currently available" so that the user is not surprised with empty charts and error messages afterwards.

        Attachments

        1. Custom_Chart_01.png
          Custom_Chart_01.png
          21 kB
        2. Custom_Chart_02.png
          Custom_Chart_02.png
          44 kB
        3. Custom_Chart_03.png
          Custom_Chart_03.png
          61 kB
        4. Custom_Chart_04.png
          Custom_Chart_04.png
          58 kB

          Activity

            People

            Assignee:
            pascal.mugnier Pascal Mugnier (Inactive)
            Reporter:
            laura.wacrenier Laura Wacrenier
            Votes:
            0 Vote for this issue
            Watchers:
            1 Start watching this issue

              Dates

              Due:
              Created:
              Updated:
              Resolved: