Fixed navigation

1. What is fixed navigation?

Fixed–point navigation menu is the menu is fixed in specified area in the site (top, left, right, bottom) so that whenever you scroll up or scroll down the content, fixed navigation menu is located at the same time. Fixed positioning positions elements relative to the browser window itself instead of the page so when the page is scrolled down, the fixed element stays right where it is. This technique is often used on blogs where the pages are much longer. It could be used on theheavy- content web that it’s hard for people always scroll down and scroll up by mouse. Creating a fixed position menu will keep the navigation near the viewer at all times to eliminate the inconvenience of scrolling all the way back up to find the navigation.


  • A helpful and enjoyable experience.
  • Easy to navigate
  • Allow users to keep their tools in front of all time.
  • Enable users to choose options quickly.
  • Navigation bar is steady while navigation point changes=> users can know some elements of an interface stay as the same place while browsing a website.


  • Reduce the size of pages; reduce the size of your product: If your clients are concerned about screen real estate, fixed navigation can not be a good choice. Because, it occupies a consistent amount space of the page, it reduces the size of your products.
  • Make users do not want to scan again. Make users jump to another page quickly: This makes users do not see 2 times if the fixed navigation is used. Therefore, it  reduce chances in introducing  products.


  • There are some reasons if the menu does have much options .  Some designers prefer to place the fixed navigation on the top or bottom portion of the page. However, the bottom menu not a good choice for any web.
  • If using  fixed navigation, make sure it is clearly visible and distinct if you allow the content to scroll behind it.

2. How many kinds of fixed navigation menu:

  • Horizontal fixed navigation
  • Vertical fixed navigation

3. When could we apply fixed navigation in website? Which website is more effective? And why is it effective?  

 3.1  Fixed navigation should be effective in website based on text: 

3.1.1 Scan quickly, not review again

People have tendency to read the page from the top to bottom, the fixed navigation helps users scan quickly. In website based on text, users have habits to scan from the top to the bottom, they scan the text and get information. If the designer use classic menu (non fixed navigation), it takes users time to preview without reading, because user could not read again from the bottom to the top. Therefore fixed navigation is good choice for web based-on text.

3.1.2 Stable, do not lose way:

Fixed navigation stays at the same place in webpage. Therefore that help users not lose way and  find other options quickly.

3.2 Fixed navigation should not effective in website based on picture:

3.2.1 Fixed navigation is used for scanning,  not for to previewing.

Website based on pictures are the web that have pictures more then texts such as shopping website.  In shopping website, the owners always  wish users preview a lot of pictures, styles as much as  they can. Or even, if users are addicted of previewing from these products to other products, it will be successive that make users remember their product longer. And if users preview the products but  do not buy, they become  potentional customers.

3.2.2 Fixed navigation occupies a certain space in website:

Because fixed navigation occupied a certain real state in website, therefore it reduces sizes of products. This makes the products do not have more opportunities  in advertising their quality and advantage features.

3.2.3 Fixed navigation distracts users in shopping:

It makes user distract when looking at products and looking at the fixed menu at the same time.



  1. Is fixed navigation is good for usability design (for easy navigation, for scan?)
  2. How can we apply fixed?
  3. Where we could apply it? Is it good in web based on  text? Is it good in web based on pictures?




Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s

%d bloggers like this: