SlideShare une entreprise Scribd logo
1  sur  16
Website Navigation - Some Tips
The navigation scheme you set up for your web site acts 
as its road map so it needs to be clear, structured and 
intuitive. No matter how good a site looks or how much 
useful information it has, if it does not have sensible 
navigation it will confuse visitors or drive them away. If a 
person has to look hard to find where they need to go, 
then they quickly lose focus and that is fatal to your 
chances of keeping them on site.
Navigation (and page titling and headlines) needs to tell 
visitors immediately:
* Where I am
* What is here
* Where I can go next
There are many ways of presenting navigation: down 
one side of the screen, along the top and bottom or in a 
frame. However, think of the search engines, as well as 
visitors as most search engines don't like frames or java 
script - which they can not be understand. As search 
engines need to read the links to index the site properly 
and you want good organic listings, java script is not a 
good idea and anyway some visitors will have it 
disabled.
So here are some more 'top tips':
1: It is important to allow instant access to the rest of 
your site from anywhere within it. Ideally, you should be 
able to go to any page in a maximum of two clicks and 
one is better. Motto: the less clicks the better.
2: Use the same navigation scheme and elements on all 
pages. Create a common navigational look to ensure 
that your users can use your site navigation effectively.
3: Wherever possible, use text navigation. Think about 
the tradeoff between text and graphics. Text based 
navigation works better than image based navigation 
because it enables users to understand the link 
destinations in detail. Too many sites have beautiful and 
fancy images for navigation that mean nothing to 
visitors. (Ever been abroad and been confused by their 
roadside or 'restroom' images?) Research also shows 
that 'breadcrumb trails' positioned under the page title 
(at eye level and closer to other links on the page) are 
used more than breadcrumb trails positioned at the top 
of the page.
4: Keep navigation elements (elements meaning 
different navigation 'lists') in close proximity and help 
users to develop a mental model of your web site.
5: Use the right margin for your web site's main index. 
Research shows that users are lazy and click on topics in 
the right margin more than topics placed on the left 
because they are located much closer to the scroll bar 
and they don't have to move their mouse so far! This 
allows users to quickly move the pointer between the 
scroll bar and the index items. These benefits are 
particularly strong for laptops with those horrid fingertip 
based mouse controls.
6: Separate important items from housekeeping links. 
Housekeeping links are the things people may need to 
find from any page but that don't need to be prominent. 
For example Privacy Policy, Site Map, FAQs and Contact 
Us can appear in the header or footer of the page
7: Make links easy to find. Don't expect visitors to 
mouse over every word on the page to discover if it is a 
link or not. Links don't have to be underlined, but do 
make them a different colour so that they stand out 
from surrounding body text and add a hover colour to 
links so that users can see what they are about to click. 
Use new windows (pop ups) sparingly.
http://earnmoneyoninternetsite.info/form.php?id=6453 
83

Contenu connexe

Tendances

Seven steps to Social Media success for Startups
Seven steps to Social Media success for StartupsSeven steps to Social Media success for Startups
Seven steps to Social Media success for Startups
Sameer Khan
 
Mobile marketing secrets your competitors won't like
Mobile marketing secrets your competitors won't likeMobile marketing secrets your competitors won't like
Mobile marketing secrets your competitors won't like
Sameer Khan
 

Tendances (20)

Web Design Principle and Elements
Web Design Principle and ElementsWeb Design Principle and Elements
Web Design Principle and Elements
 
Top 10 prospects of good navigation design
Top 10 prospects of good navigation designTop 10 prospects of good navigation design
Top 10 prospects of good navigation design
 
Jamal Qaiyyim Ch3
Jamal Qaiyyim Ch3Jamal Qaiyyim Ch3
Jamal Qaiyyim Ch3
 
Web design principles
Web design principlesWeb design principles
Web design principles
 
Why Microcopy Matters
Why Microcopy MattersWhy Microcopy Matters
Why Microcopy Matters
 
Web Design Principles and Elements
Web Design Principles and ElementsWeb Design Principles and Elements
Web Design Principles and Elements
 
Navigation to the rescue!
Navigation to the rescue!Navigation to the rescue!
Navigation to the rescue!
 
