Dennis höll idag en nyttig och uppskattad presentation för kollegerna på AGoodId om vikten av att skriva bra länktexter.

Ungefär så här sa Dennis...

Länkar bör:

1. ha en länktext som beskriver var länken går, och är meningsfull även tagen ur sitt sammanhang
2. visuellt särskiljas från omgivande text så att det tydligt framgår att det är en länk
3. om det inte är en "vanlig" länk (utan t ex en länk till en PDF), ha en text eller ikon som tydligt visar detta
4. i menyer - ha en generöst tilltagen träffyta

Beskrivande länktext

Jämför följande två exempel:

• Jag gillar att plocka citroner. Klicka här för att läsa mer om citronplockning.
• Jag gillar att plocka citroner. Läs mer om citronplockning hos Citronkompaniet.

Att länktexten ska beskriva var länken går kan låta självklart, men man ser överallt länkar som ser ut som i det första exemplet.  En besökare som snabbt skummar igenom texten (och det är nästan alla) tvingas stanna upp och leta, före och efter länken, efter en ledtråd till var länken går. Att man hamnar hos Citronkompaniet märker man först när man klickar. "Klicka" är ett ord som används för mycket på webben. Att man kan klicka på länkar lär sig de flesta första gången de använder internet. Och "här" säger ingenting om destinationen. Dessutom är det litet och svårt att träffa.

I exempel två ser besökaren var länken går och slipper chansklicka. Länktexten är begriplig även tagen ur sitt sammanhang.

Tydlig visuell särskiljning

Länkar i en text bör sticka ut från omgivande brödtext. Understrykning och annan färg är bra. Att endast ge länkar en annan färg kan vara problematiskt, eftersom olika skärmars färgåtergivning och eventuell färgblindhet hos besökare kan göra länkarna svåra att upptäcka. Man bör också ge besökta länkar en annan stil, så att besökaren ser var denne redan varit. Det är alltid viktigt att valda färger har tillräckligt hög kontrast mot bakgrunden.

Varna vid avvikande beteende

Det kan upplevas som irriterande när länkar leder till att nya fönster öppnas eller att filer laddas ned. Man bör alltid varna för detta, med text ("öppnas i nytt fönster") eller ikon (t.ex. en pdf-ikon vid en länk som går till en pdf-fil). Det finns väldigt sällan någon bra anledning att öppna länkar i nya fönster. Det bör läggas i besökarens makt att välja. När man länkar till filer är det bra att ange filstorleken också, så att besökare med långsam uppkoppling kan välja om ett klick är värt besväret. Även om en länk går till mailadresser bör detta framgå tydligt.

Ha en generös träffyta

Om den klickbara ytan är för liten blir länkan svår att träffa, framförallt för användare med lite sämre finmotorik. Detta gäller framförallt länkar i menyer, och oftast är enkelt åtgärdat för den som bygger sajten. För att förstå detta är det nog lättast att titta på ett exempel med bilder.

Fördjupning (på engelska)

• Om länktext på Friendly Bit
• Om länktext på Think Vitamin
• Länktexttips från W3C
• Om träffytor, från 37 Signals

Publicerad: 09-03-05 | Kategorier: AGoodExperience, webbdesign, topplistan, tips

Näste man att hålla presentation är Fredrik som idag visar möjliga användningsområden med Twitter, en micro-blogg service när sociala nätverk är som allra enklast.

Twitter bygger på tekniken Ruby on Rails ramverk och har över 55 miljoner användare i månaden. Twitter ställer frågan -"vad gör du?" och låter användaren uppdatera sin status via deras webbplats, instant messaging eller varför inte från användarens mobiltelefon. Uppdatera aktuell position via Google maps och skicka bilder från din mobiltelefon är några av flera användningsområden.

Vi hade även en kort filmvisning där någon hade tagit Twitter till kvittrande nya höjder.

» Twitter.com
» Twitter wiki

Publicerad: 09-03-04 | Kategorier: AGoodExperience, sociala medier, inspiration, trender

Tredje talare i ordningen var Pelle och han ville ge oss en liten lektion i designhistoria samt ett litet smakprov på hur snygga skivomslag ser ut. Ämnet för dagen blev då alltså Blue Note Records.

Skivbolaget grundades 1939 av Alfred Lion och var en av pionjärerna när det gällde att profilera sina skivsläpp med en tydlig grafisk profil. Till sin hjälp hade han fotografen Francis Wolff och formgivaren Reid Miles.

Pelle hade även smakfullheten att ta med sig några fina skivor ur sin samling som man kan se här på bilden ovan.

Publicerad: 09-03-02 | Kategorier: AGoodExperience, typografi, kontoret, inspiration, musik, design, historia

Det är dags för Vasaloppet 2009 och på Torgny Mogrens namnsdag tar AGoodId tillfället i akt att lära sig ett och annat om denna anrika tävling.

Nu vet vi bland annat att den första tävlingen hölls 1922 och att den första kvinnan skidade i mål 1923. Men sen var det stopp för damerna eftersom männen i tävlingsledningen ansåg det "för ansträngade" för kvinnor att delta, en åsikt som höll i sig ända till 1988. Det går åt ca 55 000 liter blåbärssoppa under veckan och rekordet i antal segrar har Mora-Nisse med hela 9 st. Är du trevlig och käck uppfyller du kriterierna för att bli kranskulla eller kransman och man kan även åka vasalopp i USA, Japan och Kina. Ur spår!

Publicerad: 09-02-26 | Kategorier: AGoodExperience, kontoret, historia, idrott

Ellen är först ut och rekommenderar kollegorna den härliga boken "Vad är konst" av Ernst Billgren. Ett favoritdel i boken: "Räcker det inte att göra vad man vill? Kort svar: Vem vet vad den vill?"

AGoodExperience är en kortfattad dragning om ett intressant, valfritt ämne. Medarbetarna väljer efter eget huvud och presenterar glatt för sina kollegor, enligt ett rullande schema.

Publicerad: 09-02-25 | Kategorier: AGoodExperience, inspiration, tips, kontoret, böcker