Så utformar du dina länkar

tisdag, 21 juni 2005

Att länka verkar vara svårt. Därför kommer här en lathund.

En viktig sak är att när du klickar på en länk så ska den byta färg. Då vet man var man har varit.
Länka bara viktiga ord. Börja alltid med att länka ett viktigt ord. En länk tappar hela sin betydelse om du länkar en lång mening. Länka inte allt: Se en lista med böcker om användbarhet. Länka i stället bara de viktiga orden: Se en lista med böcker om användbarhet.
Skriv inte ”klicka här” eller ”läs mer”. Skriv inte: För att ladda ned rapporten om användbarhet, klicka här. Skriv hellre: Ladda gärna ned rapporten om användbarhet. Vi klickar på det vi vill veta mer om, och ingen vill veta mer om ”klicka här”. Tänk också på att skärmläsare (för blinda) kommer att läsa upp alla länkar: ”Det finns tre länkar på den här sidan: klicka här, klicka här och klicka här. Vilken väljer du?”.
Länka bara till webbsidor. Alltså html-sidor. Om du länkar till något annat (ett videoklipp, pdf-fil eller zip-fil) så måste du säga det! Skriv exempelvis Ladda ned rapporten (PDF-fil på 45 kB). En ikon som illustrerar filtypen ger ännu bättre effekt. Det finns inget värre än när det händer oväntade saker.
Använd attributet title för att beskriva länken. Men skriv något som vi inte redan vet! Allt för ofta ser man beskrivningar som säger samma sak: <a href="filmer.html" title="Lista över mina filmer">Lista över mina filmer</a>. Det fyller ingen som helst funktion. Skriv hellre något nytt: <a href="filmer.html" title="83 st dvd-filmer">Lista över mina filmer</a>. Och du, skriv inte adressen i beskrivningen. Den ser vi ju i statusfältet när vi håller muspekaren över länken.

Användbarhet, Webbdesign

Backend Media » Användbarhet » Så utformar du dina länkar

9 kommentarer. Skriv en kommentar eller skicka en Trackback.

#1 • Martin S. skrev den 21 juni 2005:

Bra tips, fler borde läsa detta. Folk har svårt att länka vettigt.
#2 • Jörgen Johnsson skrev den 21 juni 2005:

Angeåde title-texter så lärde min lärare (i interaktionsdesign) mig att en sk. tool-tip ska vara skriven i imperativform och som en hel mening. Mer om imperativformen: Imperativform
#3 • Roger Johansson skrev den 28 juni 2005:

Bra tips! Angående title-attributet tycker jag att man i första hand ska försöka formulera länktexten så bra att det inte behövs någon extra information. Men om det inte går är det precis vad title är till för .
#4 • Alicio skrev den 30 juni 2005:

Bra tips om att skriva hur stor en pdf-fil är. Det ska jag tänka på i framtiden.
#5 • Björn Hagström skrev den 30 juni 2005:

Jag funderade lite på samma sak som Roger tog upp. Personligen föredrar jag en lite längre beskrivande länk och skippar title-attributet men du verkar förespråka det motsatta. Missar jag poängen?
#6 • Peter Dahlgren skrev den 30 juni 2005:

Personligen föredrar jag en lite längre beskrivande länk och skippar title-attributet men du verkar förespråka det motsatta. Missar jag poängen?

Givetvis bör länkorden ge en rättvis bild av vad som väntar när man klickar, men om jag håller musen över länken skadar det inte att få extra information (som i mitt exempel med dvd-filmer). Det finns ju ingen mening att upprepa länkorden.

Det beror också lite på vilken typ av länkar man använder. Min policy för denna ”bloggen” är att bädda in länkara i löpande text och länka viktiga ord. Title-attributet får därför ofta innehålla titeln på målsidan, eller en utförlig beskrivning som jag själv tycker passar.

Det finns som sagt inget rätt och fel, det viktigaste är bara att den som klickar vet vad som väntar.
#7 • Björn Hagström skrev den 6 juli 2005:

Där har du rätt. En anledning till att jag är lite försiktig med title på länkar i löpande text beror på något jag inte vet är sant. Jag tror att en länk i löpande text med en title som inte enkelt läses som en del av meningen gör det svårt för besökaren att ta till sig hela texten. Jag kanske har fel i det?
#8 • Peter Dahlgren skrev den 6 juli 2005:

Det är givetvis en balansgång och plockar man ut en enskild länk från sammanhanget kan den tappa sin betydelse.

Men i mitt fall skriver jag (oftast) ett budskap per inlägg, vilket innebär att alla länkar från inlägget lättare kan tolkas. Exempel:

Rubrik: ”Så utformar du dina länkar”
Länk i löpande text: ”byta färg”
#9 • Björn Hagström skrev den 6 juli 2005:

Jag förstår men jag är fundersam på det motsatta. Hur fungerar länken i sitt sammanhang? Här ovan har du en mening enligt följande:
”En viktig sak är att när du klickar på en länk så ska den byta färg”.

Title på länken är ”Besökta länkar ska byta färg”. Jag undrar om det kan vara så att det som läsas upp för en talsyntes är följande:
”En viktig sak är att när du klickar på en länk så ska den Besökta länkar ska byta färg”.

I så fall är det en väldigt svårbegriplig mening. vad jag säger är att jag är inte säker på hur talsynteser hanterar title.