Blog

Website usability guidelines – Navigation and Hyperlinks

 

Website navigation

Navigation is a key component of a website. It’s like a road map to all the different areas and information contained within the website. It affects traffic and search engine rankings. It also affects conversions and user-friendliness.

Tip 1

Ask yourself a question: Can your user easily locate the primary navigation area? Having the navigation in an area where people expect it makes your site easier to use. The navigation isn’t the place where you want to show off how innovative you are. Moreover, the navigation should be consistent on every page within the site (location, size, colors).non standard navigation

Tip 2Convenient number of items and levels in the menuLarge number of items and levels in the menu

Limit the number of items in your menu. It’s good for visitors and search engines. The number of items in the menu should not exceed 7 items and should only be 3 levels deep.

Compare these examples to see the difference.

 

 

 

 

 

Tip 3

Is it clear for your user where he currently is in the navigation? Indicate where the user is by marking a proper navigation element. Breadcrumb navigation might be very useful as well.

image

Hyperlinks

A hyperlink is a reference to data that the reader can directly follow either by clicking or by hovering. This element can link to another place in the same document or to an entirely different document.

Tip 1Nicely presented and descriptive links

Make sure that the links on your website looks like… links. Or the other way around – make sure, that items, that are not links are not confusing your user by looking like proper ones.

Tip 2

Use descriptive link titles, avoid links like: “read more’'”, “here”, etc. That’s particularly good for SEO.

Tip 3

Clearly indicate what will happen if the link is doing something else than simply redirecting to another page (e.g. if it links to PDF documents or is triggering videos).image

Tip #4

Check if the clickable area is large enough to use it easily on multiple devices. Especially on mobile devices.Links that might be too small to use on mobile devices

Are you thinking about having your own website? In this serie of guidelines we will give you an overview of all the essentials when setting up a new website.

Read also: our usability guidelines about  standard websites elements and forms 

Technology Technology

Op 22/06/2015 door Lukasz

blog comments powered by Disqus