Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

UX: Back button in "Folders" #1409

Closed
rosscullen opened this issue Jul 4, 2021 · 10 comments
Closed

UX: Back button in "Folders" #1409

rosscullen opened this issue Jul 4, 2021 · 10 comments
Assignees
Labels
idea Feedback wanted / feature request released Available in the stable release ux Impacts User Experience

Comments

@rosscullen
Copy link

rosscullen commented Jul 4, 2021

Just installed today and really impressed so far. I'm a traditional user with a 'folders and files' style workflow.

Would be great to see a back button on the menu bar (I've mocked up an example below)

photoprism-folders-back-button

Could also be used in other areas. I got the idea off the Home Assistant project where it works very well on it. Hopefully other users feel similarly and the idea hasn't already been suggested. Thanks and keep up the great work :-)

@graciousgrey graciousgrey added the idea Feedback wanted / feature request label Jul 5, 2021
@lastzero
Copy link
Member

lastzero commented Jul 5, 2021

Any reason you don't use the standard browser back button?

@rosscullen
Copy link
Author

rosscullen commented Jul 5, 2021

Thats a fair and valid question...
Personally, I think over time I have lost trust with the browser back button. eCommerce forms... eBanking... a lot of the time you loose your search results or page takes longer to re-render etc.
*Edit
I've noticed on the readme that one of the "Key Features" of Photoprism is that the system "is built as a progressive web app"... If someone is using it as a PWA, where's the browser back button?

I'm no UX expert/researcher but I have generally found with web applications, the navigation is contained within the application area (particularly if you're using a browser in kiosk mode or similar). And it is quicker than dragging your mouse all the way up to the top left hand corner of the screen. By having your own back button, there may also be an opportunity to used a cached version of the previous page... but I don't know enough to understand the 'behind the scenes' of the core similarities/differences.

Which also brings up another question... would you consider using breadcrumbs to navigate folders/sub-folders? Similar to $ynology Photos.

Lastly, when you open a photo, would you consider centering the buttons that currently are in the top right (and a back button like $ynology Photos).

Appreciate you taking the time to consider my suggestions, really impressed what you have achieved to date... well done

@graciousgrey
Copy link
Member

using it as a PWA, where's the browser back button?

That's a valid point. Using touch gestures could be an option as well.

would you consider using breadcrumbs to navigate folders/sub-folders? Similar to $ynology Photos.

We already have breadcrumbs in Originals (see https://demo.photoprism.org/library/files/demo/Toronto ) That's the only section with subfolders.

Lastly, when you open a photo, would you consider centering the buttons that currently are in the top right (and a back button like $ynology Photos).

We plan to build our own optimized photo viewer: #1307.

@rosscullen
Copy link
Author

Thanks for updates 👍🏻

@graciousgrey graciousgrey changed the title Improvement: Back button in "Folders" UX: Back button in "Folders" Nov 2, 2021
@lastzero lastzero added the ux Impacts User Experience label Nov 16, 2021
@graciousgrey
Copy link
Member

The next release will come with breadcrumbs in albums/folders/calendar/states/moments that allow you to navigate back on desktop and tablet. This can be tested on our demo already: https://demo.photoprism.app/folders/arjngsl2536ivhdp/demo-german-film-award-2012

Within the PWA you can use swipe gesture to go back.

@graciousgrey graciousgrey added the please-test Ready for acceptance test label Oct 23, 2022
@lastzero
Copy link
Member

lastzero commented Nov 4, 2022

Nobody complained so far, so I'll move ahead and close this as done!

@lastzero lastzero closed this as completed Nov 4, 2022
@lastzero lastzero added released Available in the stable release and removed please-test Ready for acceptance test labels Nov 4, 2022
@lastzero lastzero self-assigned this Nov 4, 2022
@Jopo-JP
Copy link

Jopo-JP commented Mar 10, 2023

The next release will come with breadcrumbs in albums/folders/calendar/states/moments that allow you to navigate back on desktop and tablet. This can be tested on our demo already: https://demo.photoprism.app/folders/arjngsl2536ivhdp/demo-german-film-award-2012

Within the PWA you can use swipe gesture to go back.

The problem is, if you swipe back, you loose the menu on bigger screens like an tablet.

Screenshot

Tested on an iPad on Safari. You need to reload the site so the menu is back.
Same for the PWA.

@lastzero
Copy link
Member

@Jopo-JP I don't observe this on Android, is that a Safari or iOS specific problem? Does it happen in public mode only (our demo) or always, so back can never be used?

@Jopo-JP
Copy link

Jopo-JP commented Mar 10, 2023

On Android I can't say. On my phone on Android, this is not an issue, as I can press the Logo, so the menu appears from the left. Probably the same on an iPhone.

I think this will also happen on Android tablet at a specific viewpoint. Other Browser on iOS ell definitely have the same behavior since the use all the same WebKit.
Since it will Display the menu like on an bigger screen on the left site but minimized.

@lastzero
Copy link
Member

@Jopo-JP Ok, so I've tested this on Desktop Safari and on my iPad Air. Still can't reproduce the problem with our demo.

  • Is it possible you have plugins installed, are using security software or a proxy that is somehow manipulating the server response?
  • If you think this is a bug that needs to be fixed, we require complete technical information, including all software versions, the exact steps to reproduce it, and/or a screen recording.
  • If you are not sure and want to discuss this with other users first, you can do so in GitHub Discussions.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
idea Feedback wanted / feature request released Available in the stable release ux Impacts User Experience
Projects
Status: Release 🌈
Development

No branches or pull requests

4 participants