Contents
Why don’t we use Left navigation for website? Left navigation is becoming a more widely used trend in Web Applications; for example, it is utilized by Zoho Books, Slack, Gmail and others.
The example below slides in the side navigation, and pushes the page content to the right (the value used to set the width of the sidenav is also used to set the left margin of the “page content”):
How to create side navigation menu-unibo.it?
The example below also slides in the side navigation, and pushes the page content to the right, only this time, we add a black background color with a 40% opacity to the body element, to “highlight” the side navigation: The example below slides in the side navigation from the left and covers the whole page (100% width):
Side navigation works better when your information architecture has many top-level items that cannot be logically grouped into several buckets. This also means it much easier to add more items as your product grows. The scalability of the side navigation makes it the only choice when users can configure their own navigation.
On a given page, local navigation generally shows other options at the same level of a hierarchy, as well as the options below the current page. Local navigation often works in conjunction with a global navigation system and is really an extension of the main navigation.
What’s the difference between main navigation and links?
The main navigation generally represents the top-level pages of a site’s structure—or the pages just below the home page. The links in the main navigation are expected to lead to pages within the site and behave in a very consistent way. Users don’t expect to land somewhere completely unrelated when using main navigation links.