1

The sidebar navigation on my web app has too many links and the user needs to go over to the side nav and scroll down manually to see the other links.

Example:

After settings, there are a few more links, but this is what the users see when they land on the page. How can I indicate that there are more links down the page?

Thanks

  • Is this a hamburger menu drawer menu on mobile, or for desktop as well? – Mike M Jul 5 '17 at 22:52
  • This menu becomes a hamburger menu when it hits the tablet breakpoint, but for desktop the user will not be able to close this menu. – Jacob V. Jul 5 '17 at 23:08
1

Try consolidating nav categories, or display persistent visual indicators to suggest scrolling or hidden elements using layers and shadows.

If you don't have a say over the categories for each top level navigation node (and cannot reduce the number of them), then you can use some shadow at bottom to indicate items below the viewport.

Try making a lofi mock with shadows to cut off items, and ask users to perform a task with nodes below the viewport.

mockup

download bmml source – Wireframes created with Balsamiq Mockups

Your Answer

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

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