UX: Add photo/video/both switch to albums and search results #1377

Open
opened 2026-02-20 00:11:30 -05:00 by deekerman · 5 comments
Owner

Originally created by @rounakdatta on GitHub (Mar 28, 2022).

Is your feature request related to a problem? Please describe.

Not a problem, but a suggestion on UX improvement.

It might be sometimes desirable to toggle between viewing only photos or only videos or both in an album. If there would be an accessible switch that allowed us to do this easily, that would be great. Not only albums, but this feature could be available even on the Search page.

Describe the solution you'd like

A 3 toggle button which allows one to switch between

  • Only photos
  • Only videos
  • Both

What I have in my mind:
image

Originally created by @rounakdatta on GitHub (Mar 28, 2022). **Is your feature request related to a problem? Please describe.** Not a problem, but a suggestion on UX improvement. It might be sometimes desirable to toggle between viewing **only photos** or **only videos** or **both** in an album. If there would be an accessible switch that allowed us to do this easily, that would be great. Not only albums, but this feature could be available even on the Search page. **Describe the solution you'd like** A 3 toggle button which allows one to switch between - Only photos - Only videos - Both What I have in my mind: <img width="803" alt="image" src="https://user-images.githubusercontent.com/20105014/160481040-9f685416-b318-455b-a76f-c4b3ad908f9f.png">
Author
Owner

@graciousgrey commented on GitHub (Mar 29, 2022):

On pages with search you can achieve this using the search e.g. photo:true or video:true

For within albums we could do either add a search bar as well (as other people wish for) or add a switch. The biggest problem with a switch is where to put it on small devices. As PhotoPrism is build as PWA we need every page to be fully responsive.

@graciousgrey commented on GitHub (Mar 29, 2022): On pages with search you can achieve this using the [search](https://docs.photoprism.app/user-guide/organize/search/#search-filter-overview) e.g. `photo:true` or `video:true` For within albums we could do either add a search bar as well (as other people wish for) or add a switch. The biggest problem with a switch is where to put it on small devices. As PhotoPrism is build as PWA we need every page to be fully responsive.
Author
Owner

@rounakdatta commented on GitHub (Mar 29, 2022):

Interesting! If the switch has icons instead of lengthy text (📸 | All | 🎥), would it be better? Open to others' opinion as well.

@rounakdatta commented on GitHub (Mar 29, 2022): Interesting! If the switch has icons instead of lengthy text (📸 | All | 🎥), would it be better? Open to others' opinion as well.
Author
Owner

@GlassedSilver commented on GitHub (Mar 29, 2022):

Interesting! If the switch has icons instead of lengthy text (📸 | All | 🎥), would it be better? Open to others' opinion as well.

I'd be in favor of having both, although text-only for something like this feel equally appropriate.

IN GENERAL I'm always for visual clues though. So you're asking a very valid question IMHO.

(I think A Live toggle should be visible as well and come to think of it, I think I don't particularly like icon-only, because "All" would have to remain a text-only item for clarity. If text and icons are both used or if it's text-only this isn't much of a visual annoyance, but otherwise having "all" be the odd exception in the basket seems like a very inconsistent selector)

@GlassedSilver commented on GitHub (Mar 29, 2022): > Interesting! If the switch has icons instead of lengthy text (📸 | All | 🎥), would it be better? Open to others' opinion as well. I'd be in favor of having both, although text-only for something like this feel equally appropriate. IN GENERAL I'm always for visual clues though. So you're asking a very valid question IMHO. (I think A Live toggle should be visible as well and come to think of it, I think I don't particularly like icon-only, because "All" would have to remain a text-only item for clarity. If text and icons are both used or if it's text-only this isn't much of a visual annoyance, but otherwise having "all" be the odd exception in the basket seems like a very inconsistent selector)
Author
Owner

@graciousgrey commented on GitHub (Mar 30, 2022):

We would love to visualize search filters in general not only photo/video/live.
We envision something where the user can click into the search field, gets search filters suggested (displayed as text or icons (for booleans)) and can conveniently click together a search query like this:

subject:"John&Jane" country:"de|fr" 📸 year:2020

Any ideas how to do this UX wise are welcome!

@graciousgrey commented on GitHub (Mar 30, 2022): We would love to visualize [search filters](https://docs.photoprism.app/user-guide/organize/search/#search-filter-overview) in general not only photo/video/live. We envision something where the user can click into the search field, gets search filters suggested (displayed as text or icons (for booleans)) and can conveniently click together a search query like this: subject:"John&Jane" country:"de|fr" :camera_flash: year:2020 Any ideas how to do this UX wise are welcome!
Author
Owner

@GlassedSilver commented on GitHub (Mar 30, 2022):

We would love to visualize search filters in general not only photo/video/live. We envision something where the user can click into the search field, gets search filters suggested (displayed as text or icons (for booleans)) and can conveniently click together a search query like this:

subject:"John&Jane" country:"de|fr" 📸 year:2020

Any ideas how to do this UX wise are welcome!

Noted and very welcome, however a "view switch" should be separate from a search prompt imho. :)

So, as far as the media kind selector goes (Live, Photo, Any, Video) I would make that roughly in the style presented in OP's image and place it on the bottom of the page.

Additionally, this could be embedded into a white (or otherwise theme-fitting colored) bar without border where status info is presented.

E.g. in the Any view you would show how many items there are in the folder/album you're in. (basically get rid of those notifications popping up... why is that a notification? And why is it two notifications? The first one for 50 loaded and the second one when you scrolled down and reached number 120 for example showing that there are 120 items)

If you select any of the media kind selectors like Video it would read: "Showing 12 out of 120"

Never underestimate the utility of a good status bar on the lower end of your album/folder view!

@GlassedSilver commented on GitHub (Mar 30, 2022): > We would love to visualize [search filters](https://docs.photoprism.app/user-guide/organize/search/#search-filter-overview) in general not only photo/video/live. We envision something where the user can click into the search field, gets search filters suggested (displayed as text or icons (for booleans)) and can conveniently click together a search query like this: > > subject:"John&Jane" country:"de|fr" 📸 year:2020 > > Any ideas how to do this UX wise are welcome! Noted and very welcome, however a "view switch" should be separate from a search prompt imho. :) So, as far as the media kind selector goes (Live, Photo, Any, Video) I would make that roughly in the style presented in OP's image and place it on the bottom of the page. Additionally, this could be embedded into a white (or otherwise theme-fitting colored) bar without border where status info is presented. E.g. in the Any view you would show how many items there are in the folder/album you're in. (basically get rid of those notifications popping up... why is that a notification? And why is it two notifications? The first one for 50 loaded and the second one when you scrolled down and reached number 120 for example showing that there are 120 items) If you select any of the media kind selectors like Video it would read: "Showing 12 out of 120" Never underestimate the utility of a good status bar on the lower end of your album/folder view!
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
starred/photoprism#1377
No description provided.