Zoals in het vorige artikel beschreven, is readability de gebruiksvriendelijkheid van een te lezen tekst. Een onderdeel hiervan is “scanability”. Scanability is een methode die gebruikers onbewust gebruiken bij het lezen van tekst vanaf een beeldscherm.

Wat is scanability

Aangezien het lezen vanaf een beeldscherm meer moeite kost dan het [...]]]> Readability: scanability (ook omschreven als scan-ability of scannability)

Zoals in het vorige artikel beschreven, is readability de gebruiksvriendelijkheid van een te lezen tekst. Een onderdeel hiervan is “scanability”. Scanability is een methode die gebruikers onbewust gebruiken bij het lezen van tekst vanaf een beeldscherm.

Wat is scanability

Aangezien het lezen vanaf een beeldscherm meer moeite kost dan het lezen vanaf bijvoorbeeld papier, en internet daarnaast overstroomt van informatie, wordt het scannen van een stuk tekst vaak toegepast.

Gebruikers hebben de neiging om selectief te lezen op internet. Vaak wordt aan de hand van de eerste regel(s) gekozen of iemand wel of niet verder wil lezen. Belangrijk om te weten is dat gebruikers de behoefte hebben om snel te zien (scannen) waar een tekst over gaat.

3 hoofdelementen van een tekst

Ongeacht waar een bepaalde tekst over gaat, is het voor het gebruikersgemak belangrijk om deze in te delen in 3 hoofdelementen (3 stukken).

• Titel
• Subtitel en inleiding
• volledige tekst

Een gebruiker kijkt eerst naar de titel. Indien de titel interessant genoeg blijkt wordt een eventuele subtitel en inleiding (meestal de eerste paragraaf) gelezen. Blijkt deze informatie relevant of interessant, zal de gebruiker de rest van de tekst lezen.

Om dit beter te verbeelden wordt er van een voorbeeld uitgegaan.

Stel, een stuk tekst gaat over de toename van de vergrijzing van de samenleving en de daarop volgende vraagstukken. Specifiek over financiële onzekerheid.

Titel

De titel dient in een keer, in zo min mogelijk woorden, te beschrijven waarover een stuk tekst gaat. Als service naar een gebruiker toe dient deze titel alleen de pure kern te bevatten.

Van ons voorbeeld uitgaand, zou de titel er als volgt kunnen uitzien:

“Vergrijzing samenleving zorgt voor financiële onzekerheid”

Subtitel (optioneel)

Een subtitel is een optionele titel in een (meestal) kleiner lettertype. De subtitel bevindt zich onder de titel en wordt toegevoegd indien de titel alleen te weinig informatie bevat.

Van ons voorbeeld uitgaand, zou de subtitel er als volgt kunnen uitzien:

“Door de vergrijzing in Nederland vrezen vele ouderen alsook jonge gezinnen voor een onstabiele financiële toekomst”

Ter info: een subtitel is altijd optioneel, gebruik deze alleen als er de behoefte voor is.

Inleiding (en/of eerste paragraaf)

De inleiding is meestal een tekstblok van een aantal regels (3 tot 8 is een goede standaard) die een stap gedetailleerde ingaat op de tekst. Een soort van samenvatting. Indien een tekst is opgedeeld in een aantal paragrafen kan het handig zijn om de kernwoorden van elke paragraaf terug te laten komen in de inleiding of eerste paragraaf.

Van ons voorbeeld uitgaand, zou de subtitel er als volgt kunnen uitzien:

“Terwijl de ene generatie zich opmaakt om te gaan genieten van een verdient pensioen, en de andere generatie start begint in het bedrijfsleven, wordt een gezamenlijke toekomstvisie gedeeld. Velen zijn bang dat ze, wegens te weinig sociale zekerheden, gekort worden op hun toegewezen vergoeding, zowel pensioen of loon.”

Volledige tekst

Met de volledige tekst wordt het resterende artikel bedoelt. Wel is het goed om hierbij ook op een aantal punten te letten:

