[MGNLUI-4154] Lightbox UX is deficient Created: 24/Feb/17  Updated: 25/Oct/18  Resolved: 25/Oct/18

Status: Closed
Project: Magnolia UI
Component/s: None
Affects Version/s: None
Fix Version/s: None

Type: Bug Priority: Neutral
Reporter: Maxime Michel Assignee: Unassigned
Resolution: Outdated Votes: 0
Labels: ux
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original Estimate: Not Specified

Attachments: PNG File after.png     PNG File before.png     PNG File big.png     PNG File during.png     JPEG File thumbnail.jpeg    
Template:
Acceptance criteria:
Empty
Task DoD:
[ ]* Doc/release notes changes? Comment present?
[ ]* Downstream builds green?
[ ]* Solution information and context easily available?
[ ]* Tests
[ ]* FixVersion filled and not yet released
[ ]  Architecture Decision Record (ADR)
Bug DoR:
[ ]* Steps to reproduce, expected, and actual results filled
[ ]* Affected version filled

 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)

Generated at Mon Feb 12 09:13:49 CET 2024 using Jira 9.4.2#940002-sha1:46d1a51de284217efdcb32434eab47a99af2938b.