[MGNLDAM-684] Build a first solution for showing previews in the asset chooser dialog Created: 26/Aug/16  Updated: 14/Feb/17  Resolved: 06/Jan/17

Status: Closed
Project: Magnolia DAM Module
Component/s: None
Affects Version/s: 2.2.1
Fix Version/s: 2.2.1

Type: Story Priority: Neutral
Reporter: Andreas Weder Assignee: Sang Ngo Huu
Resolution: Fixed Votes: 1
Labels: support, usability, ux
Σ Remaining Estimate: 0d Remaining Estimate: Not Specified
Σ Time Spent: 10.75d Time Spent: Not Specified
Σ Original Estimate: 8d Original Estimate: Not Specified

Attachments: PNG File 1 No selection (default view).png     PNG File 2 Preview bar collapsed.png     PNG File 3 Single item selected.png     PNG File 4 Single item selected 2.png     PNG File 5 Multiple item selected.png    
Issue Links:
Relates
relates to MGNLUI-4114 DefaultImageProvider does not support... Closed
relates to MGNLDAM-687 Preview dot image does not show well Open
dependency
depends upon MGNLUI-4104 Support style for Preview bar in asse... Closed
duplicate
Sub-Tasks:
Key
Summary
Type
Status
Assignee
MGNLDAM-685 Offer a thumbnail before the asset name Sub-task Closed Sang Ngo Huu  
MGNLDAM-686 Add an bar similar to the Action bar ... Sub-task Closed Sang Ngo Huu  
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)
Release notes required:
Yes
Documentation update required:
Yes
Date of First Response:
Epic Link: UX pain points 2018
Sprint: Saigon 75, Saigon 77
Story Points: 13

 Description   

Our current asset chooser doesn't offer any previews. If your assets are many and use similar titles, you only realize after picking a specific asset that it was the wrong one, which forces you to click many times again to just make a second, possibly equally wrong decision.

There's a thumbnail view, of course, but the current implementation behind it still has performance issues for customers with many assets, offers no filters and doesn't show any information alongside the thumbs currently, which would help you in identififying the asset you're looking for.

We would thus like to offer dedicated previews in the Tree view of an asset chooser.

We've discussed and estimated several options we currently have and would like to try the following:

  1. We offer a dedicated column showing tiny, HTML-rendered image previews.
  2. We add an bar similar to the Action bar on the right, which shows a larger preview of the currently selected item.

Acceptance criteria

  • Every asset chooser offers a configurable "previews" column, which shows a tiny preview, if the asset is an image (see attachment 1). We might want to make the rows a bit higher - we'll have to check several sizes. The column can be configured to not appear.
  • Every asset chooser has a Preview bar on the right (similar to the Action bar), which can be collapsed and extended. By default, it the Preview bar is extended.
    • If a single item is selected, a larger preview is shown in the Preview bar (see attachment 3 and attachment 4).
    • If multiple items are selected, the Preview bar is empty (see attachment 5).
    • The Preview bar remembers its collapsed/expanded state (see attachment 2.
  • The solution should be in a state so that we can ship it to customers for testing. It doesn't have to be of production-grade quality yet, but should be stable enough so that customers can rate the solution and test it with setups featuring many assets.

Note that we focus mainly on the asset chooser. The following may be desirable, but are not required:

  1. The Preview bar could be available in every chooser dialog.
    If we implement this, it must be configurable whether the Preview bar should be shown or not (not only collapsed or expanded), as previews don't make sense for every chooser type.
  2. The "previews" could configurable in views of apps as well.
    Please do not invest, however, in solving issues that come from this, as the focus is mainly to focus on the problem of missing previews in the asset chooser.


 Comments   
Comment by Andreas Weder [ 26/Aug/16 ]

Added link to one of the more recent support issues asking for a resolution to the problem of missing previews.

Comment by Richard Unger [ 29/Aug/16 ]

The described solution sounds very good for us:

The editor will have the tiny thumb-nails to guide the initial choice, and the detailed preview once he selects an Item. I think this is exactly what our editors need and want.

Thank you!

Comment by Sang Ngo Huu [ 06/Jan/17 ]

Please update the documentation for info.magnolia.dam.app.assets.column.AssetNameColumnDefinition#isThumbnails

    /**
     * Defines whether this column will render thumbnail images of assets or basic icons for asset types.
     *
     * @return <code>true</code> if image thumbnails are enabled, <code>false</code> otherwise. Defaults to <code>true</code>.
     */
Generated at Mon Feb 12 05:02:15 CET 2024 using Jira 9.4.2#940002-sha1:46d1a51de284217efdcb32434eab47a99af2938b.