UI: General Updates/Fixes
WELCOME TO ANOTHER BATCH OF UI UPDATESSS!!!!
So there are a couple UI Updates that I want to get in before 1.3.3 drops (I saw a change log slowly being written up).
This is the first one. This is more of a general additons/fixes + some prep for future UI MR's. The descriptions are much shorter and without that many pictures.
MAIN WINDOW:
-
Updated Custom Config Colour & Styling
- Two main issues:
- The Custom Config label size wasn't being dynamically updated when "Show Names" was unchecked, so all translations apart from English were cropped.
- The label is now more dynamic, fits the contents of all existing translations inside, and should work for all future translations.
- The Custom Config's label colour was orange (not really an issue)
- The orange-ish color was somewhat similar to the "Ingame" label colour. To avoid colour duplication without necessity, it is now very bright blue (closer to cyan). It doesn't interfere with any other color and still pops.
- The Custom Config label size wasn't being dynamically updated when "Show Names" was unchecked, so all translations apart from English were cropped.
- Two main issues:
-
Remove Icon Size Label
- After adjusting the spacing of the Icon Size slider (which is positioned correctly on macOS & Windows), the label, which looked good on macOS, was actually positioned a bit too low on Windows.
- To fix this (and improve the UI) the Icon Size label was removed.
- The UI looks simpler and this doesn't impact the UX, as users instinctively know that a slider adjusts the size of something on the main screen: the size of icons. There also isn't a need to think about the positioning of the label and how it will look on various systems.
- To fix this (and improve the UI) the Icon Size label was removed.
- After adjusting the spacing of the Icon Size slider (which is positioned correctly on macOS & Windows), the label, which looked good on macOS, was actually positioned a bit too low on Windows.
-
Remove Sort Label
- The Sort label didn't have any spacing/alignment issues, but it stood out too much, especially considering that the dropdown (which houses the various sorting options) is actually quite clear in showing what it does.
- Right now, the default option is "Title" with an "arrow" on the right. The users know that the current view is based on the "Title", so if they wish to change it, they simply need to interact with the box. Previously, the "Sort" acted as the way to get the user to understand it and it stood out, since the top bar doesn't have that many words. Now, the dropdown performs this action.
- Removed the Sort labels from virtually everywhere except the "LDN Game List" window (for now), since it is used as the label/content itself. Planning on going to that window to see what can be done a little while later.
- The Sort label didn't have any spacing/alignment issues, but it stood out too much, especially considering that the dropdown (which houses the various sorting options) is actually quite clear in showing what it does.
Menu Bar/Game Context Menu Bar:
-
Game Context Menu → Cache Management → Added two separators for better grouping & looks
- There is now a separator between "Queue PPTC Rebuild" and "Purge PPTC Cache"; "Purge Shader Cache" and "Open PPTC Directory"
-
Game Context Menu → Cache Management → Disallow removal of caches if there are no caches (BIGGEST CHANGE)
- Previously, regardless whether a game had PPTC/Shader caches, the button to "Purge PPTC Cache" or "Purge Shader Cache" was always highlighted, so the user's couldn't know whether a game had any sort of caches or not, except from manually checking the directories.
- Now, the user will be able to know at a glance whether they have any caches to delete. The buttons are greyed out and unclickable when the user doesn't have any cache files in those two respective main directories. When a game is booted and caches are made, the user will be able to see that the button is now clickable once they exit the game.
- Previously, regardless whether a game had PPTC/Shader caches, the button to "Purge PPTC Cache" or "Purge Shader Cache" was always highlighted, so the user's couldn't know whether a game had any sort of caches or not, except from manually checking the directories.
-
Menubar → Actions → In-game Actions → Reworded "Scan An Amiibo" → "Scan Amiibo"
- Also adjusted "Scan Amiibo from bin" text formatting to "Scan Amiibo (.BIN)"
-
Menubar → Help → Reordered the Menu Options a bit
- Restructured. It'll now look like the image below.
-
Reworded "Open LDN Game List" → "LDN Game List"
- Open here could imply that it's a link to a website, which it isn't, so this is for clarity sake)
-
Menubar → Help → Remove all FAQ tooltips
- They aren't needed here. They all said that they are going to open X page on the official wiki. Users instinctively know that it is quite rare for an app to have a built-in guide/setup instructions, so they know it'll open up a page.
Miscellaneous:
- All tooltips have full stops/punctuation (if applicable for the language. This only targets those that aren't going to be changed in the future OR those that have 2-3 words in them).
- All Settings window labels have colons (EXCEPT for ones in Input - those were removed because they look better that way; doesn't apply to nested settings in Input tab).
- Removed second instance of "Check and Trim XCI File" and used the GameContextMenu version to avoid duplication.
- Changed "Updater" Dialog Arrow from "->" to Unicode Arrow (→) (if it won't look good, will revert).
- Additionally, changed order of the "Yes, No, Show Changelog" buttons that appear on the updater dialog. The "Show Changelog" button being in the middle didn't fit, so it's now on the left.
- Capitalised the English locales of "DLC(s)/Title Updates Available/Added/Removed" and related texts (only in English for now)
- Minor locales.json edits, mainly in reducing the amount of repetitive entires (so if there are two sets of "Auto", then one would be removed). This is just a few of them, and other ones will be in future MR's.
Here are some images for visuals:
Menubar → Help (Latest Canary):
Menubar → Help (New):
This is the DARK MODE color of the Custom Config Label (previously was either White or Orange/Yellow-ish, depending whether "Show Names" was checked or not):
This is the LIGHT MODE color of the Custom Config Label (looks good in list mode and in grid mode with "Show Names" checked):
Edited by Neo