Hoe werkt navigatie op mobiel?
Navigatie op mobiel zit meestal achter een knop met drie streepjes. Dat werkt, mits het menu daarachter eenvoudig blijft.
Er is geen ruimte voor twee lagen en geen muis om mee te zweven.
Alles moet met een duim te bedienen zijn.
Wat er anders is
Je hebt geen zweefstand, dus submenu’s moeten met een tik open- en dichtklappen. En je scherm is smal, dus alles staat onder elkaar.
Meer daarover lees je bij header.
De raakvlakken
Minstens vierenveertig bij vierenveertig pixels per item, met genoeg ruimte ertussen.
Meer daarover lees je bij accessibility.
Wat er buiten het menu hoort
Je telefoonnummer en je belangrijkste knop. Die zet je zichtbaar in je koptekst, niet weggestopt achter drie streepjes.
Meer daarover lees je bij hoeveel items er in een hoofdmenu horen.
Mijn vuistregels
- Eén laag diep, hooguit twee.
- Raakvlakken van minstens vierenveertig pixels.
- Telefoonnummer buiten het menu.
- Sluitknop binnen duimbereik, dus onderaan.
Die laatste wordt bijna altijd bovenaan gezet, waar je er niet bij kunt.
Het kruimelpad
Dat blijft ook op een telefoon nuttig, mits het op één regel past en niet omslaat.
Meer daarover lees je bij breadcrumb.
De voettekst
Op mobiel is dat een lange rij links. Groepeer ze in inklapbare blokken zodat je pagina niet eindeloos wordt.
Meer daarover lees je bij footer.