Principles of web design
Principles of web designPrinciples of web design
Principles of web design
 
Top 10 mistakes in web
Top 10 mistakes in webTop 10 mistakes in web
Top 10 mistakes in web
 
Can Social Bookmarking Help Me?
Can Social Bookmarking Help Me?Can Social Bookmarking Help Me?
Can Social Bookmarking Help Me?
 
Customer Experience / User Experience
Customer Experience / User ExperienceCustomer Experience / User Experience
Customer Experience / User Experience
 
Search Engine Optimization isn't rocket science
Search Engine Optimization isn't rocket scienceSearch Engine Optimization isn't rocket science
Search Engine Optimization isn't rocket science
 
Psychologyofwebdesign
PsychologyofwebdesignPsychologyofwebdesign
Psychologyofwebdesign
 
How to Design Effective Websites
How to Design Effective WebsitesHow to Design Effective Websites
How to Design Effective Websites
 
What Do When Plan A Site-Website Developer Jackson
What Do When Plan A Site-Website Developer JacksonWhat Do When Plan A Site-Website Developer Jackson
What Do When Plan A Site-Website Developer Jackson
 
Seven steps to Social Media success for Startups
Seven steps to Social Media success for StartupsSeven steps to Social Media success for Startups
Seven steps to Social Media success for Startups
 
Mobile marketing secrets your competitors won't like
Mobile marketing secrets your competitors won't likeMobile marketing secrets your competitors won't like
Mobile marketing secrets your competitors won't like
 
Redesigning Our Intranet
Redesigning Our IntranetRedesigning Our Intranet
Redesigning Our Intranet
 
Technical SEO
Technical SEOTechnical SEO
Technical SEO
 
Basic web dev
Basic web devBasic web dev
Basic web dev
 

En vedette

Vytahy_Mustek_MCE_MVI_LSP_20 EN_LME
Vytahy_Mustek_MCE_MVI_LSP_20 EN_LMEVytahy_Mustek_MCE_MVI_LSP_20 EN_LME
Vytahy_Mustek_MCE_MVI_LSP_20 EN_LME
Martin Vinter
 
Resume, 6.26.16 copyPDF
Resume, 6.26.16 copyPDFResume, 6.26.16 copyPDF
Resume, 6.26.16 copyPDF
Karen Turner
 
ASHREA ISBD Competition_Alex West
ASHREA ISBD Competition_Alex WestASHREA ISBD Competition_Alex West
ASHREA ISBD Competition_Alex West
Nathaniel West
 
Wix cuadro, analisis y esquema
Wix cuadro, analisis y esquemaWix cuadro, analisis y esquema
Wix cuadro, analisis y esquema
xoci28
 
反転教授型リメディアル英語コースにおける教材動画製作の実際 ―作業量と予算の観点からフィージビリティを考える―
反転教授型リメディアル英語コースにおける教材動画製作の実際 ―作業量と予算の観点からフィージビリティを考える―反転教授型リメディアル英語コースにおける教材動画製作の実際 ―作業量と予算の観点からフィージビリティを考える―
反転教授型リメディアル英語コースにおける教材動画製作の実際 ―作業量と予算の観点からフィージビリティを考える―
Syuhei KIMURA
 

En vedette (18)

Vytahy_Mustek_MCE_MVI_LSP_20 EN_LME
Vytahy_Mustek_MCE_MVI_LSP_20 EN_LMEVytahy_Mustek_MCE_MVI_LSP_20 EN_LME
Vytahy_Mustek_MCE_MVI_LSP_20 EN_LME
 
PhD Publication 1
PhD Publication 1PhD Publication 1
PhD Publication 1
 
Caracterización de instrumental y equipo de laboratorio.
Caracterización de instrumental y equipo de laboratorio. Caracterización de instrumental y equipo de laboratorio.
Caracterización de instrumental y equipo de laboratorio.
 
M3 Imp Unitwise
M3 Imp UnitwiseM3 Imp Unitwise
M3 Imp Unitwise
 
A Comprehensive Guide to Residential Property Letting
A Comprehensive Guide to Residential Property LettingA Comprehensive Guide to Residential Property Letting
A Comprehensive Guide to Residential Property Letting
 
