Website navigation bars – desktop and mobile

There are many ways in which a website page can be designed. A key issue has become the number of website visitors that are using smartphones to browse websites. Across the board, this is now typically 60%. For consumer brands this can be much higher.

A key design element is the navigation bar. When I am asked about my website writing services, the nav bar forms an early part of the conversation. Here are some tips for you:

Navigation bars
Aim for between 7 and 9 items in your website nav bar
It is fine to use drop down menu items
Many successful / larger websites use secondary nav bar menus
Check to see how the nav bar looks on different devices
(mobile phones, tablets and desktop computers)
Within mobile phones, a standard menu can take up a lot of space at the top of the small screen; you can use a ‘hamburger icon’ or hamburger menu (AKA pancake or hotdog) which comprises three parallel horizontal lines ☰ which is usually positioned in the top left hand or top right hand corner of a mobile phone screen
A breadcrumb trail helps users to understand where they are in your website
Ideally, use only one word for each nav bar item.
For example, ‘About’ is better than ‘About us’

Lower case is easier to read than upper case. On this basis, it is better to have
Home About Services Contact …than HOME ABOUT SERVICES CONTACT

My services include webcopy writing training:

Copywriting training for digital marketing communication

No comments yet.

Leave a Reply