Navigation
Navigation är en central byggsten i många gränssnitt och att användaren lätt kan ta sig från punkt A till punkt B har stor påverkan på användarupplevelsen. Ett navigationssystem bör därför vara så enkelt och tydligt som möjligt.
Tänk på att
- Håll navigationsstrukturen konsekvent utformad genom hela gränssnittet
- Formulera länktexter utifrån hur användarna är bekanta med innehållet eller funktionen, använd inte tekniska eller interna termer
- Gör det tydligt var användaren befinner sig genom att visa vilket menyalternativ, och vilket huvudmenyalternativ, som är aktivt – glöm inte att det även ska vara tillgängligt för hjälpmedel!
- Om sidstrukturen är djup kan det vara bra att komplettera med brödsmulor
- För stora webbplatser kan det vara bra att låta användare fälla ut och förhandsgranska underliggande menylänkar utan att behöva gå till en annan sida
- Dela upp huvudmenyn i max 5-7 länkar
- För gränssnitt med långa sidor kan navigationen med fördel ”fastna” på sidan när användaren scrollar
- Använd länkar (html-elementet <a>)
- Gör menylänkar tillräckligt stora och med tillräckligt avstånd emellan för att undvika att användaren klickar fel
- Använd html-elemetet <nav> och se till att navigationselementen har en tillgänglig beskrivning
- Placera inte sökfunktionen under en utfällbar meny