Open M00NJ opened 4 months ago
Hi, thanks for the suggestions!
Currently the navigation bar contains only 2 items because the 3rd one is being worked on; it's gonna be the place to see sorted media by location, content, accessing the Private Album and there will be moved the Favorites and Trash buttons.
I'm really impressed by how well designed and executed Gallery is as a project and already recommended it to quite a few people. There are some small ui changes I'd like to suggest though, mainly regarding the three dot menu.
Currently the menu opens a bottom sheet that houses navigation destinations (
Trash
,Favorites
) as well as actions (Select all)
, which you usually don't want to mix.Destinations should also ideally be reachable through navigation components only. Therefore I suggest moving
Trash
to the navigation bar.Trash
is a frequently used item. Moving it to the navbar makes it more accessible. Also the Material 3 guidelines suggest to use navbars only for three or more destinations which would be fix by this as well. Screenshot from material.io:Also imo it makes sense for
Favorites
to be an album, since it groups together pictures selected by the user. So I suggest moving it to the album screen. The album card could be overlayed with a heart icon to make it stand out more from the other albums.These two changes (
Trash
-> navbar &Favorites
-> Albums) would also make the two buttons at the top in the album screen obsolete.They could be removed to free up more screen space for the albums and make the ui cleaner. Because of their placement at the top of the screen they aren't the most comfortable to reach anyways.
This would leave only two items left is the bottom sheet (
Select all
&Settings
). I'd suggest splitting them apart and adding them directly to the top bar, which would make it only one click toSelect all
or go to theSettings
.Alternatively a popover menu could work here as well, but would require more input.
I hope some of the suggestions are interesting to you and that the mock-ups helped to visualize what I was talking about :)