UI: Visual Differentiation for Thumbnails in Progress #107380

Closed
opened 2023-04-26 19:41:08 +02:00 by Harley Acheson · 4 comments
Member

We get occasional complaints that when thumbnailing folders of images some are not being done or not shown when expected. Although there are, and have been, errors in this process a big problem is that we don't actually give users feedback on what is happening.

If you go to a folder of new images that have never been thumbnailed the icons will initially be shown with a generic "image" icon. Then we create thumbnails in background threads (one per core) and we show them when completed.

The first lack of feedback is that we don't differentiate between "not done yet" and "failure". So if we are unable to read the file or create the thumbnail it just continues to show the same generic image icon. So an error just appears to be one that is taking forever.

For errors we could think of a new container image or perhaps use a different icon or other change. Simplest might be to just dim the failures:

ThumbError.png

Or perhaps do so and also change the icon to one of ours that indicates "broken file":

ThumbError.png

Just doing the above would go a long way to explaining to users what is happening. But another step might be to also indicate which items are being actively processed. Perhaps something like this?

ThumbWait.png

That way users would watch them start as generic icons, see groups of them shown as being worked on, and when each is done they change to the final image or to the "broken file" version.

Of course the above is talking about thumbnails of images, but this applies to other file types and Assets too.

We get occasional complaints that when thumbnailing folders of images some are not being done or not shown when expected. Although there are, and have been, errors in this process a big problem is that we don't actually give users feedback on what is happening. If you go to a folder of new images that have never been thumbnailed the icons will initially be shown with a generic "image" icon. Then we create thumbnails in background threads (one per core) and we show them when completed. The first lack of feedback is that we don't differentiate between "not done yet" and "failure". So if we are unable to read the file or create the thumbnail it just continues to show the same generic image icon. So an error just appears to be one that is taking forever. For errors we could think of a new container image or perhaps use a different icon or other change. Simplest might be to just dim the failures: ![ThumbError.png](/attachments/d06a944c-e0ef-4f0b-9f99-bcf390011df6) Or perhaps do so and also change the icon to one of ours that indicates "broken file": ![ThumbError.png](/attachments/335e7f73-c8d6-45c2-aedf-aedf222c3a17) Just doing the above would go a long way to explaining to users what is happening. But another step might be to also indicate which items are being actively processed. Perhaps something like this? ![ThumbWait.png](/attachments/989f5068-6159-42c9-9a47-a223f06f4aa6) That way users would watch them start as generic icons, see groups of them shown as being worked on, and when each is done they change to the final image or to the "broken file" version. Of course the above is talking about thumbnails of images, but this applies to other file types and Assets too.
Harley Acheson added the
Type
Design
label 2023-04-26 19:41:08 +02:00
Harley Acheson added this to the User Interface project 2023-04-26 19:41:09 +02:00

When metadata is deleted, PNG files display normally:

exiftool -ext png -overwrite_original -all= .

That said, how would you tell every developer to clean-up metadata on his PNG files before shipping an add-on?

When metadata is deleted, PNG files display normally: `exiftool -ext png -overwrite_original -all= .` That said, how would you tell every developer to clean-up metadata on his PNG files before shipping an add-on?
Author
Member

PNGs having metadata isn't the problem. The error is that some PNGs are not being detected as such.

PNGs having metadata isn't the problem. The error is that some PNGs are not being detected as such.
Author
Member

Note that the above still results in "flashing" when loading a series of items that already have thumbnails created. Even though there is no real work to be done we still start with generic icons - that are mostly white - before the final images are loaded. It is worth considering making the initial image blank. And then the "loading" version could be mostly transparent with just the clock or hourglass having text color.

Note that the above still results in "flashing" when loading a series of items that already have thumbnails created. Even though there is no real work to be done we still start with generic icons - that are mostly white - before the final images are loaded. It is worth considering making the initial image blank. And then the "loading" version could be mostly transparent with just the clock or hourglass having text color.
Author
Member

Closing this because the issues raised here were implemented in #108486

Any points in this document that were not implemented are for good reason. For example error indication doesn't not work as described above as we still want to see the document type. Basically #108486 nicely addresses the central issues mentioned here.

Closing this because the issues raised here were implemented in #108486 Any points in this document that were not implemented are for good reason. For example error indication doesn't not work as described above as we still want to see the document type. Basically #108486 nicely addresses the central issues mentioned here.
Blender Bot added the
Status
Archived
label 2023-06-19 22:53:51 +02:00
Sign in to join this conversation.
No Label
Interest
Alembic
Interest
Animation & Rigging
Interest
Asset Browser
Interest
Asset Browser Project Overview
Interest
Audio
Interest
Automated Testing
Interest
Blender Asset Bundle
Interest
BlendFile
Interest
Collada
Interest
Compatibility
Interest
Compositing
Interest
Core
Interest
Cycles
Interest
Dependency Graph
Interest
Development Management
Interest
EEVEE
Interest
EEVEE & Viewport
Interest
Freestyle
Interest
Geometry Nodes
Interest
Grease Pencil
Interest
ID Management
Interest
Images & Movies
Interest
Import Export
Interest
Line Art
Interest
Masking
Interest
Metal
Interest
Modeling
Interest
Modifiers
Interest
Motion Tracking
Interest
Nodes & Physics
Interest
OpenGL
Interest
Overlay
Interest
Overrides
Interest
Performance
Interest
Physics
Interest
Pipeline, Assets & IO
Interest
Platforms, Builds & Tests
Interest
Python API
Interest
Render & Cycles
Interest
Render Pipeline
Interest
Sculpt, Paint & Texture
Interest
Text Editor
Interest
Translations
Interest
Triaging
Interest
Undo
Interest
USD
Interest
User Interface
Interest
UV Editing
Interest
VFX & Video
Interest
Video Sequencer
Interest
Virtual Reality
Interest
Vulkan
Interest
Wayland
Interest
Workbench
Interest: X11
Legacy
Blender 2.8 Project
Legacy
Milestone 1: Basic, Local Asset Browser
Legacy
OpenGL Error
Meta
Good First Issue
Meta
Papercut
Meta
Retrospective
Meta
Security
Module
Animation & Rigging
Module
Core
Module
Development Management
Module
EEVEE & Viewport
Module
Grease Pencil
Module
Modeling
Module
Nodes & Physics
Module
Pipeline, Assets & IO
Module
Platforms, Builds & Tests
Module
Python API
Module
Render & Cycles
Module
Sculpt, Paint & Texture
Module
Triaging
Module
User Interface
Module
VFX & Video
Platform
FreeBSD
Platform
Linux
Platform
macOS
Platform
Windows
Priority
High
Priority
Low
Priority
Normal
Priority
Unbreak Now!
Status
Archived
Status
Confirmed
Status
Duplicate
Status
Needs Info from Developers
Status
Needs Information from User
Status
Needs Triage
Status
Resolved
Type
Bug
Type
Design
Type
Known Issue
Type
Patch
Type
Report
Type
To Do
No Milestone
No project
No Assignees
2 Participants
Notifications
Due Date
The due date is invalid or out of range. Please use the format 'yyyy-mm-dd'.

No due date set.

Dependencies

No dependencies set.

Reference: blender/blender#107380
No description provided.