Tekstmenu-navigatie (webwinkels)

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:

Waarom tekstueel navigeren?

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.

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 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)

Traditionele hoofdmenu's

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.

Voorbeelden inhoud tekstmenu's

Amazon.de

Hoofd-tekstmenu: Gaat op dezelfde manier als op Walmart.com

Submenu: Vergelijkbaar met Walmart.com, maar de transitie is soepeler; het menu scrollt naar rechts

Subsubmenu's: Er zijn geen 'echte' subsubmenu's. Er zijn wel subsubmenu's in de balk die nu links in het scherm verschijnt, tezamen met filters

Subsubsubmenu's: De filterbalk draait z'n hand niet om voor subsubsubmenu's

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.

Het primaire menu heeft drie items: Categorieën, Cadeaus & Inspiratie en Aanbiedingen

Uitgeklapte menu Categorieën

Met een submenu

gall.nl

Hoofd-tekstmenu: Van wijn tot Kelderrestanten - Interessant, want een horizontaal menu ipv. een hamburgermenu zoals bij Amazon.de & Walmart.kom

Opengeklapt menu: Ziet er mooi uit, ook op mobiel

Geen submenu: Je krijgt nooit een submenu. Ipv. beland je op een filterpagina

Walmart.com

Hoofd-tekstmenu: Als je op het hamburgermenu klikt, scrollt het menu vanaf links in beeld. De driehoekjes geven submenu's aan

Submenu: Als je een submenu kiest, verandert het menu. Daar komt een grafische transitie aan te pas, maar het scrollt niet. Bovenaan de knop om terug te gaan