files icon indicating copy to clipboard operation
files copied to clipboard

Improve bulk rename UI

Open peteruithoven opened this issue 1 year ago • 7 comments

Problem

The new multiple / bulk rename feature is great but could use some improvements regarding it's UI.

For reference: Screenshot from 2023-05-07 18 58 20@2x Screenshot from 2023-05-07 18 56 09@2x Screenshot from 2023-05-07 18 55 54@2x Screenshot from 2023-05-07 18 55 45@2x

Some problems:

  1. After selecting a prefix/suffix types the button is replaced for a settings dropdown button
  2. People need to open the popup to find the settings while people might think the dropdown only contains the prefix/suffix types. It's not obvious that the dropdown button contains all the settings.
  3. It's not possible to easily switch between different prefix/suffix types.
  4. It's not possible to preview the effects of prefix/suffix options without pressing apply.
  5. One of the number sequence settings is outside of the popup.
  6. Better to use active language for basename options?
  7. Subjective but selecting the basename through a ModeButton might be more appropriate?
  8. Some input fields rely on only the placeholder for it's purpose, meaning that when the field has focus or has content it's purpose is hidden.
  9. The second dropdown in the Date dropdown does 2 things, describing format and whether to include time.

Proposal

Some quick ideas:

  • Use Modebutton for basename.
  • Use active language for basename options.
  • Using labels to describe purpose input fields.
  • If we only support 1 prefix and 1 postfix we might as well inline the settings. Enabling quicker intuitive access to the settings.
  • Separate Include time checkbox, which could be hidden when not appropriate.
Bulk renamer dialog Bulk renamer dialog2 Bulk renamer dialog3

Sketches in Figma

Prior Art (Optional)

No response

peteruithoven avatar May 07 '23 17:05 peteruithoven