My application presents various articles to the user (mostly pertaining to Entrepreneurship). To help the user find the articles they're interested in, there are toggleable buttons that each represent different search criteria, including categories (e.g. artificial intelligence, success, finance) and formats (e.g. articles, diagrams, events). The results of the selected criteria are displayed below.

However, if people enabled all of the 10 buttons, the amount of text that would be shown would be too large, and unmanageable from a user interface point of view.

How should I resolve this situation and create an appropiate interface?

Is pagination a possible solution for me? Otherwise, can you point me to some other ideas?

  • Hello @Peanuts, and welcome to UX.SE. As it stands, your question has a lot of implementation details. I can help with editing it to be more user-focused (or you may as well), but first I'm trying to understand your use case. What are your users doing with these buttons and results? Do they need to view several results at the same time? What do these results represent? Nov 12, 2019 at 22:23
  • Hi Max, thanks, yes any help is appreciated to make the question more understandable. When clicking the buttons, my users would get a list of results. They could combine and click on two or more buttons to get more results, but eventually this could grow quickly and they should scroll too much. That's why I'm trying to imagine a solution that is pleasant to use given that case...
    – Peanuts
    Nov 12, 2019 at 22:30
  • Are these showing sets of data that relate to each other? Are the buttons then functioning like filters/search criteria? If you're able to be a little more concrete with what the actual data is, often times that can aid in developing a suitable UI. Nov 12, 2019 at 22:36
  • Oh yes, definitively, it would be to search/filter results. The data are articles about Entrepreneurship, and they have different categories (Artificial Intelligence, Success, Finances) and formats (articles, diagrams, events...)
    – Peanuts
    Nov 12, 2019 at 22:40


Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Browse other questions tagged or ask your own question.