Vad är skanningsbarhet och hur man använder det för att förbättra innehåll?     

Vi bombarderas varje dag med enorma mängder information, både online och offline. Människor kan skapa mer saker än de fysiskt kan konsumera tack vare ny teknik och snabba internetanslutningar. 

När konsumenterna har att göra med ett stort antal webbplatser och appar läser inte konsumenterna allt ord för ord; istället skannar de sidan för att avgöra varför och hur den är relevant för dem. 

Skannabarhet betraktas nu som en viktig aspekt av webbplatsens användbarhet, till följd av dess inverkan på användarnas upplevelse.

Den här artikeln undersöker ämnet och ger råd om hur man gör digitala produkter skanningsbara.    

Skanningsbarhet & VIKTIGT?

Enkelt uttryckt hänvisar skanningsbarhet till den lätthet med vilken en användare kan skanna webbinformation snarare än att läsa den ord för ord.

Besökare kan läsa text och bilder på skanningsbart innehåll snabbt och enkelt eftersom de har förberetts och ordnat för snabb förståelse.

Det övergripande inflytandet av meddelande-, formaterings- och skrivstilar som används för att göra materialet skanningsbart. Det är en grundläggande princip för UX-skapande, och i förlängningen, UX och produktdesign i allmänhet.

Stora företag och nystartade företag anser i allt högre grad skanningsbart innehåll som ett måste, vilket leder till den kontinuerliga expansionen av UX-författande och innehållsdesign som ett ämne.

Nielsen Norman Group genomförde spännande forskning 1997 som gjorde ordet "skanningsbarhet" populärt.

Jakob Nielsen och hans kollegor försökte lära sig hur människor läser på internet.

Vad är deras slutsats? "Det gör de inte."

”Folk läser sällan webbplatser ord mot ord; istället skannar de sidan och framhäver speciella fraser och meningar.”

Endast en liten del av användarna i forskningen läser sidor ord för ord. En efterföljande studie nådde samma resultat.

Skannabarhet är viktigt eftersom människor skannar. Detta är inte en hård och snabb riktlinje som alla följer. Det är en generalisering – vissa läsare kommer att läsa ditt material på djupet, men de flesta kommer snabbt att skanna sidan efter information som är användbar för dem.

De fyra faktorerna avgör hur lång tid konsumenterna är villiga att spendera på att läsa (eller skanna).

• Grad av motivation
• Fokusnivå
• Typ av uppgift
• Personlighetsdrag

Flera studier har visat att konsumenter skannar digitalt innehåll, den mest kända är Nielsen Norman Groups F-Shaped Pattern for Reading Web Content. 

Efter en grundlig undersökning av hur människor läser online, identifierade den tre viktiga slutsatser som syntetiseras till det F-formade mönstret:

• Användare börjar ofta med att läsa den översta delen av materialet horisontellt, vilket skapar den översta fältet på F.

• Efter att ha glidit ner sidans innehåll något läser läsarna det andra avsnittet horisontellt, vanligtvis i en kortare rörelse än den föregående. Detta är den lägsta stapeln i F.  

• Sedan skannar människor ofta innehållets vänstra sida vertikalt, vilket kan vara snabbt, långsamt och metodiskt, eller någonstans i mitten. Denna vertikala skanning skapar skaftet på F:et och fullbordar det F-formade mönstret.

Denna upptäckt om hur människor konsumerar digitalt material med hjälp av det F-formade mönstret var och fortsätter att vara en game changer för UX-skribenter, innehållsdesigners, innehållsstrateger, tekniska skribenter och alla andra som värdesätter användarcentrerat innehåll.

Det beror på att det är avgörande att designa och skapa innehåll som representerar hur människor verkligen beter sig online, snarare än hur vi vill att de ska bete sig. 

Att designa och generera information som speglar det faktiska användarbeteendet (skanning) är en kritisk komponent för att utveckla en "klibbigt UI” (ett gränssnitt som får användare att återvända). Och ett klibbigt användargränssnitt är avgörande för alla digitala produkters långsiktiga framgång.

Vi ska titta på hur det F-formade läsmönstret har påverkat begreppen skanningsbarhet senare, men först, låt oss sammanfatta hur skanningsbarheten förbättrar användarupplevelsen.

Genom att överväga hur människor konsumerar och smälter digitalt material bidrar skanningsbart innehåll till en bra UX (och ett klibbigt användargränssnitt) på olika sätt:

• Användare kan upptäcka vad de behöver snabbare genom att skanna material istället för att långsamt och försiktigt läsa igenom stora mängder text, vilket sparar tid.
• Det minskar kognitiv belastning: Skannabart material är mer smältbart än täta textväggar och behöver mycket mindre mental energi för att få i sig.
• Det är tillgängligt: Att göra material skanningsbart innebär implementering av många (om inte alla) riktlinjer för tillgänglighet.
• Det minskar osäkerhet och frustration: Eftersom det tillåter användare att snabbt och enkelt upptäcka vad de behöver, är det mindre troligt att de blir förvirrade eller frustrerade.

