When we have a vertical list in a horizontal list in a vertical list, then both vertical lists are nested, so it's hard to discern where their boundaries are. Example: If you open a Series in Labs, then the individual labs are listed in the same list as the main menu items.
Solution: the inner list (Labs) should have a different (green, or white) color than the outer list (Main Menu).
Technical specs: The inner list is .A>a (Aisle anchor) and the outer list is .Ba>a (Breadcrumb Aisle anchor).
upsiflu
commented
2 years ago
When we have a vertical list in a horizontal list in a vertical list, then both vertical lists are nested, so it's hard to discern where their boundaries are. Example: If you open a Series in Labs, then the individual labs are listed in the same list as the main menu items.
Solution: the inner list (Labs) should have a different (green, or white) color than the outer list (Main Menu).
Technical specs: The inner list is .A>a (Aisle anchor) and the outer list is .Ba>a (Breadcrumb Aisle anchor).
Time to design and implement: 20min
Severity: Medium