Läsvärt

4 tips som förbättrar ditt innehåll på webben

I genomsnitt läser besökare enbart ca 25 % av innehållet på en webbsida. Om vi vänder på det så innebär det att 75 % av innehållet du publicerar på din webb går förlorat. Så kan vi ju inte ha det tänker vi. Här kommer därför 4 tips på hur du kan förbättra ditt innehåll på webben.

 

Läsvänliga texter, en bra struktur och grafiska element som fångar användarens uppmärksamhet är faktorer som kan vara avgörande för om man stannar på en webbplats eller klickar sig vidare. Sen måste ju också innehållet vara relevant för användaren såklart. Om du känner till och förstår hur människor läser och beter sig på webben kan du optimera din webbplats och i högre utsträckning påverka hur användare konsumerar ditt innehåll. Vi tänkte därför börja med att berätta lite om hur användarna läser på webben.

 

 

Hur läser användare på webben?

Det första som är viktigt att tänka på är att användare i mycket högre utsträckning skummar igenom en text på webben än om de läst samma text i tryckt format. Blicken hoppar och scannar av en text för att se om vi hittar något intressant. Gör vi inte det klickar vi oss vidare. När man utformar sitt innehåll för webben gäller det att vara tydlig och lyckas fånga läsarens uppmärksamhet snabbt.

tjej-mobil-jobba-innehall-limetta.jpg

Många kanske utformar sitt innehåll efter hur vi läser på en dator, men vi får inte heller glömma bort hur det ser ut på mobilen. På mobilen läser man något annorlunda jämfört på en dator. Många är till exempel ofta i rörelse och har fler distraktioner runtomkring sig när de läser på mobilen. Att ha en enkel och lättläst design som lyckas fånga och hålla kvar användarnas uppmärksamhet blir därför ännu viktigare. Det finns flera olika sätt att göra sitt innehåll mer läsbart och få användaren att ta del av det i större utsträckning. Här ger vi dig några tips på vägen:

 

Så här förbättrar du ditt innehåll på webben:

avdelare-01-600-v2.svg

 

1. Förstå vanliga läsmönster och dra nytta av dem

I studier gjorda med eye tracking, där man med teknikens hjälp registrerar och mäter användarens ögonrörelser när de besöker en webbsida, har man sett att våra ögon rör sig i specifika mönster beroende på vilken typ av webbsida vi tittar på. 

På sidor som har mindre text och där man har några få utvalda nyckelelement har man sett att användare läser enligt ett Z-format mönster. Facebooks inloggningssida har dragit nytta av det här beteendet. Besökaren på webbplatsen börjar sin scanning på loggan i det vänstra översta hörnet, därefter scannar blicken igenom navigationen i en horisontal linje tills den når inloggningsknappen längst till höger. Eftersom vi i Sverige läser från vänster till höger och från toppen till botten, rör sig blicken till nästa rad eller element längre ner till vänster. Slutligen rör sig blicken ned till det nedersta högra hörnet där man placerat ett tydligt call-to action för att skapa ett konto.

z_pattern_1-limetta.png

z_pattern_2-limetta.png

På en webbsida med mycket brödtext har man istället kunnat se att en majoritet av användarna läser i ett F-format mönster. Man läser de översta raderna och skummar sedan mer och mer ju längre ner i texten man kommer. Om du skulle utforma ditt innehåll enligt det F-formade läsmönstret hade du till exempel kunna placera den viktigaste informationen högt upp på sidan. Vill du däremot ändra läsbeteendet måste du anpassa innehållet på ett sätt som fångar läsarens uppmärksamhet inåt i texten och längre ner på sidan. Och det leder oss in på nästa tips.

f_pattern-limetta.png

F-format läsmönster

f_pattern-eyetracking.jpg

avdelare-02-600.svg

 

2. Fånga läsarens uppmärksamhet 

När du strukturerar innehållet på rätt sätt och till exempel inkluderar grafiska element kan du ändra fokuspunkten och användarnas läsmönster. Du skapar en visuell hierarki och på så sätt kan du leda användaren genom en informationshierarki. Det handlar inte om att lura användarna att göra någonting, utan om att servera dem det som gjorde att de hamnade på er sida till att börja med - genom att ha rätt saker på rätt ställe.

Generellt fastnar människor lättare för särskilda skanningspunkter eller element som sticker ut. Det kan till exempel vara rubriker, ingresser, punktlistor, nya stycken och tomrum. Även text som sticker ut genom att den är markerad med färg eller typografi såsom länktexter, bildtexter eller fetmarkerade ord kan vara användbart. Man har också sett att siffror placerade i en brödtext kan dra ögat till sig när man scannar av en webbsida. Genom att använda sig av olika skanningspunkter kan du alltså locka läsare inåt i texten eller nedåt på sidan.

 

