[Feature]: Improve beta version indication #3769
Comments
|
The red could also indicate that auto updates are disabled. If either auto updates are disabled or beta updates are enabled, the red is shown. How would you like that to be visually shown? |
|
I do like the idea of a beta logo. Would you want that beta logo only in the top header or also as the application icon (as seen in the taskbar / application menu)? |
We can try fit to the 'Updates disabled icon' + the vXX.X.X in the same red bar + make the badge's color orange-ish instead of the red, since disabling updates is not that risky as using a beta version.
Initially, I thought about using it only as the top header indicator, but the app icon actually makes sense too. If you're open to this idea, I can create a set of beta icons later. |
|
Maybe something like this:
Quasar badge component: https://quasar.dev/vue-components/badge |
|
Btw, when you disable auto updates on Windows/Linux and a new version becomes available, you'll see a banner (the same one macOS will always show for new versions). So warning that auto updates are disabled is not that important if it becomes too visually cluttering. |
Exactly. Sounds good!
If we use either auto-updates disabled badge OR beta version badge at once, the UI must be fine with enough indication for both types of users. But we can start with just the beta badge and see if that's sufficient. |
|
Really this red logo was a little bit out of order, I would suggest also some change, something like the letter B in the logo to differentiate. Excellent suggestions. |
|
This is what I've got so far. The warning icon is a placeholder until we have a updates-disabled icon.
|
|
Good starting point 👍 I'd say don't be afraid to move it more over the logo to avoid touching the side and top of the container, to always have some distance around the object. |
|
@mtdvlpr taking a fresh look, maybe more saturated yellow and red would be better? What do you think? |
|
What do you think about having a beta version icon simply visually very different to the stable version's icon instead of trying to incorporate the beta or even β symbol? I've tried multiple versions with the text, but they just don't look right in my opinion. That said, we can try to deliver the beta-idea in a visual way without explicitly saying this. Something like this might work for example. What do you think @mtdvlpr @sircharlo ? 
Let me know if Windows version requires any tweaks to optimize it, most likely in the very small scale it won't be really readable. |
|
The 'Updates disabled' icon is already in the UI Kit by the way @mtdvlpr |
|
I personally like number 4 (maybe with a regular B instead of the β). I'm curious what @sircharlo thinks.
|
|
Pay attention to how the red strip won't align with the isometric-aligned M³ logo shape on the 4th option 😁 If I had to choose from other options, I'd go with either number 2 or 5 |
|
Oh man. I love number one... |
|
And I guess the ultimately selected app icon can also be used in the app's toolbar (but with no stroke and rounded corners, only the white layers)? Since it's clearly says 'Beta', it would be a good indicator as well. What do you guys think? |
|
@ux-git, thank you for putting so much effort into all these different designs! They all look amazing. If I may share my humble opinion again, I think |
|
@mtdvlpr I do agree. My favourites are 2 for its simplicity, 5 for being clear, and 7 for being extra clear :D |
I think it depends on whether we want a clear distinction between "a beta version is installed" and "beta updates are enabled". The beta app icon is a great way to say "a beta version is installed". If we use that same icon in the top header/toolbar as a "beta updates are enabled" indicator, it might not be clear that it signifies something else. |
|
While waiting for the feedback from @sircharlo, I've improved the geometry of the base logos across all platforms, so @mtdvlpr feel fee to re-import them into the app (literally all icons, the media window ones as well) once you have a spare minute. Or perhaps better after the beta icon is selected and finalized. |
Done :) @sircharlo, I've simplified the logo update process:
A new |
|
I like 4! |
|
Ok, great. The icons are ready for export |
|
Implemented in b371303 |
mtdvlpr
added
awaiting-release
|
hard crosing make media converter so slowly |
Что? Sorry I didn't get that... |
Is your feature request related to a problem?
Right now the big red circle behind the logo looks like an error indicator.
Describe the solution you'd like
Add a 'Beta' badge to the logo to attract enough attention but not too much and right away indicate why is it even red – because it's a beta version and user has to be careful.
Something like this:
Describe alternatives you've considered
Clicking on the icon to find out why it's read
Additional context
Perhaps such an indicator would also be useful on the app icon of beta versions to distinguish it more clearly from the stable version. If the beta works well, you might forget that it's a beta :)
Confirmations
The text was updated successfully, but these errors were encountered: