I'm faced with the problem to design a concept how to reduce the amount of certain elements seen on the screen. The problem arise from too many elements on some web pages, which hinder the navigation experience of the user.
The obviously easy solution would be to use a button or link to change states from initial to expanded and vice versa. I made a mockup for this. EDIT: updated+english version of all mockups
A second, but for my taste a little cumbersome and design unfriendly, solution could be to use a slider to limit the amount of elements in precise steps. see the next mockups:
EDIT2: please consider for my use case, that solutions à la amazon facets sidebar are not applicable due to an already existing and fixed Layout.
Can anyone imagine better or more modern ways to solve this problem?
Has anyone seen such solutions implemented in some software or website?
I would be glad to hear your opinion or maybe some links to possible solutions.