Hur kan jag testa skanningsbarhet?

Konsumenter kan engagera sig i ditt material och testas för skanningsbarhet med hjälp av en mängd olika tillvägagångssätt.

Här är flera metoder för att bestämma skanbarheten av din innehåll:

a. Användbarhetstestning: Inkludera aktiviteter för att skanna och upptäcka särskild information under användbarhetstestsessioner. Undersök hur användare utforskar materialet, vilka komponenter de fokuserar på och om de enkelt kan hitta den information som behövs. 

Uppmuntra deltagarna att tänka högt, vilket kommer att ge användbara insikter om deras skanningsvanor och mentala processer.

Användare använder verktyg för värmekarta att skapa visuella representationer av var deras uppmärksamhet är fokuserad. Värmekartor använder aggregerad data för att indikera vilka delar av en webbplats som får mest intresse. 

Du kan avgöra vilka regioner som får uppmärksamhet och vilka som missas genom att analysera fynden av värmekartan.

b. A/B-testning: Skapa flera versioner av ditt material med hjälp av olika skanningsstrategier. I detta A/B-testning kommer olika användargrupper att visas olika versioner.

För att bedöma om versionen fungerar bättre när det gäller skanningsbarhet, spåra användarengagemang, tid som ägnas åt att leta efter information och framgångsfrekvens.

Deltagarnas ögonrörelser fångas medan de läser in ditt innehåll eyetracking-studier. Du fångar deltagarnas ögonrörelser när de läser ditt innehåll i eyetracking-studier.

Denna strategi ger kvantifierbar information om vilka platser människor fokuserar mest på och hur deras uppmärksamhet rör sig över hela sidan. Det hjälper till att identifiera trender och möjligheter till förbättringar.

10 tips för att förbättra skanningsbarheten

1. Skapa en korrekt visuell hierarki

Den visuella hierarkin i ett datorgränssnitt hänvisar till organisationen och visningen av UI-designkomponenter för att indikera grader av betydelse, vilket gör det möjligt för användare att snabbt skanna efter nödvändig information. Att designa en layout med bra visuell hierarki involverar många faktorer:

• Storlek
• Färg 
• Däremot 
• Närhet
• Justering
• Negativ Space 
• Upprepning

En designer som tar hänsyn till dessa UI-designmönster samtidigt som han skapar en UI-layoutdesign kommer att säkerställa att den färdiga produkten har en snygg, harmonisk och intuitivt skanningsbar layout.

Googles sökresultatsida använder alla visuella hierarkielement för att förbättra genomsökningsbarheten. 

Användningen av färg, storlek och kontrast framhäver rubrikerna. Det negativa utrymmet som omger varje rubrik hjälper till att säkerställa att det är det första en användare skannar.

När användare hittar en relevant rubrik undersöker de länkens färg och närhet för att avgöra dess trovärdighet.

Nästa, till ytterligare bedöma resultatet, kommer de att undersöka innehållskopian, som är enhetlig i färg, storlek och närhet. Utöver dessa kriterier gör upprepning och anpassning Googles sökresultat enkla att ta del av.

2. Placera den grundläggande navigeringen i webbplatshuvudet

Alla de beskrivna ögonskanningsmönstren indikerar att vilken en användare än väljer, kommer skanningsprocessen att börja i den övre horisontella delen av webbsidan. 

Att använda det för att visa viktiga områden för engagemang och varumärkesbyggande är en teknik som gynnar båda sidor. 

UI/UX-designers, innehållshanterare och marknadsföringsproffs ser den främsta anledningen till den avgörande betydelsen av design av webbsidor.

• Rubriken bör inte vara överfull med för mycket information på andra sidan, vilket gör det svårt att koncentrera sig.
• Försöket att få in allt i den övre delen av sidan kan göra arrangemanget till ett virrvarr. 
• Det är viktigt att analysera målen för huvudmålgruppen, hur de korsar webbplatsens affärsmål, och baserat på det är vilken information eller navigering som ingår i rubriken den mest relevanta. 
• Till exempel, på en stor e-handelswebbplats, måste sökfunktionen vara omedelbart synlig och ofta placerad i rubriken för att vara tillgänglig från alla kontaktpunkter.
• För en webbplats för småföretag kan sökfunktionalitet vara överflödig, men en lättillgänglig länk till portföljen är avgörande.

3. Utnyttja negativt utrymme

Geniet Claude Debussy sa berömt, "Musik är utrymmet mellan tonerna.” Detsamma gäller för skanningsbarhet; negativt mellanrum mellan bitarna är det som utmärker en framgångsrik layout.

Rätt mängd negativt (vitt) utrymme kring UI-komponenter drar uppmärksamheten till elementen i sig. Den framhäver informationen samtidigt som den ger tillräckligt med andrum för att hålla layouten från att bli överbelastad. 

Utan ett andningsrum är den mänskliga hjärnan mindre benägen att söka efter föremål av intresse och blir förvirrad.

4. Markera nyckelord och fraser

