Tekstmenu-navigatie (webwinkels): verschil tussen versies
(Een tussenliggende versie door dezelfde gebruiker niet weergegeven) | |||
Regel 15: | Regel 15: | ||
== Top-level tekstmenu's == | == Top-level tekstmenu's == | ||
− | Hoe zien top-level tekstmenu's (dus de eigenlijke menubalken) er tegenwoordig uit? Zit daar nog veel variatie in? Nieuwe ontwikkelingen? Nieuwe inzichten? Etc. Hierbij een evaluatie (juli 2020) ahv. deze selectie van sites, afkomnstig van [[Websites - Voorbeelden]]: | + | Hoe zien top-level tekstmenu's (dus de eigenlijke menubalken) er tegenwoordig uit? Zit daar nog veel variatie in? Nieuwe ontwikkelingen? Nieuwe inzichten? Etc. Hierbij een evaluatie (juli 2020) ahv. deze selectie van 36 sites, afkomnstig van [[Websites - Voorbeelden]]: |
{| | {| | ||
Regel 61: | Regel 61: | ||
|} | |} | ||
− | + | === Afwijkende vormgeving === | |
− | * Slechts één site gebruikt tabbladen ([https://www.manandshaving.nl/ manandshaving.nl]) | + | * Slechts één site gebruikt tabbladen ([https://www.manandshaving.nl/ manandshaving.nl]) (2,7% van de sites). Het ziet er mooi uit |
− | * Een stuk of drie sites gebruiken ''hamburgermenu's'', wo. [http://eu.suitsupply.com/en/home Suitsupply] | + | * Een stuk of drie sites gebruiken ''hamburgermenu's'', wo. [http://eu.suitsupply.com/en/home Suitsupply] (8% van de sites) |
+ | |||
+ | === Traditionele hoofdmenu's === | ||
De rest gebruikt allemaal traditionele hoofdmenu's, met maar verbazend weinig variatie: | De rest gebruikt allemaal traditionele hoofdmenu's, met maar verbazend weinig variatie: |
Huidige versie van 27 jul 2020 om 10:19
Verschillende bezoekers navigeren sites op verschillende manieren. Sommige mensen navigeren bij voorkeur via buttons en andere grafische uitingen. Andere bezoekers bij voorkeur via tekst en/of tekstmenu's.
Maar kan dat wel? Tekstueel navigeren door een webwinkel? Een probleem wat je namelijk snel krijgt, is wat te doen als een menu een submenu zou hebben. Is dat op een voldoende ergonomische manier te realiseren? Een paar interessante voorbeelden:
Misschien handig om af te vragen waarom sommige mensen op deze manier navigeren: Dan kunnen we ze beter van dienst zijn. Dit zijn mijn theorieën - Ik heb het niet geverifiëerd:
- Sneller, want de pagina hoeft niet opnieuw te laden: Alle voorbeelden hieronder laden tekstmenu's asynchroon; ze zijn dus beschikbaar zonder dat er opnieuw iets geladen hoeft te worden
- Meer overzicht, want meer keuzes per pagina - Dat klopt voor bijna alle voorbeelden hieronder
- Minder bandbreedte: Handig bij een slechte internetverbinding
- Minder rommel - Cleaner & kaler
- Uit gewoonte of omdat het beter bij ze past of whatever: De voorkeur hoeft niet rationeel te zijn.
Hoe zien top-level tekstmenu's (dus de eigenlijke menubalken) er tegenwoordig uit? Zit daar nog veel variatie in? Nieuwe ontwikkelingen? Nieuwe inzichten? Etc. Hierbij een evaluatie (juli 2020) ahv. deze selectie van 36 sites, afkomnstig van Websites - Voorbeelden:
Afwijkende vormgeving
- Slechts één site gebruikt tabbladen (manandshaving.nl) (2,7% van de sites). Het ziet er mooi uit
- Een stuk of drie sites gebruiken hamburgermenu's, wo. Suitsupply (8% van de sites)
De rest gebruikt allemaal traditionele hoofdmenu's, met maar verbazend weinig variatie:
- Soms zonder enige afscheiding tov. de rest van de site
- Soms met pijltjes die naar beneden wijzen
- Soms zonder afscheiding tussen elementen, en soms met rechte strepen, schuine strepen of zoiets.
Amazon.de
Dit gaat op dezelfde manier op desktop als op mobiel. Alleen zijn de menu-items anders.
Bol.com
Interessant:
- Horizontaal menu
- Mét submenu's.
gall.nl
Walmart.com
Dit gaat op desktop en mobiele devices op dezelfde manier.
Wordpress
Meer voorbeelden
- Horizontaal hoofdmenu
- Groot tekstmenu, één laag
- Ook mobiel (hamburgermenu)