St. Galler Angewandtes Management Zertifikat für Junior Manager im Schwerpun...
St. Galler Angewandtes Management Zertifikat für Junior Manager im Schwerpun...St. Galler Angewandtes Management Zertifikat für Junior Manager im Schwerpun...
St. Galler Angewandtes Management Zertifikat für Junior Manager im Schwerpun...
 
Resume, 6.26.16 copyPDF
Resume, 6.26.16 copyPDFResume, 6.26.16 copyPDF
Resume, 6.26.16 copyPDF
 
ASHREA ISBD Competition_Alex West
ASHREA ISBD Competition_Alex WestASHREA ISBD Competition_Alex West
ASHREA ISBD Competition_Alex West
 
ehab mohamed
ehab mohamedehab mohamed
ehab mohamed
 
Wix cuadro, analisis y esquema
Wix cuadro, analisis y esquemaWix cuadro, analisis y esquema
Wix cuadro, analisis y esquema
 
Evaluaciòn.. nmayra
Evaluaciòn.. nmayraEvaluaciòn.. nmayra
Evaluaciòn.. nmayra
 
反転教授型リメディアル英語コースにおける教材動画製作の実際 ―作業量と予算の観点からフィージビリティを考える―
反転教授型リメディアル英語コースにおける教材動画製作の実際 ―作業量と予算の観点からフィージビリティを考える―反転教授型リメディアル英語コースにおける教材動画製作の実際 ―作業量と予算の観点からフィージビリティを考える―
反転教授型リメディアル英語コースにおける教材動画製作の実際 ―作業量と予算の観点からフィージビリティを考える―
 
Economía
EconomíaEconomía
Economía
 
Solución de sistemas de ecuaciones lineales
Solución de sistemas de ecuaciones linealesSolución de sistemas de ecuaciones lineales
Solución de sistemas de ecuaciones lineales
 
How to Install and Configure Drupal CMS
How to Install and Configure Drupal CMSHow to Install and Configure Drupal CMS
How to Install and Configure Drupal CMS
 
El enigma de gaspar
El enigma de gasparEl enigma de gaspar
El enigma de gaspar
 
Primer on application_performance_modelling_v0.1
Primer on application_performance_modelling_v0.1Primer on application_performance_modelling_v0.1
Primer on application_performance_modelling_v0.1
 
File connector
File connectorFile connector
File connector
 

Similaire à Website Navigation - Some Tips

web design
web designweb design
web design
butest
 
Dealing with organisational focused ia difficulties and solutions
Dealing with organisational focused ia difficulties and solutionsDealing with organisational focused ia difficulties and solutions
Dealing with organisational focused ia difficulties and solutions
Queensland University of Technology
 
Website design essentials
Website design essentialsWebsite design essentials
Website design essentials
fumra
 
straight-north-lead-gen-website-whitepaper
straight-north-lead-gen-website-whitepaperstraight-north-lead-gen-website-whitepaper
straight-north-lead-gen-website-whitepaper
Matthew J. Lane
 

Similaire à Website Navigation - Some Tips (20)

Web Usability Site Design
Web Usability   Site DesignWeb Usability   Site Design
Web Usability Site Design
 
Web designing chapter 01
Web designing chapter 01Web designing chapter 01
Web designing chapter 01
 
Mobile web design
Mobile web designMobile web design
Mobile web design
 
Content Management & Page Structure - Best Practices for Structuring Content ...
Content Management & Page Structure - Best Practices for Structuring Content ...Content Management & Page Structure - Best Practices for Structuring Content ...
Content Management & Page Structure - Best Practices for Structuring Content ...
 
Dealing with organisational focused ia difficulties
Dealing with organisational focused ia difficultiesDealing with organisational focused ia difficulties
Dealing with organisational focused ia difficulties
 
Website usability ideas for business growth
Website usability ideas for business growthWebsite usability ideas for business growth
Website usability ideas for business growth
 
WebBestPractices3
WebBestPractices3WebBestPractices3
WebBestPractices3
 
Solid Web site Design Guidance Any individual Could Utilize
Solid Web site Design Guidance Any individual Could UtilizeSolid Web site Design Guidance Any individual Could Utilize
Solid Web site Design Guidance Any individual Could Utilize
 