• Houdt paragrafen kort en overzichtelijk
• Ga per paragraaf een onderwerp aan
• Werk vanuit een conclusie naar details -of- vanuit details naar een conclusie toe
• Beperk de totale lengte zoveel mogelijk (weinig mensen willen lange teksten vanaf een beeldscherm lezen)

Resultaat

Als we deze voorbeelden onder elkaar plaatsen voor een totaalbeeld, (daadwerkelijke tekst ontbreekt aangezien dit een fictief artikel betreft) is het makkelijk om te zien waarom deze eenvoudig regels een effectief resultaat kunnen hebben.

(klik voor vergroting)

Puntjes op de i

Als met bovenstaande punten in gedachten een tekst wordt opgesteld, zal de scanability zeer hoog liggen en gebruikers zullen dit op prijs stellen. Echter, er is nog een techniek die u kunt toevoegen aan deze werkwijze, om het de gebruiker nog makkelijker te maken; Inverted Pyramid.

Inverted Pyramid

Om te zorgen dat een gebruiker alle relevante informatie snel kan zien, kan een techniek genaamd “inverted pyramid” worden toegepast. Vertaald als omgedraaide piramide, wordt hiermee bedoeld dat als eerste de conclusie van een bepaalde tekst wordt vermeldt in de eerste paragraaf, waarna vervolgens steeds iets dieper wordt ingegaan op onderwerpen. Dit biedt extra service naar de lezer, want op welk punt deze persoon eventueel stopt met lezen, de meest vitale informatie die u wilde communiceren is al reeds gelezen. Alleen diepere details gaan verloren. Als een gebruiker langer doorleest (en daarmee aangeef geïnteresseerd te zijn), hoe meer details er gelezen worden.

Aanverwant artikel: Serif of Sans Serif.

Wat is Serif

Serif komt eigenlijk uit de Franse taal maar is rechtstreeks overgenomen naar het Engels. In de Nederlandse taal spreken van een “schreef”. Met deze schreef of serif wordt een lettertype aangeduid dat aan de uiteinden van de letters een uitvloeiing heeft. De definitie luidt als volgt: “…het [...]]]> Een visie over typografie op websites

Wat is Serif

Serif komt eigenlijk uit de Franse taal maar is rechtstreeks overgenomen naar het Engels. In de Nederlandse taal spreken van een “schreef”. Met deze schreef of serif wordt een lettertype aangeduid dat aan de uiteinden van de letters een uitvloeiing heeft. De definitie luidt als volgt: “…het onderdeel van een lettertype dat aan de “pootjes” van de letters uitsteekt.”

Voorbeeld van lettertype met schreef (serif)

Wat is Sans Serif

Net als Serif komt het woord Sans-Serif uit de Franse taal, in de Nederlandse taal spreken van een “schreefloos” lettertype. Als tegenhanger van het Serif lettertype, heeft een Sans Serif lettertype geen schreef. De definitie luidt als volgt:  “het onderdeel van een lettertyp, zonder de dunne dwarsstreepjes aan het uiteinde van de verticale en horizontale balken.”

Voorbeeld van een schreefloos lettertype (sans serif)

Iedereen heeft ze wel eens gebruikt

U heeft ook al een (bewust of onbewust) de keuze voor een serif of sans-serif lettertype gemaakt. Mogelijk bij het opstellen van een brief of zelfs het schrijven van een e-mail bericht. Hieronder een aantal lettertypes die u vast en zeker bekend voorkomen:

Een aantal (bekende) voorbeelden van Seriflettertypen:

• Times New Roman
• Georgia
• Garamond
• Baskerville
• Bookman

Een aantal (bekende) voorbeelden van Sans-Seriflettertypen:

• Arial
• Bauhaus
• Calibri
• Tahoma
• Verdana
• Helvetica

Serif versus Sans-Serif

