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

Improve layout and interaction of category selection #6

Open
ArcoMul opened this issue May 16, 2024 · 0 comments
Open

Improve layout and interaction of category selection #6

ArcoMul opened this issue May 16, 2024 · 0 comments
Labels
enhancement Improvement of exist functionality

Comments

@ArcoMul
Copy link
Owner

ArcoMul commented May 16, 2024

The category selection interaction currently takes up a lot of space, and especially on mobile it takes up half the screen, which can result in not realizing that the products below the categories have been updated when selecting one.

Current desktop:

grafik

Current mobile:

grafik

The recipe filter interaction of tasteatlas.com is a great alternative: https://www.tasteatlas.com/recipes

Tasteatlas desktop:

grafik

Tasteatlas.com mobile:

grafik

For Leihbase a similar setup could work well.

New desktop:

grafik

New mobile:

grafik

The categories on mobile can also be scrolled horizontally, instead of having to fold open the whole list.

After selecting a category it jumps to the front of the row so that it is always visible which category is selected.

@ArcoMul ArcoMul added the enhancement Improvement of exist functionality label Jun 1, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement Improvement of exist functionality
Projects
None yet
Development

No branches or pull requests

1 participant