Navigeringen på nya slu.se

En väl fungerande navigationsmeny är en av de mest kritiska delarna för en webbplats. Den ska hjälpa användare att hitta rätt information snabbt och effektivt. Den ska gärna också stödja användarens situationsmedvetenhet – var är jag nu, vilken väg tog jag hit och vilken väg kan jag ta för att komma dit jag vill härnäst.

För omfattande webbplatser som slu.se finns det ett begränsat antal navigationskoncept (designmönster) som är lämpliga att använda. Exempel på det kan vara:

• Megameny (slu.se)
• Vänstermeny (gu.se)
• Hybrid mellan de två (umu.se)

Alla varianter har sina fördelar och nackdelar och frågan är vad som passar bäst för användarna och innehållet på SLU.se.

Interaktiva skisser

I webbprojektet har vi tagit fram interaktiva skisser och med användningstest utvärderat ett förslag för desktop som är snarlikt exempelvis umu.se men som samtidigt behåller toppkategorierna som ingångsvägar snarare än att ingången är en mer diskret menyknapp. Kategorierna ska hjälpa användarna att snabbare välja rätt väg. Det navigationsskoncept som väljs kommer också framöver att användas för syskonsajter till slu.se såsom studentwebb, biblitotek osv.

För mobila enheter (med mindre skärm) ryms inte kategorierna utan där blir en menyknapp synligare än på desktop och ett bättre alternativ för att öppna menyn.

Om du själv vill testa de interaktiva skisser som använts under utvärdering så når du dessa här:

• Desktop
• Mobil, eller skanna QR-koden med mobilen.

Skisserna har bara använts för att utvärdera konceptet för navigation och inte grafisk design eller informationsstruktur.

Utvärdering

Resultat från de användningstester (med 4 presumtiva studenter, 3 studenter, 1 anställd) som hittills genomförts är samstämmiga och visar kort sammanfattat att:

För desktop

• Samtliga testpersoner navigerar med lätthet med menyn i förslaget
• Samtliga förstår visuell indikation för var man befinner sig i menystrukturen och vilken väg man tagit dit. Samtliga tycker att det är bra att det visas.
• Samtliga personer tycker att förslaget på navigation är bättre än nuvarande navigation (megamenyn). "Det blir så mycket på en gång" är övergripande intrycket megamenyn ger.
• Att visa toppkategorier föredras av flertalet testpersoner framför mer diskret menyknappsalternativ (hamburgermenyknapp) för desktop.

För mobil

• Samtliga har mycket lätt (t.o.m. snabbare än desktop) att navigera och det är lätt att förstå att bara en nivå visas i taget på mobil.
• Samtliga förstår visuell indikation för var man befinner sig i menyn. Samtliga tycker det är bra.
• Samtliga förefaller inse intuitivt och lätt hur man klickar för att komma ”Tillbaka” (det skiljer sig interaktionsmässigt från desktop) och framåt i menyn.

Med dessa insikter går vi nu vidare och börjar inom kort att bygga navigeringen på riktigt till nya slu.se.

//Arvid Kauppi