Preferences window design idea

[bordam]

I don't like how we add previews atm. Of course the current ux does its job but I don't like the way it looks, the entry and the button are both on the left and there is a lot of free space on the right. So my first thought was to move the Add button to the right. It stops looking out of place, however it's not the best imo.

So I thought we could integrate the Add preview option in the Appearance category, and to me it looks very good.

Once the user presses the "+" button, a toast indicates that the preview was added and the button becomes green. Also, even before pressing it, the button is already green if the size selected is already in the main window. Pressing the green button either does nothing or shows a toast indicating that that size is already in the main window. The toast could also show the size that was added, e.g. "64x64 preview added!".

[Taiko2k]

Certainly, your proposal looks better. Is this working code?

[bordam]

No, it’s just a mockup. Unfortunately I don’t have the skills to implement this myself 🥲

[Taiko2k]

Oh haha, neither 🥲

[rafaelmardojai]

I could help with this.

IMO the current implementation is a bit confusing. I don't know if would be better to show a + button next to the previews in the main window. Or at last, be able to see the current added previews and be able to remove them in the settings window.

[Taiko2k]

Yes it's a bit haphazard of a design currently. And is something users get confused about. It's not obvious to look in preferences for this option.

Being able to add them from the main window would be a UX improvement.

I might add it to the preview context menu. So if a user right clicks a preview to remove one, they'll see where to add one back again. And have this section of the preferences moved to a new dialog.