• En annan strategi för att göra ditt material mer skanningsbart är att lyfta fram nyckelord och fraser som du vill att dina läsare ska lägga märke till och komma ihåg. 
• Du kan använda fetstil, kursiv, understrykning eller färg för att markera sökord, uppmaningar, citat, statistik eller frågor. 
• Markering kan tjäna till att skapa fokus och brådska hos dina läsare, uppmuntra dem att vidta åtgärder eller lära sig mer. 
• Överdriv eller missbruk dock inte framhävning, vilket kan få ditt material att verka rörigt eller skräppost. Använd det klokt och regelbundet för att hjälpa ditt innehåll att sticka ut.

5. Testa läsbarheten för den kopierade texten

• Läsbarhet avser hur lätt individer kan läsa ord, meningar och innehållsblock. 
• Läsbarhet avser hur snabbt och intuitivt konsumenter kan känna igen bokstäverna i ett specifikt typsnitt. 
• Man bör noggrant undersöka dessa egenskaper, särskilt för gränssnitt med en stor mängd text.
• Färgen på bakgrunden, mängden utrymme som omger kopieringsblock, kerning, inledande, teckensnittstyp och teckensnittsparning.
• Alla har en inverkan på förmågan att snabbt läsa texten och fånga det material som övertalar människor att stanna kvar. 
• Designers måste se till att typografiska lagar följs och att typsnitten främjar visuell hierarki och läsbarhet för att undvika problem.

6. Använd underrubriker för att sammanfatta innehåll

Människor reagerar ofta dåligt på stora mängder text. Om stycket inte stämmer överens med deras intressen kan de tro att de kommer att slösa tid. 

Bästa praxis för UI-design ger en lösning på detta problem. Genom att ta med korta underrubriker i början av stora stycken får användaren fullständig kunskap om ämnet.

När du komponerar underrubriken är det viktigt att göra det kortfattat. Uttryck helt enkelt den avgörande punkten som presenteras i informationen nedan.

7. Använd numrerade och punktlistor

Ett annat smart sätt att göra innehållet mer skanningsbart är att använda listor med siffror eller punkter. De hjälper till att tydligt organisera data. De uppmärksammar också användaren på informationen och förhindrar att den tappas bort i textens övergripande struktur.

8. Inkludera foton, videor och annat innehåll

• Visuella funktioner hjälper till att förbättra läsbarheten och skanningsbarheten genom att ge din text mångfald, intresse och sammanhang. 
• Bilder, videor, infografik, diagram, grafer och andra medier kan hjälpa dig att visa dina åsikter, ge exempel och säkerhetskopiera dina påståenden. 
• De kan också hjälpa till att bryta upp ditt material, vilket gör det mer intressant och minnesvärt. 
• Undvik dock att använda överdriven eller irrelevant media som kan distrahera eller överväldiga din publik. 
• Välj högkvalitativa, relevanta medier som kompletterar ditt innehåll och överensstämmer med ditt varumärke och budskap.

9. Placera ett koncept i ett stycke

Undvik att göra stora textblock för långa när du bearbetar kopieringsmaterial för skanbarhet. Läsaren tycker att korta stycken är mer lättsmälta och kan lätt hoppa över ohjälpsamt material. Så, efter att du har gett en idé i ett stycke, börja en annan med en ny tanke.

10. Undvik att använda jargong och tekniska ord

Jargong och onödig teknisk terminologi minskar ditt innehålls genomsökningsbarhet genom att tvinga läsarna att stanna eller sakta ner för att smälta det de läser. När du använder jargong och teknisk terminologi är det viktigt att vara försiktig.

Slutsats

Även om det ofta ignoreras är skanningsbarhet en viktig designaspekt som påverkar hur länge konsumenter stannar på din webbplats. Användare är mer benägna att hålla fast vid innehåll som är enkelt att navigera.

Det motsatta är också sant. Användare tappar intresset när det finns för mycket text och inte tillräckligt med punktpunkter eller grafik.

Börja med att följa bästa praxis som att lägga till negativt utrymme i din design, använda formatering för att lyfta fram viktigt material och visa information i skanningsbara punktpunkter. 

Tänk på olika skanningsmönster när du utvecklar din innehåll för att förbättra din webbplatss användbarhet och skanningsbarhet.

Vanliga frågor

a. Varför är skanningsbarhet så viktigt för moderna läsare, särskilt digitala mediekonsumenter?

Skannabarhet är ett formateringssätt som gör att den avsedda publiken enkelt kan läsa och förstå texten. Skannabarhet kompenserar för det faktum att majoriteten av internetanvändare skummar saker istället för att läsa dem.

b. Förbättrar länkar skanningsbarheten?

Nyckelord i innehållet underlättar också genomsökning eftersom de fungerar som guideposter för bots som genomsöker webbsidor. Genom att ha länkar i innehållet kan läsarna dessutom snabbt bläddra mellan relevanta ämnen eller sidor på själva webbplatsen.

c. Vilket innehållselement förbättrar inte skanningsbarheten?

White Space – Väggar av text ger inte bra skanningsbart innehåll.