Irritera inte dina besökare

När vi surfar in på en webbsajt förväntar vi oss att hemsidans webbdesign följer vissa standardiserade regler och att vi ska slippa störande och irriterande moment. Bryt inte mot de här reglerna i ett försök att sticka ut, det kan gå väldigt fel.

För lång radlängd

Texter med för långa radlängder är vanliga på webben. Med för lång radlängd menas bredden på raden – det antal tecken som står på samma rad – innan raden bryts och nästa rad tar vid.

Vad många inte vet är de negativa konsekvenser det får, framför allt för läsförståelsen, men också för hur många läsare som inte orkar ta sig igenom hela texten.

Undersökningar visar att en läsare som kommer in på en sida med för långa rader omedelbart klickar bakåt till föregående sida utan att ens börja läsa! Själva åsynen av en sådan text gör att vi bestämmer oss för att det här blir för jobbigt.

Rätt antal tecken per rad – rätt radlängd – är nyckeln till att din text uppfattas som läsbar.

Både för lång radlängd och för kort radlängd upplevs som svårläst och skapar problem för läsaren. Läsaren får sämre fokus, mindre tålamod och risken är stor att man slutar läsa.

Emil Ruder från Schweiz var en grafisk designer som i mitten av 1900-talet gjorde stora studier på radlängd. Hans resultat ligger till grund för de riktlinjer som idag används inom webbdesign.

Enligt honom var den optimala siffran 50-60 tecken per rad för bästa läsbarhet, inklusive mellanslag. Om du håller dig inom det intervallet kan du vara säker på att dina texter har bra läsbarhet.

Nyare studier har reviderat siffran och idag anses upp till 75 tecken fortfarande vara läsbart.

Pop-up-rutor

Ett av de mest störande inslagen på en hemsida. Om du vill du reta upp en stressad besökare ska du satsa på pop-ups.

Finns det något mer irriterande när du precis landat på en hemsida – och du koncentrerat försöker förstå sidans innehåll och navigering – när det från ingenstans dyker upp ett nytt fönster mitt i synfältet som ger dig 10% rabatt vid ditt nästa köp? Vart kom det ifrån? Och hur blir jag av med det?

Du kom till hemsidan på jakt efter en speciell information eller en vara. Du har ont om tid och fokuserar på att snabbt hitta det du söker. Plötsligt dyker ett pop-up-fönster upp mitt framför ögonen. Det är för många av oss så störande att vi omedvetet, men omedelbart, tycker lite sämre om den här websajten. Irriterat stänger vi pop-up-rutan för att fortsätta där vi slutade. När detta händer har din hemsida – och ditt varumärke – redan tappat lite förtroende.

Risken med pop-ups är att de upplevs som lite för desperata, billiga, oprofessionella. Det kan spilla över på hela ditt varumärke. Även den mest proffsiga hemsida kan tappa förtroende genom att missbruka pop-ups.

Använd pop-up-rutor med försiktighet. Visst är det frestande att locka besökaren med ett bra erbjudande direkt från starten, men fundera på om du kan presentera erbjudandet på ett annat sätt? Ett sätt som upplevs som mindre desperat, mer professionellt och som istället stärker förtroendet för din hemsida och ditt varumärke.

Externa länkar som öppnas i samma flik

Att länka till externa hemsidor kan skapa ett mervärde för dina besökare. Men det finns en risk med att länka till externa hemsidor.

Om du länkar till en annan hemsida inifrån din egen hemsida, se till så den andra hemsidan öppnas i en ny flik. Då finns din hemsida fortfarande kvar i webbläsaren, i fliken bredvid. Det som annars händer är att den andra hemsidan tar över fliken där din hemsida låg och din hemsida försvinner.

För att besökaren ska komma tillbaka till din hemsida måste besökaren nu klicka på bakåtknappen – kanske ett antal gånger – i sin webbläsare. Det skapar så hög kognitiv belastning på besökaren att det sällan sker. Den här gången var det inte besökaren som valde att lämna dig, det var ditt eget fel att besökaren lämnade dig. Du är nu bortglömd.

Låt istället den externa hemsidan öppnas i en ny flik så finns din hemsida kvar i webbläsaren. Att byta flik i webbläsaren kräver lägre kognitiv belastning för besökaren och chansen är större att den går tillbaks till din flik.

Glöm inte att applicera samma princip ifall du har en klickbar e-mailadress som tar besökaren till sitt e-mailprogram. Se till så den länken också öppnas i en ny flik.

Centrerad text

Centrerad text kan vara effektfull om den används rätt. Om man håller sig till tre-fyra kortare meningar brukar man komma undan med centrerad text.

Men se upp med centrerad text i längre textstycken. Det som händer är att när en rad tar slut och du ska hoppa ner till nästa rad för att börja på nästa rad, blir den nu oregelbundna vänsterkanten väldigt rörig. Du får svårt att pricka av vilken rad du ska fortsätta på. Det blir ett onödigt störningsmoment som tar längre tid att processa än om vänsterkanten hade varit helt rak.

Centrerad text kan vara effektfull om den används rätt. Om man håller sig till tre-fyra kortare meningar brukar man komma undan med centrerad text.

Men se upp med centrerad text i längre textstycken. Det som
händer är att när en mening tagit slut och du ska hoppa ner till nästa rad och börja på nästa mening blir den nu oregelbundna vänsterkanten väldigt rörig. Du får svårt att veta vilken rad du ska fortsätta på. Det blir ett onödigt störningsmoment som tar längre tid att processa än om vänsterkanten hade varit helt rak.

Kognitiv överbelastning

Dina besökare vill snabbt förstå var de hamnat och vill så fort som möjligt hitta den information de söker. Tar det för lång tid är risken stor att de inom några sekunder lämnar dig.

Men vår hjärna är begränsad när det gäller hur mycket den kan hålla i minnet samtidigt. Vi blir fort uttröttade.

Lägg därför inte in för mycket information längst upp på startsidan. Minimera distraktioner och ta bara med det viktigaste, det du tror kunden vill veta först.

Ha heller inte för många länkar i menyn längst upp. Tester visar att 5-7 länkar är vad vi kan sortera, har vi fler än så blir den kognitiva belastningen för hög.

Se upp för svart färg

Om du använder svart färg på en vit bakgrund för dina texter, har du en kombination av två färger med maximal kontrast. Det går inte att få ett högre kontrastvärde än så.

Den höga kontrasten gör att det blir mer ansträngande att läsa en sådan text än om du hade valt en något ljusare färg på din text, eller en något mörkare nyans på din bakgrund.

Det behövs inte några stora skillnader, tvärtom, en ytterst liten skillnad i textfärgen (mot det ljusare) gör texten mycket behagligare att läsa.