Skanningspunkter som lockar läsaren:

  • Rubriker
  • Ingresser
  • Punktlistor
  • Nya stycken och tomrum
  • Call-to-action
  • Text och ord som sticker ut (tex genom färg, typografi, länktext, bildtext, fetmarkerade ord, bilder, siffror)

skanningspunkter_1-limetta.png

tomrum-limetta.png

Hur du använder dig av scanningspunkterna spelar också roll. Det är till exempel viktigt att du väljer rätt sorts typografi och väljer ett typsnitt och teckengrad som har en bra läsbarhet. För dagens responsiva webb är det viktigt att testa att typsnitten fungerar bra för olika upplösning och skärmstorlekar. Det finns också andra aspekter att ta hänsyn till ur tillgänglighetssynpunkt. För de som ser sämre eller av andra anledningar har svårt att läsa på små skärmar är det viktigt att typsnitten du väljer går att förstora. Även språket och hur du formulerar dig spelar stor roll för läsbarheten. Det gäller dessutom att få till en bra balans av alla komponenter. Om du överöser en text eller sida med för många olika element är risken stor att läsbarheten ändå går förlorad. Lagom är helt enkelt bäst!

Generellt fastnar människor lättare för särskilda
skanningspunkter eller element som sticker ut.

avdelare-03-600.svg

 

3. Välj rätt bilder och grafiska element 

Valet av bilder och hur de placeras påverkar också hur besökaren konsumerar innehållet på din webbplats. Rätt bild på rätt ställe, bildens kvalitet och vad bilden föreställer kan hjälpa eller stjälpa den mest välplanerade och strukturerade sajten. Det har till exempel visats att bilder med personer med ansiktet vänt mot den som läser upplevs som mer inbjudande. Du kan också rikta uppmärksamheten till en specifik del av sidan om personen i bilden tittar åt ett visst håll. 

 

heatmap-face-text-1.jpg

heatmap-face-text-2.jpg

Om vi dessutom använder bilder ihop med utvalda komponenter kan vi också uppmana till handling och öka konverteringar. Du kan också använda dig av rörligt material i form av video för att dra ögat till sig och för att ge en upplevelse av hur någonting är.

 

Att tänka på när du ska välja bilder till webben:

  • Motiv och komposition - vad föreställer bilden? Motivet bör vara relevant till produkten, tjänsten eller ditt varumärke. Ha inte med en bild bara för att den är gullig, den måste fylla ett syfte. Håll kompositionen enkel och tydlig. Om du ska visa upp produktbilder är till exempel en vit bakgrund bra. 
  • Placering - hur är bilden placerad i relation till andra komponenter? Leder bildens motiv betraktarens ögat åt ett visst håll, och vad finns i så fall placerat där? Använd bilder för att dela upp textstycken och göra dem mer lättlästa.
  • Känslor - vad väcker bilden för känslor? Glädje, medlidande, förvåning, trygghet osv. Fundera vad du vill ge dina besökare för känslor och hitta bilder som passar för ändamålet. 
  • Skärpa och exponering - hur är bildens skärpa? Pixliga eller suddiga bilder upplevs sällan professionella, se därför till att bilden har bra skärpa. Vårt bästa tips är att du lär dig ta bra bilder eller anlitar en fotograf.

 

avdelare-04-600.svg

 

4. Kom ihåg att läsbarhet går hand i hand med SEO

Att utforma läsvänliga texter handlar bland annat om tydlig typografi, stycken som lättar upp texten och grafiska element som fångar blicken. Men läsbarhet går också hand i hand med sökmotoroptimering. Du har kanske hört talas om att Googles algoritm imiterar våra läsmönster? Google värderar din webbplats efter hur användbar och relevant den är för användaren. De sidor som bedöms som mest relevant för användaren och bäst matchar sökordet hamnar högre upp i sökresultatet. En bra idé är därför att placera sökfraser i till exempel rubriker, punktlistor eller i början av ett nytt stycke som ju också är fokuspunkter för användarnas läsbeteende. I vår artikel “5 saker du måste veta om SEO” får du fler tips om hur du optimerar din webbplats med hjälp av SEO.

 

Nu har du fått några tips på vägen mot ett mer användarvänligt och läsbart innehåll för din webbplats. Ta även en titt på din egen webbplats -  hur är sidorna och dess innehåll utformat? Stödjer de användarnas läsbeteende? Använder du någon av scanningspunkterna eller kan du ändra, ta bort eller lägga till något som underlättar läsbarheten? 

Vill du veta mer om läsmönster eller vill du ha hjälp att designa eller optimera din webbplats? Kontakta oss så berättar vi mer om hur vi kan hjälpa dig. 

Hör av dig!

Vill du komma i kontakt med oss?
Fyll i formuläret så hör vi av oss så fort vi kan.