UI: Main Window + General
(Update: This description is an updated version of the previous one, containing mostly new information. It turns out, that after the changes introduced here, it became more of a specific UI MR rather than a general one, but that goes without saying. Enjoy!)
WELCOME TO ANOTHER BATCH OF UI UPDATESSS!!!!
So there are a couple (read - a lot of) UI Updates that I want to get in before 1.3.3 drops (I saw a change log slowly being written up).
Let's start.
GAME SELECTION (MAIN WINDOW):
Custom Config
Label Shenanigans (NEW!!!!):
-
Grid View - Removed Custom Config Label
- Why? After further testing, there were a couple of "bugs":
- The label size wasn't dynamically updated, so all translations apart from English were cropped.
- The label was pushed beyond the listbox (individual game "cover"). So if a game had a long title, the
Custom Config
label would actually be obscured. - The label was orange, and it was similar to a game status colour (not really a "bug", but still to point out)
- The label was very close to the game name when "Show Names" was checked.
- Hence, it was removed. However, instead of actual "label" being present, another, more effective solution, was introduced:
- Why? After further testing, there were a couple of "bugs":
-
Grid View + List View - Added a Gear Icon To Appear On Game Cover If a Game Has
Custom Config
- This means that, just like the
Toggle Favorite
button in the Game Context Menu would "create" a star on the game cover in the top left corner, theCreate Custom Configuration
button would do the same, except show a gear icon in the top right corner.- This shortens the text present in the "Game Name" section (Grid View), so that it only shows the game name.
- This "icon" is also present in List View. However, list view preserves it's
Custom Config
label, since there is space to add it there.
- This means that, just like the
-
Changed
Custom Config
Label Colour- At first, the initial proposed colour was cyan, since it popped, was bright, and appeared with a dark background (Dark Mode) in Grid View, so it was clearly legible.
- However, with the new icon, cyan/blue wasn't really the best colour since many game covers were bright.
- After further testing, a new colour was chosen: a darker blue (less cyan). This colour also pops, isn't similar to other colours used in the UI, and allows the symbol to be clearly visible in the UI in both light and dark modes, as well as on blue/light/bright game covers.
- However, with the new icon, cyan/blue wasn't really the best colour since many game covers were bright.
- At first, the initial proposed colour was cyan, since it popped, was bright, and appeared with a dark background (Dark Mode) in Grid View, so it was clearly legible.
GENERAL MAIN WINDOW:
-
Grid View + List View - Added Corner Radius To Game Covers + Borders
(NEW!!!!)
- Since many (if not all) elements in the UI are rounded, it only makes sense that the game covers and game cover borders are also rounded to match the aesthetic.
-
Remove Icon Size Label
- After fixing the spacing of the icon size label & slider, the label was a bit lower than the slider on Windows. To fix this, the icon size label was removed.
- The UI looks simpler and doesn't impact UX, as users instinctively know that a slider adjusts the size of something on the main screen: the size of icons.
- After fixing the spacing of the icon size label & slider, the label was a bit lower than the slider on Windows. To fix this, the icon size label was removed.
-
Remove Sort Label
- The Sort label doesn't have any alignment issues, but it is an unnecessary element
- 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" (the default label), so if they wish to change it, they simply need to interact with the box.
- Removed the Sort labels from virtually everywhere except the "LDN Game List" window, 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 doesn't have any alignment issues, but it is an unnecessary element
-
Improved Game Status Padding in List View
- The padding around the playability statuses (Playable, Ingame, Boots, etc.) was a bit too small and looked like it was squeezing the text. Added a bit of padding (0 → 1.5).
-
Increased Favourite "Star" Size (NEW!!!!)
- It was a bit small and needed that increase in size.
Menu Bar/Game Context Menu Bar:
- Game Context Menu → Cache Management → Added Two Separators For Better Grouping (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 No Caches Exist (BIGGEST CHANGE)
- Previously, regardless whether a game had PPTC/Shader caches, the buttons
Purge PPTC Cache
orPurge Shader Cache
were always clickable, so users had no idea if a game has any caches or not, except from manually checking the directories.- This behaviour is now updated – if a game has no caches, the button is unclickable and greyed out. When a game creates those caches, or a user adds them to the directories (for whatever reason), the button becomes clickable.
- Previously, regardless whether a game had PPTC/Shader caches, the buttons
-
GameContextMenu → Renamed "Create Application Shortcut" to "Create Shortcut"
(NEW!!!!)
- It's clear what the shortcut is for, so the word "Application" is unnecessary.
- Menubar → Actions → In-game Actions → Reworded "Scan An Amiibo" → "Scan Amiibo" + Adjusted "Scan Amiibo from bin" → "Scan Amiibo (.BIN)"
- Menubar → Help → Reordered the Menu Options a bit (See 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 → FAQ & Guides → Remove all FAQ tooltips
- They aren't needed, as they all say all 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 webpage.
-
Menubar → Help → FAQ & Guides → Removed "Guides" from "Setup & Configuration Guide" and "Multiplayer (LDN/LAN) Guide
(NEW!!!!)
- It's clear the user has navigated to the "FAQ & Guides" section, so including those additional terms in the menu options doens't provide any further meaningful information. Furthermore, it just doesn't look that good.
Miscellaneous:
- All tooltips have 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).
- 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 duplicate entires. 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):
NEW GEAR SYMBOL WHEN GAME HAS CUSTOM CONFIG (Screenshot below shows a game being a favourite and having a custom config):
Below is an image from the latest canary (doesn't show Custom Config in the same level as Favourite "Star". Also shows the squared off corners that the new one doesn't have. It's more so visible in Ryujinx than on an image):