Uploaded image for project: 'Magnolia UI'
  1. Magnolia UI
  2. MGNLUI-4154

Lightbox UX is deficient

    XMLWordPrintable

Details

    • Bug
    • Resolution: Outdated
    • Neutral
    • None
    • None
    • None

    Description

      While testing ARTEDIT-17, I realized that the lightbox / magnifying glass button offers a poor UX. This has nothing to do with the Article Editor, as it behaves the same in Assets.

      Problems encountered:

      • No max sizes. If an image is big, the lightbox will display it 100%, regardless of the fact that the user's display might only see the top 20%. (see big.png, thumbnail.jpeg for the full picture)
      • Slow reaction. It takes ~0.1 second to open the lightbox, vs. ~0.2 seconds to close it. This is regardless of image size.
      • Poor UX. If an image is small enough that a grey background is shown around it, you'd expect that by clicking on the gray background, the lightbox would close itself. It doesn't, you have to click on the image itself.
      • Animation glitch. If you close an image small enough to show a grey background around it, the grey background will disappear quicker than the image. (see before.png, during,png, after.png)

      Checklists

        Acceptance criteria

        Attachments

          1. after.png
            after.png
            69 kB
          2. before.png
            before.png
            51 kB
          3. big.png
            big.png
            404 kB
          4. during.png
            during.png
            70 kB
          5. thumbnail.jpeg
            thumbnail.jpeg
            12 kB

          Activity

            People

              Unassigned Unassigned
              mmichel Maxime Michel
              Votes:
              0 Vote for this issue
              Watchers:
              2 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved:

                Checklists

                  Bug DoR
                  Task DoD