Uploaded image for project: 'Red Hat Fuse'
  1. Red Hat Fuse
  2. ENTESB-12901

DV create a view step 1 UX/UI issues

XMLWordPrintable

    • DV Sprint 59

      There are a few issues on this page.

      1. Missing filter toolbar, which will be addressed in ENTEST-12892.
      2. There are two primary buttons on this page - Create connection, Next. In general, it's recommended to have only one primary button on a given page. The location of the Create connection button could be misleading to users and be mistaken as a step of the flow. My suggestion is to have create connection as a secondary button and move it to the top right of the card so it's not interfering the main workflow.
      3. A tooltip is opened when hover over the Failed (red) label. Consider displaying an error message for this since user may need to reference the content in the tooltip to investigate further.
      4. If the connection is not available (Failed), consider disabling the expand control as there will be no content in the expanded view. See screenshot below.
      5. Need to reconsider the spinner icon location and if we can provide more information to user in terms of why there's a spinner icon. With the current implementation, the spinner icon pushes content to the right. See screenshot below.
      6. The empty state content needs to be updated. It should say "No tables selected".
      7. The list on the left is using PF3 list view while the one (table selected) on the right is using PF4 data list component. Should change the one on the left to use PF4 data list.

      Latest design is here https://marvelapp.com/d2f35bh/screen/63596031

      cc: aglass-1 nding-1 mzhong@redhat.com

        1. ConnectionButton-TableText.png
          33 kB
          Mark Drilling
        2. error-longmessage.png
          44 kB
          Mark Drilling
        3. FailedConnection.png
          23 kB
          Mark Drilling
        4. RefreshInProgress.png
          20 kB
          Mark Drilling
        5. Screen Shot 2020-01-31 at 4.38.25 PM.png
          225 kB
          Dongni Wang
        6. Screen Shot 2020-01-31 at 4.38.50 PM.png
          49 kB
          Dongni Wang
        7. Screen Shot 2020-01-31 at 4.42.12 PM.png
          114 kB
          Dongni Wang
        8. Screen Shot 2020-01-31 at 4.47.55 PM.png
          221 kB
          Dongni Wang
        9. Screen Shot 2020-02-04 at 4.12.42 PM.png
          208 kB
          Mark Drilling

              mdrillin1@redhat.com Mark Drilling (Inactive)
              dongniwang Dongni Wang (Inactive)
              Votes:
              0 Vote for this issue
              Watchers:
              5 Start watching this issue

                Created:
                Updated:
                Resolved:

                  Estimated:
                  Original Estimate - 1 day
                  1d
                  Remaining:
                  Remaining Estimate - 0 minutes
                  0m
                  Logged:
                  Time Spent - 4 hours Time Not Required
                  4h