So we have a thread for redesigning the homescreen. I think the UI screen (menu screen) requires one such thread as well. Often times I am using the menu for a variety of things and found a lot of the convenient things are so so hidden down the list. Plus the entire UI which could have been compact seems a little unnecessarily bogged down with full width lists and grids occupying the screen space and having users scroll so down the bottom just to find something.
Just look at these screenshots. Honestly, when I first started using weblibre I liked the aesthetics of it. Though some of the things, I just scrolled down and used even if they were inconvenient while testing the browser. But now that I'm starting to use it as a daily driver it is turning into bit of a chore having to go through such processes.
Most if not all the options could easily be turned into 3 short buttons instead of full width list options like the top three desktop reader gesture.
Honestly the only one I can think of that requires a full width might just be the Extension button. Which could itself also be turned into a button and then on tapping expand a list under that entire row of buttons.
So my suggestions would be:
-
Compact the UI
-
Allow users to define how many buttons it can display in a row. Can cap it at 4 or 5 at best.
-
Allow dynamic resizing of elements so, users can compact each option into a button or a full width. So a single row can have 3-5 buttons at most. A full width button. Or a combination of both.
-
Allow moving of elements so users can place them at their own convenience. I have to travel down the list just to access my history a lot often.
(This system is the same as Android design, I'm not sure if others have it or not but on my Nothing Phone, the quick settings screen to show widgets or accessibility options acts in a similar fashion)
-
Other than the extensions one, I don't particularly see any button that requires full width expand. Plus with the dynamic resizing it is up to the users. So for extensions, it could be an exemption from it, or rather. When using the extension button it just expands into a full list from that row onwards.
These are the current UI redesign options I can think of at the moment.
Edit:
6) Optionally: Users should also be able to customize the elements, if they wanted to just remove one from the UI. Like I hardly use profiles for one so, as an example.
7) Ah, also do we need the bar at the bottom? I would say I don't mind the idea of a contextual bar in the normal screen space but in the three dot menu it seems a little convulated. I can see why it can be utilised by some users but having the ability to see or not see it would be more conventional. Right now it seems like an odd place to put that bar there.
So we have a thread for redesigning the homescreen. I think the UI screen (menu screen) requires one such thread as well. Often times I am using the menu for a variety of things and found a lot of the convenient things are so so hidden down the list. Plus the entire UI which could have been compact seems a little unnecessarily bogged down with full width lists and grids occupying the screen space and having users scroll so down the bottom just to find something.
Just look at these screenshots. Honestly, when I first started using weblibre I liked the aesthetics of it. Though some of the things, I just scrolled down and used even if they were inconvenient while testing the browser. But now that I'm starting to use it as a daily driver it is turning into bit of a chore having to go through such processes.
Most if not all the options could easily be turned into 3 short buttons instead of full width list options like the top three desktop reader gesture.
Honestly the only one I can think of that requires a full width might just be the Extension button. Which could itself also be turned into a button and then on tapping expand a list under that entire row of buttons.
So my suggestions would be:
Compact the UI
Allow users to define how many buttons it can display in a row. Can cap it at 4 or 5 at best.
Allow dynamic resizing of elements so, users can compact each option into a button or a full width. So a single row can have 3-5 buttons at most. A full width button. Or a combination of both.
Allow moving of elements so users can place them at their own convenience. I have to travel down the list just to access my history a lot often.
(This system is the same as Android design, I'm not sure if others have it or not but on my Nothing Phone, the quick settings screen to show widgets or accessibility options acts in a similar fashion)
Other than the extensions one, I don't particularly see any button that requires full width expand. Plus with the dynamic resizing it is up to the users. So for extensions, it could be an exemption from it, or rather. When using the extension button it just expands into a full list from that row onwards.
These are the current UI redesign options I can think of at the moment.
Edit:
6) Optionally: Users should also be able to customize the elements, if they wanted to just remove one from the UI. Like I hardly use profiles for one so, as an example.
7) Ah, also do we need the bar at the bottom? I would say I don't mind the idea of a contextual bar in the normal screen space but in the three dot menu it seems a little convulated. I can see why it can be utilised by some users but having the ability to see or not see it would be more conventional. Right now it seems like an odd place to put that bar there.