Droid-ify / client

F-Droid client with Material UI.
GNU General Public License v3.0
3.71k stars 79 forks source link

Move the top bar to the bottom of the screen #474

Open Turbolqk opened 1 year ago

Turbolqk commented 1 year ago

My suggestion is to move the "explore/installed/updates" buttons to the bottom of the screen with icons of their own. It would make the app look more modern and improve functionality on large screens. A good example of what I'm talking about is MRepo. Also, the app category menu could look like the "Advanced menu" in MRepo - the one that shows when you click the top right pie button. I mean the background itself, how it slides from the bottom and encompasses the whole screen, with rounded corners on the top end. Other wise this should remain as a list - the list it self of Droid-ify is pretty well structured. The search button, search bar and refresh buttons, as well as the Droid-ify name could remain on top. What do you think about adding the Droid-ify logo before the name on the top left part of the app? To make it look more like the Play Store etc.

Username1-a commented 8 months ago

On a contrary, when talking about introducing bottom navbar it would've made more sense to, in one way or another, include into it the options from 3-dot menu instead ("Favorites"/"Repositories"/"Settings" – they are cramped into the top right corner, hidden behind one button, so they are a bit hard to reach) or maybe considering somehow moving other options like "Search", "Sorting" closer to the bottom, but leaving "Explore"/"Installed"/"Updates" as they are – as tabs, they are swippable anyway (you can easily and quickly swipe left and right anywhere on the screen to change the tabs), so reachability is not a problem here, at all (again, on a contrary, moving those tabs into the bottom navbar would make them non-swippable, only clickable – at least, If one would just blindly follow "the guidelines" (although, logically nothing stops anyone from making bottom navbar elements change on swiping left and right, too)).

Maybe bottom navbar could've look like this, just a thought: 1 page is "Home" in which those 3 swipable tabs are remaining; 2 page is "Favorites" (or alternatively "Updates", with "Favorites" being 1 of 3 tabs inside "Home" page); 3 page is "Settings" into which "Repositories" could've been transferred.

Here's some image concepts (just images) of how that could've look like, including the idea of searchbar redesign by mecuricat (https://github.com/Droid-ify/client/issues/273):

Droid-ify Concept 1-1

More visibility: Droid-ify Concept 1-1 Visibility

Different searchbar style (with or without Droid-ify logo): Droid-ify Concept 1-2

"Updates" as bottom navbar item, "Favorites" as tab: Droid-ify Concept 1-3

"Favorites" page: Droid-ify Concept 2-1

"Updates" page: Droid-ify Concept 2-2 Updates