podverse-rn icon indicating copy to clipboard operation
podverse-rn copied to clipboard

Save vertical space in listings

Open comradekingu opened this issue 3 years ago • 4 comments

This saves a great deal of space, and I think a floating search makes sense at the bottom, because that is where the user will be having browsed through/exhausted available listings.

bilde

bilde

More focus on the selected tab at the bottom would also help. Maybe then further savings are possible.

comradekingu avatar May 02 '22 05:05 comradekingu

@comradekingu

Re: moving the search bar/search icon...if the search icon is in the navigation header, then I would expect it to be a global search feature, rather than a "current page specific" search feature. The search actually works more like a "filter" than a search, because on Podcasts it lets you filter by podcast title, on Episodes it lets you filter by episode title, etc.

Previously we had the search icon in the header, but it navigated the user to a global search page. If we add a global search page in the future then I could see us adding it back, and maybe hide the filters on these pages underneath the top of the list.

I think it'd be nice most of the time to have the "filter bars" like we have them tucked under the top of the list...but if we do that by default, then it won't be obvious to people how they can search for podcasts when they first use the app.

Sooo all that to say, a near-term change I think we could make is an advanced setting that lets you hide filter bars by default...and a long-term change would be adding a global search page.

mitchdowney avatar May 26 '22 23:05 mitchdowney

@mitchdowney Sounds good.

I think more-so an open field filters the currently shown entries, rather than search for other things. Searching is in any event not the main use-case, so not using a permanent part of what is makes sense. It follows that it should be minimal by default.

Ultimately I got some ideas of good UI, but it is vastly different from the current approach.

comradekingu avatar May 30 '22 14:05 comradekingu

@mitchdowney With all of the searches being their own field, I think this would work. bilde

Moreover, I think the filter-search is best suited below the currently playing strip. (Just above the different tabs) That way all the input functionality is in one place, more-so central to where it can be reached. It also has the benefit of tying the podcast tab to the podcast search.

Edit: What do you think about doing away with all the horisontal lines in the UI? I don't understand how they do anything anywhere. I am strongly in favour of removing them. (#1035 related) Possibly in "Episodes" and "Clips" it helps separate the different entries, but that is a design issue better fixed by having the same functionality and look as for the "Podcast" tab.

comradekingu avatar Jul 29 '22 01:07 comradekingu

@comradekingu design decisions like these are tough for me to make...I try to differ to our UX developer friend who has been helping us. Next time they help with a UX audit I'll bring up these and any other design suggestions.

I still need to add a "hide filter bars by default" setting. I just created a ticket for it since I forgot about it 🤦‍♂️ https://github.com/podverse/podverse-rn/issues/1124

mitchdowney avatar Aug 01 '22 06:08 mitchdowney

Tried to clean up the design a in light of #1597 bilde

I think the "Latest episode:" part could also be omitted.

8.5 entries vs. 6.5 now.

comradekingu avatar Jan 08 '23 13:01 comradekingu