Wat is scanbaarheid en hoe kunt u deze gebruiken om de inhoud te verbeteren?

We worden dagelijks gebombardeerd met enorme hoeveelheden online en offline informatie. Dankzij nieuwe technologie en snelle internetverbindingen kunnen mensen meer spullen maken dan ze fysiek kunnen consumeren.

Bij veel websites en apps lezen consumenten niet alles woord voor woord; in plaats daarvan scannen ze de pagina om te bepalen waarom en hoe deze relevant is.

Scanbaarheid wordt nu beschouwd als een cruciaal aspect van de bruikbaarheid van websites vanwege de aanzienlijke impact ervan op de gebruikerservaring.

In dit artikel wordt dit onderwerp besproken en wordt advies gegeven over hoe u digitale producten scanbaar kunt maken.

Scanbaarheid & BELANG?

Met andere woorden: scanbaarheid verwijst naar het gemak waarmee een gebruiker webinformatie kan scannen in plaats van deze woord voor woord te lezen.

Bezoekers kunnen tekst en afbeeldingen op scanbare inhoud snel en efficiënt lezen, omdat deze zijn voorbereid en gerangschikt voor snel begrip.

De algehele invloed van de berichten-, opmaak- en schrijfstijlen die worden gebruikt om het materiaal scanbaar te maken, is een fundamenteel principe van UX-authoring en, bij uitbreiding, UX en productontwerp in het algemeen.

Grote bedrijven en startups beschouwen scanbare inhoud steeds meer als een must-have, wat leidt tot de voortdurende uitbreiding van UX-authoring en contentontwerp als onderwerp.

De Nielsen Norman Group voerde in 1997 intrigerend onderzoek uit dat het concept van ‘scanbaarheid’ populair maakte.

Jakob Nielsen en zijn collega's probeerden te leren hoe mensen online lezen.

Wat is hun conclusie? “Dat doen ze niet.”

“Mensen lezen websites zelden woord voor woord; in plaats daarvan scannen ze de pagina, waarbij ze bepaalde zinsneden en zinnen benadrukken.”

Slechts een klein deel van de gebruikers in het onderzoek leest pagina's woord voor woord. Een volgende studie kwam tot hetzelfde resultaat.

Scanbaarheid is belangrijk omdat mensen scannen. Dit is geen vaste richtlijn die iedereen volgt. Het is een generalisatie; sommige lezers zullen uw materiaal diepgaand lezen, maar de meesten zullen de pagina snel scannen op nuttige informatie.

De vier factoren bepalen de hoeveelheid tijd die consumenten bereid zijn te besteden aan lezen (of scannen).

• Niveau van motivatie
• Focusniveau
• Soort taak
• Persoonlijke eigenschappen

Verschillende onderzoeken hebben aangetoond dat consumenten digitale inhoud scannen, waarvan de meest bekende het F-vormige patroon voor het lezen van webinhoud van de Nielsen Norman Group is.

Na een grondig onderzoek naar de manier waarop mensen online lezen, werden drie belangrijke conclusies geïdentificeerd die samen het F-vormige patroon vormen:

• Gebruikers beginnen vaak met het horizontaal lezen van het bovenste gedeelte van het materiaal, waardoor de bovenste balk van de F ontstaat.

• Nadat de pagina-inhoud iets naar beneden is gegleden, lezen de lezers het tweede gedeelte horizontaal, meestal korter dan het voorgaande. Dit is de laagste balk van de F.

• Vanaf dat moment scannen mensen de linkerkant van de inhoud vaak verticaal, wat snel, langzaam, methodisch of ergens daartussenin kan worden gedaan. Deze verticale scan creëert de stam van de F en voltooit het F-vormige patroon.

Deze bevinding over de manier waarop mensen digitaal materiaal consumeren met behulp van het F-vormige patroon was en blijft een game-changer voor UX-schrijvers, contentontwerpers, contentstrategen, technische schrijvers en iedereen die waarde hecht aan gebruikersgerichte inhoud.

Dat komt omdat het van cruciaal belang is om inhoud te ontwerpen en genereren die accuraat weergeeft hoe mensen zich online gedragen, in plaats van hoe wij willen dat ze zich gedragen.

Het ontwerpen en genereren van informatie die het daadwerkelijke gebruikersgedrag weerspiegelt (scannen) is een cruciaal onderdeel van het ontwikkelen van een “sticky UI” (een interface die ervoor zorgt dat gebruikers terugkeren). En een plakkerige gebruikersinterface is van cruciaal belang voor het succes van elk digitaal product op de lange termijn.