Nu duidelijk is wat het verschil is tussen een serif en een sans serif lettertype, blijft alleen de keuze over om te kiezen voor de een of de ander. Deze keuze zou de bronkeuze moeten zijn alvorens richting een specifiek lettertype te werken.

Beide hebben voor- en nadelen. Zou is een lettertype met serif (schreef) makkelijker leesbaar voor dyslectische personen (door de schreef kan er beter onderscheid worden gemaakt tussen de onderlinge letters). Een sans-serif lettertype (zonder schreef) zou net door niet-dyslectische personen makkelijker leesbaar zijn op kleinere grootte dan de serif variant. (De serif variant kan op kleine lettergrootte in elkaar overlopen en moeilijker snel leesbaar zijn).

Naast deze eigenschappen zitten er ook een aantal gevoelsmatige eigenschappen aan serif en sans-serif. Zou geeft een serif sneller een deftig, autoritair en/of ouderwetse uitstraling. Sans-serif heeft daar in tegen een meer modernistische en no-nonsense uitstraling.

Readability

Zoals bovenaan vermeldt gaat dit artikel over typografie op websites en internet. Voor grafische vormgeving en drukwerk zijn andere regels van toepassing.

Om tot een conclusie te komen dienen we ons nog even te verdiepen in een belangrijk aspect van lettertypes en teksten op internet (lees: op een beeldscherm).

Readability is een term die staat voor de gebruiksvriendelijkheid van een te lezen tekst. Uit onderzoek (PDF: A STUDY OF THE READABILITY OF ON-SCREEN TEXT by Eric Michael Weisenmiller) blijkt dat het lezen vanaf een beeldscherm veel moeilijker en belastend voor menselijke ogen is dan het lezen vanaf papier. Een sans-serif lettertype is makkelijke leesbaar op een beeldscherm. Daarnaast worden op kleine grootte serif lettertypes slechte weergegeven i.v.m. het omzetten van een “schreef” in een gebied kleiner als een pixel.

Conclusie

Graag zou ik, indien u mij dit toestaat, een advies willen uitbrengen: Gebruik het liefst een Sans-Serif lettertype voor uw website, met name voor langere teksten. Het kan natuurlijk geen kwaad om in een logo of header soms gebruik te maken van een Serif lettertype, maar gebruik voor met name kleinere grootte een sans-serif lettertype. Dit komt de leesbaarheid van uw website ten goede en is een onbewuste extra service voor uw klant.

Elke website**, splashpagina’s uitgezonderd, heeft een menustructuur. Deze structuur bevat vaak alle (hoofd)pagina’s van een website. Er zijn een aantal belangrijke factoren die een menu behoeft te omvatten; De (hoofd)pagina’s, eventuele subpagina’s, een duidelijke [...]]]> Een van de belangrijkste en meest voor de hand liggende onderdelen van een website is het navigatiegebied, vaak “menu” of “buttons*” genoemd.

Elke website**, splashpagina’s uitgezonderd, heeft een menustructuur. Deze structuur bevat vaak alle (hoofd)pagina’s van een website. Er zijn een aantal belangrijke factoren die een menu behoeft te omvatten; De (hoofd)pagina’s, eventuele subpagina’s, een duidelijke indeling en een gebruiksvriendelijke werkwijze.

Webiquette en Netiquette

Web-etiquette (ook webiquette genoemd) is een soort van Gentlemen’s Agreement voor websites. Verwant aan de term Netiquette (een soort van gedragscode voor internet) is Web-etiquette een ongeschreven afspraak over het aanbieden van gebruiksvriendelijke websites. Bij voorkeur dient een website zich aan deze afspraak te houden. Een gedeelte van de Web-etiquette is het menu. Het menu dient zich aan een aantal regels te houden.

Hoofdpagina’s

Met hoofdpagina’s worden alle pagina’s bedoelt die niet onder een andere pagina toebehoren. Eigenlijk zijn de hoofdpagina’s de belangrijkste informatiebronnen voor een website. Deze dienen ten alle tijden benaderbaar te zijn vanuit het menu.

