Top vs side navigation: Which one is better for your product

By Medium - 2021-03-02

Description

When choosing a navigation layout for your app usually you will need to define the position of primary, secondary, and tertiary navigation hierarchy. A research study “A comparison of three-level…

Summary

  • Top vs side navigation: Today we compare them to see who will pack more punches.
  • Collapsing side navigation to save space will also not always work, as you cannot consistently fit long labels, and having icon-only navigation will strain user memory too much.
  • Side navigation is easier to scale This can change depending on the device and font sizes, but generally, you would be able to show at least double the number of navigation links in the side nav above the fold (not mentioning the scroll).

 

Topics

  1. UX (0.35)
  2. Frontend (0.1)
  3. Backend (0.1)

Similar Articles

An introduction to object-oriented UX and how to do it

By Medium - 2020-10-21

Object-Oriented UX (OOUX) fell into my lap a couple years ago during a brief Lunch and Learn at work. At the time, I was still getting my feet wet in UX, but I knew this OOUX stuff was on to…

A Mental Trick to Make Any Task Less Intimidating

By Medium - 2021-02-19

A few years ago, one of my children became obsessed with roller coasters. He watched video after video to study them from afar. He designed his own in computer games. There was just one problem: He…

A Complete Guide to Flexbox

By CSS-Tricks - 2020-12-03

Our comprehensive guide to CSS flexbox layout. This complete guide explains everything about flexbox, focusing on all the different possible properties for the parent element (the flex container) and ...

Psychological principles for every product designer

By Medium - 2021-03-06

It isn’t a mystery that a large part of delivering a highly successful user experience is understanding what the customer wants/needs along with the cognition that consequently gets customers…