UI/UX improvement
First off, this is a fantastic app. But it was confusing to use it at the beginning. Once I got the hang of it, I loved the power of it. However, I have a few sugggestions. I feel the current UI is very cluttered. Also, because of the layout/arrangement, the UX is on the lower side.
Problems I faced
- Add, Replace, Format, Remove, and Save as Text tabs have multiple buttons. It's a little over-whelming. Clicking some of them (without selecting the items in the list) does nothing.
- Also,
Rename
button is above the tab widget. This makes the user search for everything (Bad UX). - Once the renaming is complete, either the file list should be cleared or they should show the new names.
- The text shown in the
Changed
columns should be cleared. - In the desktop mode, the line edits are too large, making the UI look bad.
- I have not yet understood the function of
Save as Text
- When resizing I noticed that the minimum width is 540px: This might cause problems on low res displays.
- After performing the rename operations, if we close - it still complains of unsaved changes.
-
Format
tab: typo - Fromat
Some suggestions
- Change the UI - Make it a wizard.
- First page lets the user to add/remove files.
- After that, show the file list on the left for desktop users and top for mobiles on all pages
- Make each tab into a page. All the add options (Text, numbers, dates, etc) on first page
- Remove in the second page, Format on third and so on.
- Each page will have
[< Back]
,[> Skip]
[x Close]
and[✓ Rename]
options.[✓ Rename]
should be disabled if there are no changes. - As soon as some changes are made, enable the
[✓ Rename]
button. Trying to[> Skip]
should warn the user that changes will not be saved.
+---------------------------------------------------------------------------+
| +-----------------------+ +---------------------------------------------+ |
| | File 1 | | Title | |
| | NewFile 1 | | | |
| | --------------------- | | | |
| | File 2 | | | |
| | NewFile 2 | | | |
| | --------------------- | | | |
| | File 3 | | | |
| | NewFile 3 | | | |
| | --------------------- | | | |
| | | | | |
| | | | | |
| | | | | |
| | | | | |
| | | | [< Back] [> Skip] | |
| +-----------------------+ +---------------------------------------------+ |
| [✓ Rename] [x Close] |
+---------------------------------------------------------------------------+
- Remove the "for all" button. Automatically, apply the changes to the selection, otherwise apply to all.