Uploaded image for project: 'DESIGN'
  1. DESIGN
  2. DESIGN-322

Improve the UX/UI of the Dataset Export page

    XMLWordPrintable

    Details

    • Type: Improvement
    • Status: Resolved
    • Priority: Major
    • Resolution: Done
    • Component/s: Web UI

      Description

      Problem definition

      Current page should be more intuitive and clear for the user:

      • quick selection of the data set
      • Clear distinction of the associated fields
      • Why The [Get Statistics] button is not associated to the Statistics Card?
      • Why the Statistics Card has such a big height, when is empty?
        It might be useful to see the Data Export without scrolling, if no info is showed above..
      • Consider a more complete feedback on the Dataset Exported?

      Screenshot of the current solution attached.
      See more in Prodpad: https://app.prodpad.com/ideas/907/canvas

       

      Possible Solutions
      Dataset Export complete userflow and iterarion
      https://nuxeo.invisionapp.com/freehand/document/K6UgxXm7J

       

      Conclusions
      It should be separated into a basic page and an advanced with more technical and further options.
      Progress bar ideally should be graphic and track the done/errors/missing documents.
      Two columns layout makes a better space management and info distribution, on smaller screens, basic Y hierarchy should be taken under consideration.
      Full userflow screenshots attached and available through invision link.

      Navigate between screens: https://nuxeo.invisionapp.com/d/main#/console/17687977/366713616/preview

      UI details/CSS inspect: https://nuxeo.invisionapp.com/d/main#/console/17687977/366713616/inspect

       

        Attachments

        1. resume-24px.svg
          1 kB
        2. done-24px.svg
          0.2 kB
        3. Dataset export - Advanced6.png
          Dataset export - Advanced6.png
          102 kB
        4. Dataset export - Advanced5.png
          Dataset export - Advanced5.png
          100 kB
        5. Dataset export - Advanced4.png
          Dataset export - Advanced4.png
          134 kB
        6. Dataset export - Advanced3.png
          Dataset export - Advanced3.png
          100 kB
        7. Dataset export - Advanced2.png
          Dataset export - Advanced2.png
          98 kB
        8. Dataset export - Advanced1.png
          Dataset export - Advanced1.png
          87 kB
        9. Dataset export - aBasic5.png
          Dataset export - aBasic5.png
          95 kB
        10. Dataset export - aBasic4.png
          Dataset export - aBasic4.png
          64 kB
        11. Dataset export - aBasic3.png
          Dataset export - aBasic3.png
          63 kB
        12. Dataset export - aBasic2.png
          Dataset export - aBasic2.png
          71 kB
        13. Dataset export - aBasic1.png
          Dataset export - aBasic1.png
          64 kB
        14. Dataset_Export_Mobile.png
          Dataset_Export_Mobile.png
          63 kB
        15. cancel-24px.svg
          0.3 kB

          Activity

            People

            • Assignee:
              imachado Isabel Machado
              Reporter:
              imachado Isabel Machado
              Participants:
            • Votes:
              0 Vote for this issue
              Watchers:
              1 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved:

                Time Tracking

                Estimated:
                Original Estimate - Not Specified
                Not Specified
                Remaining:
                Time Spent - 1 minute Remaining Estimate - 4 minutes
                4m
                Logged:
                Time Spent - 1 minute Remaining Estimate - 4 minutes
                1m