Elke bezoeker dient de service te worden geboden om vanuit elke pagina naar een hoofdpagina te navigeren. Daarnaast dienen de hoofdpagina’s in een logische volgorde te zijn gerangschikt.

Een voorbeeld:

• Welkomspagina (ook wel “Home” of “Homepage” genoemd)
• Informatiepagina’s in volgorde van belang
• Contactpagina
• Voorwaarden of structuurpagina

Subpagina’s

Subpagina’s zijn in feite pagina’s die toebehoren aan een (hoofd)pagina. Subpagina’s gaan vaker meer gedetailleerd in op het onderwerp van een hoofdpagina of zorgen voor een opsplitsing van een door de hoofdpagina aangegeven onderwerp. Bij voorkeur dienen subpagina’s ook ten alle tijden benaderbaar te zijn, met uitzondering van zeer uitgebreide websites, omdat een “overkill” aan menu-items natuurlijk ook geen waarde toevoegt.

Een (uitgewerkt) voorbeeld:

• Home
• Wie is [naam van bedrijf]
• Onze producten
  • Producttype A
  • Producttype B
  • Producttype C
• Fotooverzicht
• Contact

Locatie

Als laatste mogen we de plaats of locatie van het menu niet vergeten. Het menu dient een plaats op de website te krijgen die altijd te bereiken is, die de inhoud niet hindert en die gebruiksvriendelijk is. Er zijn feitelijk drie correcte plaatsen voor een menu op een website.

• Een horizontaal menu aan de bovenzijde
• Een verticaal menu aan de rechterzijde
• Een verticaal menu aan de linkerzijde

Uitzonderingen

Er zijn enkele uitzonderingen, of zoals zo mooi gezegd kan worden in het Engels: “Exceptions that prove the rule“. Indien een website een andere taak behoeft te hebben, zoals het imponeren met grafische opmaak of het bieden van zeer interactieve inhoud, kan en mag een website afwijken van de Web-etiquette.  Denk hierbij aan voorbeelden als Flashwebsites. Alhoewel Flash een techniek is die nog niet optimaal wordt ondersteunt door searchengines, kan er met Flash grafisch zeer veel worden bereikt. Let wel; het is de bedoeling dat een website in Flash wordt gemaakt indien de behoefte en noodzaak er uit grafische overwegingen is. Ook de zogeheten splashpagina’s en interactieve websites kunnen van deze regels afwijken.

*Ter info: Buttons is een “foute” term, omdat het vaak iets totaal anders kan betekenen dan de daadwerkelijke navigatie. Een button kan namelijk ook een plek buiten het menu hebben of zelfs totaal niets met het menu te maken hebben.

**Ter info: Nog een foute term voor een website is “webpagina”. Deze term kan eigenlijk alleen worden gebruikt om het over een enkele pagina te hebben, en niet over een gehele website. Het woord website komt uit de Engelse taal en bestaat uit twee woorden: “web” en “site”. Het woord “site” betekent niet meer of minder dan “locatie” en de gehele verzameling van webpagina’s vormen een website.

Veel bedrijven en personen, of eigenlijk iedereen, wil zijn of haar website bovenaan in Google zien. Liefst op de eerste plaats. Dit is alleen maar toe te juichen als [...]]]> VALKmedia zorgt natuurlijk dat uw website geoptimaliseert is voor Google en andere searchengines, maar dit zijn enkele tips om zelf bij te dragen aan een hoge pagerank

Veel bedrijven en personen, of eigenlijk iedereen, wil zijn of haar website bovenaan in Google zien. Liefst op de eerste plaats. Dit is alleen maar toe te juichen als webdesigner, immers is Google de grootste en meeste gebruikte searchengine. Alleen komen er soms wat knelpunten kijken bij dit streven. Zoals zojuist gezegd wil iedereen dat zijn website bovenaan in Google komt. Het probleem hiermee is dat inmiddels miljoenen (of wereldwijd miljarden) websites strijden om die topplaats. Dit kan eenvoudig zijn of… minder eenvoudig om het zacht uit te drukken. Dit hangt van een aantal factoren af. Ten eerste het onderwerp van de website. Hoe unieker het onderwerp, hoe sneller die topplaats bereikt kan worden.

