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

Lightbox UX is deficient

XMLWordPrintable

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

      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)

        Acceptance criteria

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

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

                Created:
                Updated:
                Resolved:

                  Bug DoR
                  Task DoD