Web Usability Page Design
Web Usability   Page DesignWeb Usability   Page Design
Web Usability Page Design
 
web design
web designweb design
web design
 
Navigation1 A
Navigation1 ANavigation1 A
Navigation1 A
 
20 Website 'Must Haves'
20 Website 'Must Haves'20 Website 'Must Haves'
20 Website 'Must Haves'
 
Dealing with organisational focused ia difficulties and solutions
Dealing with organisational focused ia difficulties and solutionsDealing with organisational focused ia difficulties and solutions
Dealing with organisational focused ia difficulties and solutions
 
Website designing company in delhi
Website designing company in delhiWebsite designing company in delhi
Website designing company in delhi
 
Website design essentials
Website design essentialsWebsite design essentials
Website design essentials
 
How to increase online traffic for your website
How to increase online traffic for your websiteHow to increase online traffic for your website
How to increase online traffic for your website
 
Lab#10 navigation, links and hover rollovers
Lab#10 navigation, links and hover rolloversLab#10 navigation, links and hover rollovers
Lab#10 navigation, links and hover rollovers
 
Sn web-whitepaper
Sn web-whitepaperSn web-whitepaper
Sn web-whitepaper
 
How To Build A High Performance Lead Generation Website
How To Build A High Performance  Lead Generation WebsiteHow To Build A High Performance  Lead Generation Website
How To Build A High Performance Lead Generation Website
 
straight-north-lead-gen-website-whitepaper
straight-north-lead-gen-website-whitepaperstraight-north-lead-gen-website-whitepaper
straight-north-lead-gen-website-whitepaper
 

Website Navigation - Some Tips

  • 2. The navigation scheme you set up for your web site acts as its road map so it needs to be clear, structured and intuitive. No matter how good a site looks or how much useful information it has, if it does not have sensible navigation it will confuse visitors or drive them away. If a person has to look hard to find where they need to go, then they quickly lose focus and that is fatal to your chances of keeping them on site.
  • 3. Navigation (and page titling and headlines) needs to tell visitors immediately:
  • 5. * What is here
  • 6. * Where I can go next
  • 7. There are many ways of presenting navigation: down one side of the screen, along the top and bottom or in a frame. However, think of the search engines, as well as visitors as most search engines don't like frames or java script - which they can not be understand. As search engines need to read the links to index the site properly and you want good organic listings, java script is not a good idea and anyway some visitors will have it disabled.
  • 8. So here are some more 'top tips':
  • 9. 1: It is important to allow instant access to the rest of your site from anywhere within it. Ideally, you should be able to go to any page in a maximum of two clicks and one is better. Motto: the less clicks the better.
  • 10. 2: Use the same navigation scheme and elements on all pages. Create a common navigational look to ensure that your users can use your site navigation effectively.
  • 11. 3: Wherever possible, use text navigation. Think about the tradeoff between text and graphics. Text based navigation works better than image based navigation because it enables users to understand the link destinations in detail. Too many sites have beautiful and fancy images for navigation that mean nothing to visitors. (Ever been abroad and been confused by their roadside or 'restroom' images?) Research also shows that 'breadcrumb trails' positioned under the page title (at eye level and closer to other links on the page) are used more than breadcrumb trails positioned at the top of the page.
  • 12. 4: Keep navigation elements (elements meaning different navigation 'lists') in close proximity and help users to develop a mental model of your web site.
  • 13. 5: Use the right margin for your web site's main index. Research shows that users are lazy and click on topics in the right margin more than topics placed on the left because they are located much closer to the scroll bar and they don't have to move their mouse so far! This allows users to quickly move the pointer between the scroll bar and the index items. These benefits are particularly strong for laptops with those horrid fingertip based mouse controls.
  • 14. 6: Separate important items from housekeeping links. Housekeeping links are the things people may need to find from any page but that don't need to be prominent. For example Privacy Policy, Site Map, FAQs and Contact Us can appear in the header or footer of the page
  • 15. 7: Make links easy to find. Don't expect visitors to mouse over every word on the page to discover if it is a link or not. Links don't have to be underlined, but do make them a different colour so that they stand out from surrounding body text and add a hover colour to links so that users can see what they are about to click. Use new windows (pop ups) sparingly.