Car park in Belgium: Elevator or toilets?
Car park in Belgium: Where am I parked?
More – Psychology of things book
See also: Web bloopers book
When designing you generally have these layout options. Using any of these patterns often will have pros/cons and consequences on the flow and rest of the page design. Possible factors/pro-con considerations influencing your decision are:
CON: Everything is shown expanded resulting in information overload and clutter.
PRO: No sub-navigation is needed
Accordions – popular with mobile (risks)
Anchor links – https://www.nngroup.com/articles/in-page-links/
‘More details’ link (half-way accordion)
Row of links
Row of buttons
Rollover tooltip / toast message
Navigate to a different page
Progressive menu (or expandable tree) – popular with mobile
Filters (or row of toggles)
Swap content (flip div)
A combination – e.g.
, expand an accordion, slider/carrousel, … (for lightbox overlays that appear after a user clicks something)