We zullen later onderzoeken hoe het F-vormige leespatroon het concept van scanbaarheid heeft beïnvloed, maar laten we eerst bekijken hoe scanbaarheid de gebruikerservaring verbetert.

Door na te denken over hoe mensen digitaal materiaal consumeren en verteren, draagt ​​scanbare inhoud op verschillende manieren bij aan een goede UX (en een sticky UI):

• Gebruikers kunnen sneller ontdekken wat ze nodig hebben door materiaal te scannen in plaats van grote hoeveelheden tekst langzaam en zorgvuldig door te lezen, waardoor tijd wordt bespaard.
• Het vermindert de cognitieve belasting: Scanbaar materiaal is beter verteerbaar dan dichte tekstmuren en heeft veel minder mentale energie nodig om te worden opgenomen.
• Het is toegankelijk: Het scanbaar maken van materiaal impliceert het implementeren van veel (zo niet alle) toegankelijkheidsrichtlijnen.
• Het vermindert onzekerheid en frustratie: Omdat gebruikers hierdoor snel en gemakkelijk kunnen ontdekken wat ze nodig hebben, is de kans kleiner dat ze in de war of gefrustreerd raken.

Hoe kan ik de scanbaarheid testen?

Consumenten kunnen op verschillende manieren met uw materiaal in aanraking komen en de scanbaarheid ervan testen.

Hier zijn verschillende methoden om de scanbaarheid van uwte bepalen inhoud:

A. Bruikbaarheidstesten: Neem tijdens bruikbaarheidstestsessies activiteiten op voor het scannen en ontdekken van bepaalde informatie. Onderzoek hoe gebruikers het materiaal verkennen, op welke onderdelen ze zich concentreren en of ze de benodigde informatie gemakkelijk kunnen vinden.

Moedig deelnemers aan om hardop te denken, waardoor waardevolle inzichten worden verkregen in hun scangewoonten en mentale processen.

Gebruikersgebruikheatmap-toolsom visuele representaties te creëren van waar hun aandacht op is gericht. Heatmaps gebruiken geaggregeerde gegevens om aan te geven welke delen van een websiteaantrekken de meeste belangstelling.

Door de bevindingen van de heatmap te analyseren, kunt u bepalen welke regio's de aandacht trekken en welke over het hoofd worden gezien.

B. A/B-testen: Maak verschillende versies van uw materiaal met behulp van verschillende scanstrategieën. Bij deze A/B-testen krijgen andere gebruikersgroepen verschillende versies te zien.

Om te beoordelen of de versie beter werkt op het gebied van scanbaarheid, gebruikersbetrokkenheid, tijd besteed aan het zoeken naar informatie en succespercentages.

De oogbewegingen van deelnemers worden vastgelegd terwijl ze uw inhoud inlezen eye-trackingonderzoek. In eye-trackingonderzoek legt u de oogbewegingen van deelnemers vast terwijl ze uw inhoud lezen.

Deze strategie biedt kwantificeerbare informatie over waar mensen zich het meest op concentreren en hoe hun aandacht over de pagina beweegt. Het helpt bij het identificeren van trends en mogelijkheden voor verbetering.

10 tips om de scanbaarheid te verbeteren

1. Creëer de juiste visuele hiërarchie

De visuele hiërarchie van een computerinterface verwijst naar de organisatie en weergave van UI-ontwerpcomponenten om de mate van significantie aan te geven, waardoor gebruikers snel naar de benodigde informatie kunnen zoeken. Bij het ontwerpen van een lay-out met een goede visuele hiërarchie zijn talrijke factoren betrokken:

• Grootte
• Kleur
• Contrast
• Nabijheid
• Uitlijning
• Negatieve spatie
• Herhaling

Een ontwerper die rekening houdt met deze UI-ontwerppatronen bij het maken van een UI-lay-outontwerp, zorgt ervoor dat het eindproduct een visueel aantrekkelijke, harmonieuze en intuïtief scanbare lay-out heeft.

De zoekresultatenpagina van Google maakt gebruik van alle visuele hiërarchie-elementen om de scanbaarheid te verbeteren.

Het gebruik van kleur, formaat en contrast benadrukt de krantenkoppen. De negatieve ruimte rond elke kop zorgt ervoor dat dit het eerste is dat een gebruiker scant.

