0

I'm currently trying to display information for a passage editor and am wondering which approach I currently have is better UI.

On a high level, I have a Passage tab (at the top). Within each passage, there are multiple passage states. And within each state, you can create multiple passage types. Currently, I'm wondering what's an effective way to display the passage states.

In the first photo, within the passage tab, the passage states are accordion dropdown, and nested within each dropdown is the list of passage type dropdowns. My concern with this is that there may be too much cognitive overload with all the dropdowns.

enter image description here

In the second photo, within the passage tab, the passage states are tabs, and nested within each tab is the list of passage type dropdowns. My concern with this is that I'm not sure if nested tabs is a good design choice.

enter image description here

What is a good way to display and add the passage states, or are there other ways to represent the other components (Passage and/or passage type) to make this a better and more intuitive UI?

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Browse other questions tagged or ask your own question.