2

I m here looking for suggestions and design idea if someone can help please, Basically i m working on a screen that should display a lot of data defined by levels. Lets say we have a City with its data and for each city we have towns with its data and each town we have schools with each data and for each school we have lists on different categories Teachers, Students, Classes, Rules, Open times, Amenities. My issue is that we have a lot of data such city can have 100 towns and town can have 100 school and each list inside the school can have 20 entry. I was thinking to use the slides (link of the idea), but with this number of components, the screen will be overcharged. Any ideas or suggestions?

data vis using slider

6
  • Please add inline images, as this well help others with a similar ux problem they're trying to solve who will come across this question at a later date.
    – Mike M
    Mar 12, 2020 at 16:28
  • Yes you are right, i ve just done it. Thanks for the remark.
    – Mouad
    Mar 12, 2020 at 16:55
  • Interaction design depends on users' goals. Please provide user scenarios to make it more clear what task(s) you want to solve. Mar 12, 2020 at 20:32
  • Is there some reason you started with slides instead of a filter/sort bar? To me that seems like the answer but I'm not sure if I'm missing something.
    – It's Dylan
    Mar 12, 2020 at 22:59
  • Is this a mobile application?
    – Ren
    Mar 13, 2020 at 11:52

1 Answer 1

2

At first: The Arrow down, arrow top, and arrow left are confusing to the user understand what will happen when click.

Alternatives: Certify that the navigation is simple and easy to understand using hierarchy level or some interactive navigation.

You can do it horizontal or vertical, you can add animation to hide or not the last level (and add a back button)... you have too many options. You will need to make some tests to ensure which is better for your user and your type os content.

IMPORTANT: Guarantee the user easily know what is a link to a page/content and what is a navigation link that will show another menu option.

See some examples:

enter image description here enter image description here enter image description here enter image description here

1
  • Yes thats the thing, i went for a crone tree, hopefully it will be something good for users.
    – Mouad
    Mar 13, 2020 at 17:41

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.

Not the answer you're looking for? Browse other questions tagged or ask your own question.