In dit artikel
- Screenshots van de 20 meest bezochte westerse websites wereldwijd (in 2011).
- Het 1ste navigatieniveau staat bij 17 websites bovenaan. Bij 4 aan de linkerkant.
- Het 2de navigatieniveau staat 14 keer links en 11 keer bovenaan.
Zet je hoofdnavigatie dus best bovenaan. Plaats je subnavigatie of filters aan de linkerkant, nooit aan de rechterkant.
Hoe kan het dat die cijfers opgeteld meer dan 20 zijn?
- Op grote websites zoals Yahoo en Apple vind je binnen verschillende rubrieken vaak andere navigatieschema’s.
- Helemaal onderaan dit artikel vind je een tabel met een volledig overzicht. Dan kan je het zelf rustig natellen.
Nog enkele opvallende vaststellingen
- 15 van de top 20 meest bezochte websites tonen het derde niveau niet in een menu maar als links in hun pagina’s.
Lees ook ons artikel waarom submenu’s eigenlijk weg kunnen. - 12 websites beginnen met een topnavigatie en tonen het 2de niveau links.
- 9 websites tonen de 2 hoogste niveaus als een menu bovenaan.
- Slechts 2 websites hebben de de 2 eerste navigatieniveaus links staan.
Bonus: Lees al onze artikels over website navigaties en onze tips over website menu’s.
Menu’s van de 20 meest bezochte westerse websites wereldwijd
Op elk screenshot staan in het rood cijfers. Die cijfers geven de navigatieniveaus weer.
1. Google
![Menustructuur Google](/sites/default/files/resize/blog/2011/02/01-google-500x271.gif)
2. Facebook
![Menu's op Facebook](/sites/default/files/resize/blog/2011/02/02-facebook-500x258.gif)
3. YouTube
![Menustructuur van YouTube](/sites/default/files/resize/blog/2011/02/03-youtube-500x258.jpg)
4. Yahoo
![Linkermenu op Yahoo.com](/sites/default/files/resize/blog/2011/02/04a-yahoo-500x258.jpg)
Yahoo homepage
![Navigatieschema op deelsite Yahoo: Top - Top](/sites/default/files/resize/blog/2011/02/04b-yahoo-500x258.gif)
Yahoo autowebsite
![Menustructuur op deelsite Yahoo: Top - Left](/sites/default/files/resize/blog/2011/02/04c-yahoo-500x258.jpg)
Yahoo gezondheidswebsite
5. Live.com / Hotmail
![Website menu van Live.com](/sites/default/files/resize/blog/2011/02/05-live-500x258.gif)
6. Wikipedia
![Menu's zijn op Wikipedia minder belangrijk](/sites/default/files/resize/blog/2011/02/06-wikipedia-500x258.gif)
7. Twitter
![Topmenu's bij Twitter](/sites/default/files/resize/blog/2011/02/07-twitter-500x258.gif)
8. MSN
![Website menu op de homepage van MSN](/sites/default/files/resize/blog/2011/02/08a-msn-500x258.jpg)
MSN.com Homepage
![MSN Local: Top - Links menu](/sites/default/files/resize/blog/2011/02/08b-msn-500x258.jpg)
MSN Local
![Menustructuur MSN Delish: Top - Top](/sites/default/files/resize/blog/2011/02/08c-msn-500x258.jpg)
MSN Delish
9. Amazon
![Amazon houdt het links](/sites/default/files/resize/blog/2011/02/09a-amazon-500x258.jpg)
Amazon Homepage
![](/sites/default/files/resize/blog/2011/02/09b-amazon-500x271.jpg)
Amazon categoriepagina: twijfel, maar focus toch vooral op linkermenu
10. LinkedIn
![Menustructuur van LinkedIn](/sites/default/files/resize/blog/2011/02/10-linkedin-500x271.gif)
11. Bing
![Bing](/sites/default/files/resize/blog/2011/02/11-bing-500x260.jpg)
12. Microsoft
![Microsoft heeft een top - top menu](/sites/default/files/resize/blog/2011/02/12-microsoft-500x237.jpg)
13. eBay
![Menustructuur eBay: Top - Links](/sites/default/files/resize/blog/2011/02/13-ebay-500x284.jpg)
14. PayPal
![PayPal gaat voor een Top - Top - Links menu](/sites/default/files/resize/blog/2011/02/14-paypal-500x284.gif)
15. Flickr
![Top-Top menu bij Flickr](/sites/default/files/resize/blog/2011/02/15-flickr-500x243.gif)
16. Craigslist
![Craigslist. Wat moet een mens daar van maken?](/sites/default/files/resize/blog/2011/02/16-craigslist-500x243.gif)
17. IMDB
![IMDB: Top - Linkermenu op deze website](/sites/default/files/resize/blog/2011/02/17-imdb-500x243.gif)
18. Apple
![Apple zet zijn menu's al jaren bovenaan](/sites/default/files/resize/blog/2011/02/18-apple1-500x243.jpg)
Top – Top menu op de website van Apple
![Top - links in de Apple Store](/sites/default/files/resize/blog/2011/02/18-apple2-500x243.jpg)
Apple Store: Top – Links – Links navigatieschema
19. BBC
![BBC News: menu's bovenaan](/sites/default/files/resize/blog/2011/02/19-bbc1-500x243.jpg)
BBC News: Top – Top – Top
![BBC Sport: Top - Links (-Links)](/sites/default/files/resize/blog/2011/02/19-bbc2-500x243.jpg)
BBC Sport: Top – Links (en ook de diepere niveaus zitten links)
20. Go.com (Disney network)
![Menu's op de websites van Disney en Go.com](/sites/default/files/resize/blog/2011/02/20-go1-500x243.jpg)
Overzicht menustructuur van de top 20
![Navigatieschemas meest bezochte westerse websites](/sites/default/files/blog/2011/02/00-menu-top20-websites.gif)
Hoe kom ik aan deze top 20?
- Via de Global top 500 van Alexa.
- Uit die lijst heb ik niet-westerse websites (Japans, Chinees, Arabisch, Russisch, …) weggelaten.
- Ook blogplatformen (blogger.com, wordpress.com) heb ik genegeerd, omdat het verzamelingen zijn van tienduizenden websites zonder overkoepelende structuur.
- Pornosites heb ik weggelaten omdat het qua screenshots niet erg zou passen op onze blog.
Extra: Lees al onze artikels over website navigaties en onze tips over website menu’s.
@Dave
In het artikel http://usability-blog.be/na… zie je dat sommigen twijfelen of links of rechts een verschil maakt qua bruikbaarheid, zelfs op westerse websites.
Waarom durft er niemand over pornosites te spreken terwijl dit een wezenlijk onderdeel van het web is en een miljardenindustrie?
Je photoshopte toch ook zaken weg uit je Facebook-pagina? Als een pornosite in de top van meest bezochte websites ter wereld voorkomt, is die dan niet onderzoekswaardig?
@Gijs
Om je gerust te stellen. Ik heb beide websites aandachtig bestudeerd. De ene had een top – top navigatie, de andere een top – links.
Dus ook qua navigatie spelen ze in op het mentale model van de meeste surfers 🙂
is het mijn indruk dat alle Microsoft regelateerde websites (MSN / Bing / Live) een topmenu hebben die compleet wegzakt in het design. Ik krijg echt niet de indruk dat het topmenu ook het belangrijkste menu is op die sites