SatisfactoryModManager icon indicating copy to clipboard operation
SatisfactoryModManager copied to clipboard

Update Dialog UI/UX Improvements

Open mouse0270 opened this issue 1 year ago • 0 comments

So this morning I noticed that the UI/UX for the update dialog was a little weird feeling

When selecting an item it gets an icon of an upload arrow, which just feels weird since you're downloading the update. Also the item you last selected gets a weird pressed down button state. Meaning once you select another item, the only way to know you have selected an item is by the upload icon to the left of the item.

Image Image

I have wrote a mockup on Codepen to show how I would design this to help provide better user feedback.

First is, when selecting an item, I display a download icon, I know its small, but its really eating at me that you guys use an upload icon. Second is, when selecting an item, I provide a different background color along with a border for the selected item. Third is, I moved the show ignored button to the bottom right with the rest of the dialog buttons because in its current position it just creates unneeded space at the top of the dialog.

Image

https://codepen.io/mouse0270/pen/ExqwKaE

mouse0270 avatar Oct 22 '24 11:10 mouse0270