I have a desktop (i.e. not mobile) app with an overall two level hierarchy:
Items -> Dimensions
Typical number of items/dimensions:
Item 2 -> Dimension A is of the same type as Item 6 -> Dimension A. That is, Dimension A's are like apples and apples. Not apples and oranges...
The UI should support quick and easy navigation between Dimensions of different Items.
An accordion would be a UI solution, see A in wireframe below.
- Hierarchy is very clear
- Accordion headers jump up and down
- List of Items become more "complex"
B: List + tabs
would be another solution, see wireframe below.
- List Items and tabs stay in place
- Hierarchy is not immediately understandable.
I personally prefer B: List + tabs due the stay-in-place advantage stated above, so
My question is:
In B (see wireframe below): How do I clearly indicate that tabs are sublevels of the list selection?