Gebruikers die een relevante kop vinden, onderzoeken de kleur en nabijheid van de link om de geloofwaardigheid ervan te bepalen.

Om het resultaat verder te beoordelen, zullen ze vervolgens de inhoudskopie onderzoeken, die uniform is qua kleur, grootte en spatiëring. Naast deze criteria zorgen herhaling en uitlijning ervoor dat de zoekresultaten van Google eenvoudig te lezen zijn.

2. Plaats de basisnavigatie in de websitekop

Alle beschreven oogscanpatronen geven aan dat wat een gebruiker ook kiest, het scanproces begint in het bovenste horizontale gedeelte van de webpagina.

Het gebruiken ervan om cruciale zones van betrokkenheid en branding te benadrukken is een techniek waar beide partijen baat bij hebben.

UI/UX-ontwerpers, contentmanagers en marketingprofessionals zien de belangrijkste reden voor het cruciale belang van het headerontwerp van websites.

• De header mag niet overvol zijn met te veel informatie aan de andere kant, waardoor het lastig wordt om je te concentreren.
• De poging om alles in het bovenste gedeelte van de pagina te passen, zou het arrangement in een warboel kunnen veranderen. 
• Het is van cruciaal belang om de doelstellingen van de primaire doelgroep te analyseren, hoe deze aansluiten bij de zakelijke doelstellingen van de website, en op basis daarvan te bepalen welke informatie of navigatie het meest relevant is in de header.
• Op een grote e-commercewebsite moeten de zoekmogelijkheden bijvoorbeeld onmiddellijk zichtbaar zijn en regelmatig in de header staan, zodat ze vanaf elk contactpunt beschikbaar zijn.
• Zoekfunctionaliteit kan overbodig zijn voor een website van een klein bedrijf, maar een gemakkelijk toegankelijke link naar het portfolio is van cruciaal belang.

3. Benut negatieve ruimte

Het genie Claude Debussy zei ooit: “Muziek is de ruimte tussen de noten.” Hetzelfde geldt voor scanbaarheid; negatieve ruimte tussen stukken onderscheidt een succesvolle lay-out.

De juiste hoeveelheid negatieve (witte) ruimte rondom UI-componenten vestigt de aandacht op de elementen zelf. Het benadrukt de informatie en biedt toch voldoende ademruimte om te voorkomen dat de lay-out overbelast raakt.

Zonder ademruimte zijn de menselijke hersenen minder geneigd om naar interessante objecten te scannen en raken ze in de war.

4. Markeer trefwoorden en zinnen

• Een andere strategie om uw materiaal beter scanbaar te maken, is door trefwoorden en zinsneden te markeren waarvan u wilt dat uw lezers deze opmerken en onthouden.
• U kunt vetgedrukt, cursief, onderstreept of kleur gebruiken om trefwoorden, call-to-actions, citaten, statistieken of vragen te markeren.
• Markering kan focus en urgentie bij uw lezers creëren, waardoor ze worden aangemoedigd actie te ondernemen of meer te leren.
• Maak echter niet te veel gebruik van markeringen, want dit kan ervoor zorgen dat uw materiaal rommelig of spamachtig overkomt. Gebruik het verstandig en regelmatig om ervoor te zorgen dat uw inhoud opvalt.

5. Test de leesbaarheid van de gekopieerde tekst

• Leesbaarheid verwijst naar het gemak waarmee individuen woorden, zinnen en blokken inhoud kunnen lezen.
• Leesbaarheid verwijst naar hoe snel en intuïtief consumenten de letters in een specifiek lettertype kunnen herkennen.
• Je moet deze kwaliteiten zorgvuldig onderzoeken, vooral als je werkt met interfaces die een grote hoeveelheid tekst bevatten.
• De kleur van de achtergrond, de hoeveelheid ruimte rondom kopieerblokken, tekenspatiëring, regelafstand, lettertype enlettertypekoppeling.
• Ze hebben allemaal invloed op het vermogen om de tekst snel te lezen en het materiaal vast te leggen dat mensen overtuigt om te blijven.
• Ontwerpers moeten ervoor zorgen dat de typografische wetten worden nageleefd en dat de lettertypen een duidelijke visuele hiërarchie en leesbaarheid bevorderen om problemen te voorkomen.

Lees meer op:

