Details

    • Type: Story
    • Status: Closed
    • Priority: Major
    • Resolution: Completed
    • Affects Version/s: None
    • Fix Version/s: Master
    • Component/s: Documents & Media
    • Labels:

      Description

      Empty states and error handling

      Mockup

      Goal

      The goal of this story is to handle an error gracefully,
      give feedback to the user to avoid confusion and frustration.

       

      Use cases

      • As a user, When a file preview doesn't load, I want to get informed
      • As a user, When a file preview doesn't load, I want to know a possible solution
      • As a user, I want to get feedback when a file is still loading
      • As a user, I want to get feedback if there is an error with the file 

      User Experience

       

       When the user clicks to preview the file user should:

      1. Preview the file ( success state )
      2. No preview available ( error state )

      Error state

      Feedback structure

      • explain / inform
      • suggest a possible solution
      • call to action ( if applicable) 

      Follow Lexicon empty state pattern link

       

      1. Empty state:**

       

      Generic No preview available

      Message:

      No preview available

      Hmm... looks like this item doesn't have a preview we can show you.

       

       

      Alert 

      Use case: This ** message is used in several cases such as error, unknown, file with the incorrect extension, unknown file, file corrupted, any other generic reason preview didn't load.

       

       

      Info alert to display when file taking longer than usual to load the preview. 

       

       

       

       

      Features not included in 7.2  but should be considered for future

       

      Specific feedback 

      3. The File is too large to preview  ( There is bug created for this feature** *https://issues.liferay.com/browse/LPS-91751* )

      However, we might have to create a story to implement this feature.

       

      Message:

      File too big to preview

      File exceeds size limit to preview,

      download to view it.

      CTA: download

       

       

      4. File with no preview ( zip type file)

      Message:

      No preview available

      .zip files not supported for preview.

      CTA: download 

       

       

      4. File not supported for preview 

      Message:

      File not supported for preview

      " x " files not supported for preview.         

      Use external apps to open it.

      CTA: download

         

      Error state: You need permission to access

      Use scenario: The user needs to login to account with permission to preview

      for example, A user has been passed a link to a file, but the file requires permission to access, or a user not logged into an account but does not have access to this particular file

       

      suggested solution:

       

       

       

        

        Attachments

          Issue Links

            Activity

              People

              Assignee:
              austin.chiang Austin Chiang
              Reporter:
              antonio.aragues Antonio Aragüés (Inactive)
              Recent user:
              Kiyoshi Lee
              Participants of an Issue:
              Votes:
              0 Vote for this issue
              Watchers:
              0 Start watching this issue

                Dates

                Created:
                Updated:
                Resolved:

                  Packages

                  Version Package
                  Master