6.1.1 Anpassa navigationen för små skärmar

Om logotyp, sidhuvud, länkstig och långa navigationsmenyer visas före en webbsidas huvudinnehåll blir det svårt för användare med små skärmar att avgöra om en efterfrågad sida har laddats.

I stilmallen för mobila enheter:

• Placera enbart grundläggande navigation i början av sidan. Lägg den på en egen rad.
• Placera om möjligt övrig navigation längst ned på sidan.
• Placera webbplatsens sökfunktion i början av sidan.

Exempel på layout för små skärmar:

Kartlägg vilket av webbplatsens innehåll som är mest relevant i en mobil användningssituation. För att stödja användare som ska besöka myndighetens kontor kan det till exempel vara relevant att tidigt presentera:

• Myndighetens kontaktuppgifter, öppettider och vägbeskrivning, se 4.1.5 Ge en verksamhetsöversikt och kontaktinformation.
• Information om evenemang som myndigheten arrangerar.
• Telefonnummer länkade som tel-länkar, se 5.5.3 Gör det möjligt att ringa upp telefonnummer.

Enheter som saknar motsvarighet till muspekare låter ofta användaren skrolla genom att bläddra mellan länkar. Därför är det lämpligt att:

• Ge innehållet en logisk tabbordning, se 3.3.18.
• Ge långa sidor innehållsförteckningar. Ge innehållsförteckningen ankarlänkar till sidans avsnitt. Vid varje avsnitt bör det då finnas en ”Upp”-länk till början av sidan.

Några tips:

• Om webbplatsen har en djup struktur, se till att innehåll som är relevant för en mobil användare placeras högt upp i strukturen.
• Tillhandahåll en genväg till sidan huvudinnehåll, se 3.3.19 Gruppera och skapa möjlighet att hoppa förbi delar på sidorna.

Senast uppdaterad 2008-12-21