• Hoe weet u of uw advocaat u in de steek laat
• Naadloze en boeiende gebruikerservaring op B2C e-commercesites
• 20 inhoudsupgrades die uw leadgeneratie omhoog zullen schieten

6. Gebruik subkoppen om inhoud samen te vatten

Mensen reageren vaak slecht op grote hoeveelheden tekst. Als de paragraaf niet aansluit bij hun interesses, denken ze misschien dat ze tijd zullen verspillen.

Best practices voor UI-ontwerp bieden een oplossing voor dit probleem. De gebruiker krijgt volledige kennis van het onderwerp door korte ondertitels op te nemen aan het begin van grote stukken.

Bij het samenstellen van de subkop is het van cruciaal belang dat deze beknopt is. Geef het cruciale punt weer dat in de onderstaande informatie wordt gepresenteerd.

7. Gebruik genummerde lijsten en lijsten met opsommingstekens

Een andere slimme manier om de inhoud beter scanbaar te maken, is door lijsten met cijfers of opsommingstekens te gebruiken. Deze helpen gegevens duidelijk te ordenen en vestigen de aandacht van de gebruiker op de informatie, waardoor wordt voorkomen dat deze verloren gaat in de algemene structuur van de tekst.

8. Voeg foto's, video's en andere inhoud toe

• Visuele functies verbeteren de leesbaarheid en scanbaarheid door diversiteit, interesse en context aan uw tekst toe te voegen.
• Afbeeldingen, video's, infographics, diagrammen, grafieken en andere media kunnen u helpen uw mening te geven, voorbeelden te geven en uw beweringen te ondersteunen.
• Ze kunnen je ook helpen je materiaal op te splitsen, waardoor het interessanter en gedenkwaardiger wordt.
• Vermijd echter het gebruik van buitensporige of irrelevante media die uw publiek kunnen afleiden of overweldigen.
• Selecteer hoogwaardige, relevante media die een aanvulling vormen op uw inhoud en aansluiten bij uw merk en boodschap.

9. Plaats één concept in een alinea

Wanneer u kopieermateriaal verwerkt voor scanbaarheid, zorg er dan voor dat u grote tekstblokken niet te lang maakt. De lezer vindt korte paragrafen beter verteerbaar en kan gemakkelijk nutteloos materiaal overslaan. Dus, nadat je een idee in een sectie hebt gegeven, begin dan met een nieuwe gedachte aan een andere.

10. Vermijd het gebruik van jargon en technische woorden

Jargon en onnodige technische terminologie verminderen de scanbaarheid van uw inhoud door lezers te dwingen te pauzeren of vertragen om te verwerken wat ze lezen.  Bij het gebruik van jargon en technisch vocabulaire is het essentieel om voorzichtig te zijn.

Conclusie

Hoewel scanbaarheid vaak over het hoofd wordt gezien, is het een cruciaal ontwerpaspect dat van invloed is op hoe lang consumenten op uw website blijven. Gebruikers zullen eerder vasthouden aan inhoud die eenvoudig te navigeren is.

Het tegendeel is ook waar. Gebruikers hebben de neiging hun interesse te verliezen als er teveel tekst en onvoldoende opsommingstekens of afbeeldingen zijn.

Begin met het volgen van best practices, zoals het opnemen van negatieve ruimte in uw ontwerp, het gebruik van opmaak om belangrijke informatie te markeren en het presenteren van gegevens in scanbare opsommingstekens.

Overweeg verschillende scanpatronenom de bruikbaarheid en scanbaarheid van uw site te verbeteren bij het ontwikkelen van uw inhoud.

Veelgestelde vragen

A. Waarom is scanbaarheid van cruciaal belang voor moderne lezers, vooral consumenten van digitale media?

Scanbaarheid is een opmaakbenadering waarmee het beoogde publiek de tekst gemakkelijk kan lezen en begrijpen. De scanbaarheid compenseert het feit dat de meeste internetgebruikers dingen doornemen in plaats van lezen.

B. Verbeteren links de scanbaarheid?

Trefwoorden in de inhoud helpen ook bij de scanbaarheid, omdat ze dienen als leidraad voor bots die webpagina's crawlen. Bovendien zorgen links in de inhoud ervoor dat lezers snel kunnen bladeren tussen relevante onderwerpen of pagina's op de website zelf.

C. Welk contentelement verbetert de scanbaarheid niet?

Witte ruimte – Tekstmuren bieden geen geweldige scanbare inhoud.