satisfactorymodding/SatisfactoryModManager

Update Dialog UI/UX Improvements

Opened this issue · 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