I'm designing a B2B web-app with a lot of tables and dense information.

Each page has a header that can contain:

  • Page title
  • Tabs
  • Action buttons

We're using a sidebar navigation that shows section's titles when you hover. Without hovering it's just icons (I'm not a big fan of this but can't change it)

enter image description here

Should the header be sticky?

  • On one side, I don't think it should because its elements don't need to be visible at all time and pages are not too long.

  • On the other side, since by default the section title is not visible due the sidebar behaviour, having the title always on screen can help orient users.

  • I'm not a fan of hovering the sidebar navigation either. It's a challenge for users to navigate. I still have questions about whether to hide or not to hide the action buttons. They are quite important, when the user is not in track of where to navigate the next step, it might be confusing.
    – Ivan
    Sep 28 at 7:21


Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.