Een voorbeeld

Uw bedrijf organiseert grottenwandelingen in zuid-Limburg. Het bedrijf heet “Cavewalk Limburg” en u richt zich op toeristen die naar Limburg komen.
U wilt graag dat mensen u vinden via een aantal zoekwoorden als:

• Cavewalk Limburg
• Grottenwandelingen
• Cavewalk grotten
• Grotten Limburg

Met dit gegeven is het relatief eenvoudig een hoge pagerank in Google te scoren. Uw zoekwoorden bevatten een unieke naam (Cavewalk Limburg) of een regionaal gebied (Grotten Limburg). Hierdoor elimineert u al veel concurrenten uit de lijsten.

Een voorbeeld wanneer een topplaats een stuk moeilijker te bereiken is

Uw bedrijf organiseert wandeltochten door heel Nederland, en diverse locaties omvatten grotten, bossen, weiden en straten.
U wilt graag dat mensen u vinden via een aantal zoekwoorden als:

• wandeltochten
• grotten
• bossen
• weiden
• straten
• wandelen

Omdat deze zoekwoorden zeer algemeen zijn, zullen veel andere websites met uw website concurreren om de hoogste plek. Een zoekwoord als straten omvat talloze andere websites met mogelijk totaal andere onderwerpen zoals stratenmakers, landkaarten, telefoongidsen en routeplanners.

Hoe bepaalt Google welke website een eerste plaats verdient?

Op een aantal manieren, waarvan de belangrijkste het Linksysteem bevat; Als een website naar uw website verwijst door middel van een link, telt Google dit als een “stem” voor uw website. Hoe meer stemmen, hoe hoger uw pagerank. Natuurlijk is het daadwerkelijke systeem een stuk uitgebreider, en wordt ook het aantal stemmen van de website die naar uw verwijst meegerekend in de waarde van de stem, zodat een link van een populaire website zwaarder telt als een link van een laag bezochte website. Dit is natuurlijk een wisselwerking, indien u linkt naar andere websites, en deze links worden vaak via Google gevonden, stijgt de waarde van uw website ook.

Daarnaast zijn er nog talloze andere manieren die Google hanteert, maar het Linksysteem is de grootste factor.

Hoe maakt u uw website populair?

Dat is relatief eenvoudig, en toch ook zeer moeilijk. Ten eerste dient u website informatie te bevatten waarvoor bezoeker naar uw website moeten komen. Oftewel: Als er op 100 andere websites dezelfde informatie te vinden is, is de kans klein dat de bezoeker uw website uitkiest als informatiebron. Originele en unieke inhoud is belangrijk.

Zoals zojuist al vermeld, helpt het plaatsen van bruikbare links ook enorm. In het begin kan het vaak helpen om bevriende bedrijven of samenwerkende bedrijven te vragen een backlink te plaatsen.

Zorg voor terugkerende bezoekers

Laten we hypothetisch stellen dat u een hoge pagerank heeft bereikt en uw nieuwe website veel bezoekers trekt. Zeer belangrijk is het houden van deze bezoeker. Een terugkerend bezoeker is namelijk veel belangrijker dan een nieuwe bezoeker. Een terugkerend bezoek is bekend met uw website en vindt er waarschijnlijk bruikbare informatie en zal uw website dan ook snel doorgeven of aanbevelen aan kennissen.

De 2 beste manieren om te zorgen dat uw bezoekers terugkeren

1. Zorg voor unieke, interessante en bruikbare informatie op uw website
2. Zorg voor vernieuwing, zodat uw bezoeker bij elk bezoek nieuwe informatie kan vinden.

Indien u zich aan deze twee regels houdt, kunt u erop gerust zijn dat uw website een goede pagerank zal krijgen.