4 Essentiële UX-regels gegeven door Eye-Tracking Research
Webontwerpers gebruiken veel hulpmiddelen om de sites die ze ontwerpen zo goed mogelijk te maken voor bezoekers van de site; een van de beste manieren om dit te bereiken, is het opnemen van werkelijke wetenschap en onderzoek naar ontwerp om de gebruikerstevredenheid te maximaliseren.
Eye-tracking onderzoek biedt ontwerpers een blauwdruk van soorten om hen te begeleiden bij de prioriteiten waarmee bezoekers van een site over het algemeen de informatie op elke site opnemen.
Eye-tracking onderzoek vertelt ons ook veel over de manier waarop bezoekers van een website websites lezen. Deze informatie kan door slimme webontwerpers worden gebruikt om een site op maat te maken voor de gemiddelde persoon. Wanneer gebruikers een geweldige ervaring krijgen met het bezoeken van uw site, komen ze terug en is de kans groot dat ze zelfs in gewone sitebezoekers terechtkomen. Dit heeft implicaties, ongeacht het type site dat u ontwerpt.
Dus wat vertelt dit inzichtelijke onderzoek ons over de gemiddelde bezoeker van de site? Hoe kunnen ontwerpers deze zeer krachtige informatie gebruiken om sites te maken die niets minder dan uitstekend zijn? Je zult verrast zijn over wat het onderzoek heeft blootgelegd.
Teken de ogen van bezoekers met aangrijpende koppen - geen foto's!
In tegenstelling tot wat vaak wordt gedacht, is het in feite pakkende krantenkoppen die de aandacht trekken van bezoekers van de site en geen oogverblindende foto's. Deze bevinding is van toepassing op homepage-indelingen, vooral als u werkt aan de lay-out van een nieuwssite. Dit verklaart ook waarom zoveel nieuwssites vaak sensationeel tot schokkende krantenkoppen gebruiken om de kostbare aandacht van bezoekers te trekken.
In een bekende studie van een paar jaar geleden, genaamd de Eyetrack III-onderzoek, het is ontdekt dat bezoekers van de site een voorliefde hebben om naar krantenkoppen te gluren, vooral als ze dominant zijn. Verder heeft de specifieke plaatsing van deze koppen op de startpagina een effect op de snelheid waarmee een site-bezoeker er op thuishoort. Plaats uw koppen op de linkerbovenhoek van de startpagina en u krijgt meer sitebezoekers aandacht aan uw inhoud te besteden dan wanneer u de koppen ergens anders op de startpagina zou plaatsen.
Dus als u een ontwerper bent die voor een nieuwssite werkt, houd hier dan rekening mee. Tekst trekt het oog sneller op een computerscherm dan een foto - nogmaals, in tegenstelling tot wat men conventionele wijsheid zou kunnen noemen. De ontwerpers bij Fox nieuws, De 173ste meest populaire site ter wereld en de 36e meest populaire site in de VS, kennen deze realiteit goed. Observeer hoe de hoofdkop op de startpagina precies in het linkerbovengedeelte van de pagina is gelegen, merkbaar uit het midden.
Ontwerp uw site in een F-vormig patroon
Een paar jaar geleden was er een zeer onthullende webgebruikersstudie die werd uitgezet door de Nielsen Norman Group. De studie ontdekte dat gewone bezoekers van een site een webpagina meestal in een zogenaamd F-vormig patroon lezen.
In essentie absorberen sitebezoekers de informatie op een webpagina doorgaans door een eerste horizontale beweging boven het bovenste gedeelte van de pagina. Dit wordt de bovenste balk van de F. genoemd. Bezoekers bewegen hun ogen dan meestal een beetje naar beneden voordat ze erover lezen in een andere horizontale beweging die korter is dan de eerste. Dit verklaart de tweede en kortere balk op de F. Ten slotte kijken ze naar de inhoud van de pagina aan de linkerkant op een verticale manier, en vormen zo de stam van de F.
Als je dit constante leespatroon van de gemiddelde internetgebruiker kent, zou het je moeten motiveren om een site te ontwerpen die is afgestemd op hoe bezoekers webinhoud lezen. Als u dit doet, wordt hun gebruikerservaring enorm verbeterd en krijgt u meer loyale sitebezoekers.
Sommige websites hebben dit onderzoek al in goede praktijk gebracht. Ghost Games is een van de nieuwe studio's van EA aan de Zweedse westkust. Merk op hoe de startpagina ervan het F-vormige patroon perfect nabootst. Dit verbetert de gebruikerservaring en zorgt voor een gemakkelijkere navigatie, vooral omdat de stam van de F in het patroon links bevat naar informatie over de site van de studio.
Verspil geen tijd met advertenties - uw sitebezoekers zullen dat zeker niet doen!
Veel mensen vinden display-advertenties vervelend, wat verklaart waarom veel sitebezoekers ze gewoon negeren en zich concentreren op de nuttige inhoud van een webpagina. De alliteratieve en technische term hiervoor is bannerblindheid. Een ander studie van de Nielsen Norman Group toonde aan dat de meeste internetgebruikers eenvoudigweg niet fixen op advertenties wanneer ze webinhoud absorberen.
Weet dat het eenvoudigweg tijdverspilling is als u een site ontwerpt die voornamelijk afhankelijk is van display-advertenties om geld te genereren. In het licht van de studie moet u uw primaire manier om geld te verdienen op uw site opnieuw evalueren. Doe afstand van advertenties en schakel over naar een op abonnementen gebaseerd model dat sitebezoekers een lidmaatschapskosten in rekening brengt. Sommige sites implementeren deze strategie al vanwege de zwakte van display-advertenties.
Een goed voorbeeld hiervan is Club Penguin, wat een MMO (massaal multiplayer online spel) is dat eigendom is van Disney. De site is absoluut vrij van vervelende display-advertenties. Daarom worden bezoekers aangemoedigd om lidmaatschappen aan te schaffen om het spel te spelen.
Vermijd mooie woorden en opmaak
Nogmaals, het minimalisme regeert de dag, vooral als u bezoekers van de site wilt die de informatie op uw site efficiënt kunnen vinden. Volgens de bruikbaarheid van het Amerikaanse ministerie van Volksgezondheid en Human Services blog, de liefhebber (lees: uitvoerig) de opmaak van een webpagina en de woorden zijn, hoe meer bezoekers van de site in de war raken en geen basis navigatie testen. De blog verwijst naar een Nielsen-onderzoek van enkele jaren geleden waarin proefpersonen werden gevraagd een basisinformatie te vinden op de website van het US Census Bureau. De meesten faalden spectaculair in de test.
Deelnemers werd gevraagd om de toenmalige populatie van de VS te vinden, die te vinden was op de startpagina van het Census Bureau. Vroeger kon slechts een zielige 14 procent van de deelnemers deze informatie op de pagina vinden, hoewel ze er letterlijk in grote rode letters aan de rechterkant van de pagina naar staarde. Er werd vermoed dat dit enorm lage slagingspercentage te wijten was aan de aanwezigheid van de informatie op de rechterzijde van de pagina, in directe tegenspraak met het zo gevormde F-vormige leespatroon.
Uit nader onderzoek bleek echter dat de overgrote meerderheid van de deelnemers aan de studie eenvoudig de informatie negeerde, hoewel deze zich in een groot, rood en niet-gemakkelijk te missen uiterlijk bevond. Ze negeerden het omdat de fraaie opmaak en presentatie ervoor zorgden dat het op een of andere promotie of advertentie leek! Omdat veel webgebruikers al niet opletten voor display-advertenties, zou deze conclusie voor niemand als een verrassing moeten komen in het licht van wat we weten.
Deze Nielsen-studie was 6 jaar geleden, dus het zou interessant zijn om te zien of de Amerikaanse federale overheid iets leerde in die tijd en de startpagina verbeterde voor bruikbaarheid! We hebben het hier over de federale overheid, dus efficiëntie is niet het fort. Echter, kijkend naar zijn huidige Census-site, we zien dat het op zijn minst een belangrijke verandering heeft gemaakt, in die zin dat het aantal inwoners niet meer lijkt op een in het oog springende promotie met mooie opmaak. Toch is het aantal inwoners helemaal onderaan links van de startpagina verplaatst, waardoor bezoekers van de site daadwerkelijk naar beneden moeten scrollen om het te zien. Dit is ook geen goed alternatief!
Begrijp eye-tracking, begrijp effectief webdesign
Eye-trackingstudies bestaan niet voor niets: ze geven praktisch een blauwdruk van wat webgebruikers leuk vinden en wat niet leuk is op een bepaalde site, op basis van hun gedrag. Webontwerpers die dit overvloedige onderzoek negeren, doen dit op eigen risico. Waarom zou u geen site willen ontwerpen die uw bezoekers gemakkelijk vonden om te navigeren? Maak slim gebruik van dit onderzoek en webgebruikers zullen uw site bijzonder prettig vinden om te navigeren ... wat alleen maar zal leiden tot meer bezoekers en een grotere populariteit.
Onthoud dat op een bepaalde site altijd koppen worden gemaakt die de ogen van de gebruiker en dus hun aandacht trekken, geen afbeeldingen. Houd altijd rekening met het beruchte F-vormige patroon dat het algemene kijkpatroon van veel bezoekers van de site vertegenwoordigt. Het zou je goed doen om op zijn minst een homepage-lay-out te ontwerpen die dit patroon in enig opzicht nabootst.
Blijf ten slotte weg van display-advertenties. Niet alleen zien ze er slecht uit, maar veel bezoekers van de site betalen hen zelfs niet en negeren ze volledig. Ontdek andere manieren om inkomsten te genereren voor uw site, misschien via lidmaatschapsbijdragen en andere benaderingen. En wat u ook doet, zorg ervoor dat nuttige webcontent er niet uitziet als een promotie of advertentie, omdat sitebezoekers dat ook vaak negeren. Houd hier rekening mee en u ontwerpt een site die in harmonie is met het gedrag van uw bezoekers.
Ontwerp je naar het 'F'-patroon? Welke andere bruikbaarheidstips zou u delen? Laat het ons weten in de comments.
Uitgelichte afbeelding / thumbnail, ogen afbeelding via Shutterstock.