Använd inte drop-down-menyer för navigering

Det finns webbplatser som lägger menyn i en drop-down. Det tar upp samma antal pixlar på skärmen, oavsett hur många alternativ det finns i den. Men det ställer också till nya problem.

Titta här på företaget DirektDesigns webbplats:
Meny som drop-down

Drop-down-menyer är särskilt värdelösa eftersom:

  1. De går inte att överblicka. Varje gång man vill överblicka får man klicka på den och skrolla.
  2. De ger ett extra klick. Först måste du klicka på den för att se vad den innehåller. Sedan måste du klicka på det alternativ du väljer. För personer med nedsatt motorik kan det vara ett problem med tillgängligheten.
  3. Kräver javascript. En vanlig länk (<a href="sida.html">Länktext</a>) fungerar i alla typer av miljöer, även de allra äldsta. Javascript är bara ett hinder och sökmotorer hittar inte länkarna.
  4. Går inte att förstora texten. Trots att webbläsare blir allt smartare finns det en del webbläsare som inte kan förstora texten i dessa menyer. Därmed har vi ytterligare ett problem med tillgängligheten.

Om jag hade fått bestämma så hade menyn gjorts om till vanliga länkar.
Meny som länkar
Det kan alla förstå, kräver inte javascript och går snabbt att överblicka. Dessutom är det inga tvivel att dessa länkar går att klicka på.

 
6 kommentarer. Skriv en kommentar eller skicka en Trackback.
  1. Pingback
  2. Pingback
  1. #1 • Mickey J Barczyk skrev den 18 juni 2005:
     

    Hej!
    Hur menar du med att man inte får någon överblick? Tycker att deras lösning på undermenyn för tjnster är perfekt, man vet ju ändå vad som kan vinnas däri.

    Gällande att sökmotorerna inte indexerar scroll-menyer så kan man ju alltid använda sitemap, det är darför dom oftast finns, just för sökmotorerna.

    Sist vill jag nämna att det är jävligt dåligt av dig och ditt lilla företag att sno Sebastian Schmieg’s design av bloggen och ser den som er egen. Innan ni börjar granska andra hemsidor, kanske ni skulle kolla på er egen.

  2. #2 • Peter Dahlgren skrev den 19 juni 2005:
     

    Gällande att sökmotorerna inte indexerar scroll-menyer så kan man ju alltid använda sitemap, det är darför dom oftast finns, just för sökmotorerna.

    Sidkartor är främst gjorda för att människor ska kunna få en överblick över alla sidor på en webbplats. Sedan att sökmotorer har en extra fördel av dem är en bonus. Det är inget självändamål. Allt som görs för att gynna sökmotorer, men samtidigt inte för människor betraktar jag som spam.

    Sist vill jag nämna att det är jävligt dåligt av dig och ditt lilla företag att sno Sebastian Schmieg’s design av bloggen och ser den som er egen.

    Det är ett publikt tema släppt under GPL som jag modifierat. På vilket sätt har jag snott det?

  3. #3 • Björn Hagström skrev den 30 juni 2005:
     

    Du säger att du betraktar det som görs för att gynna sökmotorer men inte människor är spam. Menar du det på allvar eller blev du sur över anklagelsen om designstöld? Att använda bra metataggar som bara används för sökmotorer kan knappast vara av ondo. Nu används inte metataggar så friskt av sökmotorer då de ofta används för att föra dem bakom ljuset. Men det kanske var dessa försök att lura söktjänsterna du syftade på?

  4. #4 • Peter Dahlgren skrev den 30 juni 2005:
     

    Du säger att du betraktar det som görs för att gynna sökmotorer men inte människor är spam. Menar du det på allvar eller blev du sur över anklagelsen om designstöld? Att använda bra metataggar som bara används för sökmotorer kan knappast vara av ondo.

    Jag menade vad jag skrev.

    Att använda metadata som används av sökmotorer enbart för att få högre ranking ser jag som spam, ja. Däremot, om de används för att människor lättare ska kunna hitta innehållet (och samtidigt beskriver resursen rättvist) så betraktar jag det inte som spam. Typexemplet är meta keywords, som sedermera tagits bort ur de flesta sökmotorers algoritmer eftersom det bara är till för att gynna sökmotorer och inte användare.

    För övrigt betraktar jag spam enligt Alan Perkins.

 

Kommentar:

 
 
Creeper MediaCreeper
QR Code Business Card