[ENHANCEMENT] WingetUI v3.0.0 UI improvements

[realgooseman]

Please confirm these before moving forward

• I have searched for my feature proposal and have not found a work-in-progress/duplicate/resolved/discarded issue.
• This improvement refers to an existing feature. If you want to suggest a new feature, please use this template
• This improvement is not a bug. If you want to report a bug, please use this template

Describe the improvement

HI Martí Climent (@marticliment),

Thanks for this useful app. I appreciate the work.

I just updated to V3 and I've noticed some improvements, but there are a few things I would like to share about the UI.
I've read some issues where people are complaining about it but without being specific about the things that caught my attention, let me know what you think about it :

Text labels

I don't like that icons get a text label under/next to them. It just takes useless space and could be improved by keeping the buttons icons only and showing the text on hover. This problem is especially annoying on the V3 with the sidebar that shows text labels under all the icons. Also, these icons all have big page titles that clearly indicate what they are.

Side filter menu

That new filter menu that you can slide to the left to hide it isn't visually appealing, what about a "filter" button with a pop-up window.

Remember window position

On V2, WingetUI used to remember the last window position and size it was left in on launch.
It doesn't seem to be the case anymore on V3.

About button

The new "about" sidebar button is not really that essential imo, could be moved to the "More" menu to simplify the sidebar

Describe how this improvement could help users.

In my opinion, it would simplify the interface, make it more visually appealing and consistent.

[marticliment]

Hello Gooseman (@realgooseman),

The Remember Window Position has already its own issue. You may want to subscribe there to get new updates about it.

Regarding the rest of the features, I will take them into account

[aaronliu0130]

Personally, having text next to primary actions such as updating makes sense. For the sidebar, maybe it could do the thing where clicking on the menu button shows the text, or shorten everything, like having the text be "Discover, Updates, Installed, Bundles", and only have it show the full thing on hover.

Maybe the filters could be moved to the right, and the button to show/hide it from 2.0 seems useful.

[tomasz1986]

Honestly, I like the text labels. Otherwise, I find it always difficult to remember what each icon stands for. The hover state is also not available for those who navigate the application on a touch screen or using only a keyboard. Hiding useful information so that it appears only on hover is bad for accessibility in general.

It could be an opt-in setting though, for those that really want to remove the text labels.

[rp1231]

I like having the filters on the left permanently. I think it's pretty functional.
You can hide it if you don't like seeing it........

[aaronliu0130]

I don't think you can hide it anymore

[marticliment]

I don't think you can hide it anymore

You can drag it to the right on 3.0.0.

However, I will create a show-hide button

[aaronliu0130]

You can drag it to the right on 3.0.0.

How do I do that?

[marticliment]

I am sorry, I meant to the left. there is a separator bar used to resize the filter panel, move it to the max left and the panel should hide

[FrankGarcia97]

Hi Martí Climent (@marticliment), I want to join the discussion, and I have two comments regarding the interface design.

1. This doesn't quite relate to the current topic, but rather to the appearance of the installer itself. However, I didn't want to create a separate topic for this. So, to the point. In my opinion, the existing picture in the installer should be replaced with the application's icon to give it more seriousness. Because currently, it looks somewhat childish for such an app.

2. Separator on the left looks more like a scroll bar, and that's not very good in my opinion, as it disrupts the coherence. It's worth completely abandoning this, since panels already have their own edges/boundaries, and the size can be adjusted by dragging them, it's more logical. Or at least make this divider not just a short stripe, but a line spanning the entire height of the panel, to make it look more like a separator.

[marticliment]

3. Separator on the left looks more like a scroll bar, and that's not very good in my opinion, as it disrupts the coherence. It's worth completely abandoning this, since panels already have their own edges/boundaries, and the size can be adjusted by dragging them, it's more logical. Or at least make this divider not just a short stripe, but a line spanning the entire height of the panel, to make it look more like a separator.

I'm afraid this is the default WinUI expander, but I'll see what I can do

1. This doesn't quite relate to the current topic, but rather to the appearance of the installer itself. However, I didn't want to create a separate topic for this. So, to the point. In my opinion, the existing picture in the installer should be replaced with the application's icon to give it more seriousness. Because currently, it looks somewhat childish for such an app.

New imagery is planned when WingetUI becomes UnigetUI

[aaronliu0130]

awwww I liked the wizard, wizard is old, he ain't childish