I'm creating a web application which will contain a large list of ingredients. You can see my current approach below:
However as the list grows it starts to take too much of the screen estate. Here are my current thoughts:
- the list items are equally important so prioritizing them (e.g. hiding less important items behind a tab) is not ideal solution
- one option would be to create tabs (e.g. item categories) but this would introduce quite a lot of extra clicks for the user
- I thought of having some kind of rolldown/rollup sublists but not sure how to really do it. Any examples of such a solution which is well implemented?
Please share your thoughts on this subject. Also, I would appreciate any links/screenshots of an existing existing implementation which you think is well done.
The most important thing is to keep the list simple and reduce the amount of clicks to minimum.