satisfactorymodding / satisfactorymodding/SatisfactoryModManager

Update Dialog UI/UX Improvements

Open
#257 0 comments 2 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
Svelte
Stars
500
Forks
94
Avg merge
9d 19h
Merged PRs (30d)
2

Description

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

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Locate the update dialog implementation and inspect how selected items, the upload icon, and the Show ignored control are rendered. Use the linked CodePen and screenshots as the visual reference; done means the selected item has a download icon and distinct background and border, with Show ignored moved beside the dialog buttons.

Written by the indexing model from the issue text.

Assessment

Domain
design, frontend
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.