Usability Review #3 – NU.nl
In deze serie bespreek ik praktijkvoorbeelden van usability op websites. Hierbij focus ik op punten die vanuit gebruikersoogpunt beter kunnen, omdat slechte usability gebruikers hindert bij het bereiken van hun doelen. In dit 3e artikel onderzoeken we hoe gebruiksvriendelijk NU.nl is.
Om in lijn met het onderwerp te blijven: ik heb nieuws voor je. Qua gebruiksvriendelijkheid valt er nog wel winst te behalen voor NU.nl.
Homepage NU.nl
Resolutie
Als je als bezoeker NU.nl opent valt gelijk de smalle opzet van de pagina op:
Door de smalle opzet is het voor de redactie schipperen met de ruimte, waardoor functionaliteit in de verdrukking komt. Site-onderdelen zijn krap opgezet, headlines passen soms bijna niet op één regel en de fontgrootte moet hierdoor ook klein gehouden worden.
Gezien de doelgroep van NU.nl weegt een klein lettertype zwaar: meer dan 50% van de bezoekers is ouder dan 35 jaar (bron). Vanaf een jaar of 40 beginnen je ogen te verouderen, en zul je dus sneller een leesbril nodig hebben.
De vraag is dus: waarom beperkt NU.nl zich tot een resolutie van 640 x 480 pixels breed? Uit onderzoek blijkt dat tegenwoordig zelfs de 800 x 600 resolutie uitzondering begint te worden, en een bijna te verwaarlozen marktaandeel heeft.
Als NU.nl de resolutie zou verhogen naar 800 x 600 scheelt dit al enorm, en bij 1024 x 768 zou het ruimteprobleem helemaal niet meer spelen:
Scannen van de homepage
Het lijkt alsof NU.nl weinig moeite doet voor de gebruiker om snel scannen van de pagina gemakkelijk te maken, iets wat volgens mij erg belangrijk is als je snel op de hoogte van het laatste nieuws wilt zijn:
- de navigatie (linksboven, 1) is rechts uitgelijnd: door het inspringen kan de gebruiker minder gemakkelijk de navigatie scannen;
- NU.nl heeft verschillende subsites (2): ook hier geldt dat ze moeilijker te scannen zijn door het inspringen van de subnavigatie. Bovendien wordt dit door de benaming nog bemoeilijkt: de items beginnen allemaal met ‘NU’.
- enkele nieuwsrubrieken (algemeen, tech (3) en cultuur) hebben subonderdelen: deze zijn pas zichtbaar nádat de gebruiker geklikt heeft. Als ik naar de nieuwsrubriek ‘Internet’ wil die onder ‘Tech’ valt, moet ik als gebruiker dus altijd 2 keer klikken;
- als er een brede foto gebruikt wordt (zoals bij het artikel bovenaan, 4) dan staat de kop van het artikel uiterst rechts. Gebruikers lezen van links naar rechts en van boven naar beneden, dus is er een kans dat de kop van het 1e artikel niet gelezen wordt, of dat de foto geassocieerd wordt met de kop van het 2e artikel dat direct onder de foto staat;
- de kopjes van nieuwscategorieën op de homepage staan rechtsonder bij een artikel (5). Qua hiërarchie en uitlijning is dit niet logisch.
Links
Raad de link
NU.nl is niet consequent in het gebruik van links:
In de afbeelding hierboven zijn identieke items (kopjes) soms wel, en soms niet klikbaar. Ook valt op dat de ene keer de tekst bij een onderdeel wel klikbaar is, en een andere keer niet:
Bezochte links
Voor gebruikers is het prettig als een site visueel duidelijk maakt welke pagina’s hij al heeft bezocht. Zo voorkom je dat je per ongeluk dezelfde pagina 2 keer bekijkt. Op NU.nl is er geen verschil te zien tussen ongelezen en reeds gelezen artikelen:
Verschil tussen gewone- en videolinks
Als je als gebruiker de pagina aan het scannen bent, en een interessant artikel ziet dat je wilt lezen moet je wel opletten. Voor je het weet heb je per ongeluk een videolink geopend, en zit je naar een video-item te kijken (met laadtijd en reclame vooraf). Het verschil tussen reguliere links en videolinks is niet voor iedereen duidelijk:
Links staat een driehoek icoon bij een gewone link, en rechts staat een driehoek icoon bij een videolink (wat waarschijnlijk een ‘play’ symbool voorstelt).
Bovendien krijgen video items een apart blok: waarom worden deze niet geïntegreerd bij de nieuwsblokken waar ze thuishoren? Het item ‘Politie schiet man neer in Spijkenisse’ (onderste artikel in de afbeelding hierboven) kan ik als gebruiker gemakkelijk missen, omdat het helemaal onderaan de pagina staat en ik het onder het blok ‘Algemeen’ nieuws verwacht (welke helemaal bovenaan de pagina staat).
Mogelijke oplossing
- Vergroot de resolutie voor de site, zodat een ruimere opzet mogelijk is;
- Maak de homepage beter scanbaar:
- lijn de subnavigatie links uit;
- zorg dat de hiërarchie van de pagina’s klopt:
- zet kopjes boven de nieuwsblokken, in plaats van rechtsonder het artikel;
- overweeg bij brede fotos de kop van het nieuwsbericht links naast de foto te zetten;
- integreer het video nieuwsblok met de andere nieuwsblokken;
- Hanteer duidelijke en consequente links, en maak duidelijk welke links de gebruiker al bezocht heeft.
Contentpagina’s
Opzet van de pagina
Als we de contentpagina’s van NU.nl bekijken, dan valt op dat de hiërarchie van de pagina beter is dan de homepage:
Uitzondering hierop is de foto bij het bovenste artikel: visueel en hiërarchisch lijken de foto en het bijschrift niet bij het 1e artikel te horen.
Wat ook opvalt is dat niet alle onderdelen van een artikel klikbaar zijn:
De foto, de kop van het artikel en het driehoekje zijn klikbaar, maar de tekst van het artikel zelf niet. Dit is, zeker bij het hoofdartikel, één van de grootste klikvlakken voor de gebruiker.
Daarnaast is de subnavigatie van ‘Algemeen’ (linksboven) vrij onopvallend: de subopties ‘Binnenland’, ‘Buitenland’ en ‘Politiek’ vallen niet erg op. Door de grijze kleur kan je dit als gebruiker bovendien associëren met ‘niet-actief’ (denk aan opties in websites die greyed-out zijn), en visueel valt het ook niet erg op.
Bezochte links (in de herhaling)
Onderaan de pagina staat een blok ‘Overig nieuws’ met een opsomming van relevant nieuws. Hier raak je als gebruiker snel het overzicht kwijt doordat links naar gelezen artikelen niet verschillen van links naar wél gelezen artikelen:
Mogelijke oplossing
- Verbeter ook hier de hiërarchie, bijvoorbeeld door een bredere opzet van de pagina te hanteren. Hierdoor kun je de foto van het 1e artikel naast de tekst uitlijnen, en voorkom je dat artikelkoppen over meerdere regels worden geplaatst;
- Overweeg om de tekst van het artikel ook als klikvlak te gebruiken;
- Geef meer nadruk aan de subonderdelen in de navigatie;
- Maak duidelijk welke links de gebruiker al bezocht heeft.
Artikelpagina
Op de artikelpagina is de hiërachie goed: eerst de kop, dan een korte samenvatting van het artikel, en dan een uitwerking van de samenvatting gevolgd door een aantal extra opties:
Bij de extra opties laat NU.nl in mijn ogen wat mogelijkheden onbenut:
Onder het artikel kun je doorbladeren naar een vorig of volgend artikel. Door de generieke benaming van de links weet je als gebruiker niet of het artikel relevant voor je is.
Het is daarnaast mogelijk om als gebruiker je mening bij een nieuwsartikel te geven, en reacties van andere gebruikers te lezen. Hiervoor moet je wel doorklikken naar een aparte subsite, NUjij.nl:
Als ik een artikel lees en ik wil zien of er reacties zijn, of ik wil zelf reageren, dan moet ik als gebruiker een extra klik doen zonder te weten wat die klik mij oplevert. Als ik nog andere nieuwsberichten wil lezen moet ik van NUjij.nl weer terug naar NU.nl. Vanuit gebruikersoogpunt zou het prettiger zijn om dit te integreren in de artikelpagina, en bijkomend voordeel voor NU.nl is dat er dan waarschijnlijk meer gereageerd zal worden op nieuwsberichten.
Mogelijke oplossing
- Verbeter de links naar vorige of volgende artikelen, door geen uniforme linknaam te gebruiken. Een optie is de titel van het artikel als link te gebruiken;
- Integreer NUjij.nl in NU.nl, in plaats van een aparte subsite te gebruiken.
Mobiele versie NU.nl
De smartphone wordt steeds populairder, en de statistieken over mobiel sitebezoek blijven stijgen. NU.nl is een ideale site om even snel met je mobiel het nieuws te lezen. NU.nl heeft een handige iPhone applicatie, maar als ik www.nu.nl met een smartphone bezoek krijg ik een pagina te zien die niet voor smartphones geoptimaliseerd is:
Als ik ingezoomd heb zie ik wel een link ‘Mobiel’ staan:
(let ook op de optie ‘Nieuws in je buurt’ rechtsboven. Hoe groot zou de fontgrootte voor ‘Postcode’zijn: 4 pixels?)
Als ik op de link ‘mobiel’ klik verwacht ik de mobiele site van NU.nl te zien:
Helaas: ik krijg opties te zien om NU.nl met mijn mobiel te bekijken. De 1e optie heet ‘NU op je mobiel’ en beschrijft de mogelijkheid hoe ik NU.nl op mijn mobiele telefoon kan bekijken: “Altijd en overal het laatste nieuws van NU lezen. Dit kan met de mobiele site van NU.nl, welke bereikbaar is via mobiel.nu.nl of surf simpelweg naar www.nu.nl met je mobiele telefoon en word automatisch doorverwezen.”
Kennelijk heeft NU.nl hier wel over nagedacht, maar gaat het doorverwijzen bij mijn iPhone niet goed. Pas als ik expliciet naar mobiel.nu.nl surf gaat het wel goed, en krijg ik het nieuws leesbaar op mijn scherm.
Mogelijke oplossing
Zorg dat de herkenning en automatische doorverwijzing van smartphones goed gaat. NU.nl heeft deze mogelijkheid wel, maar deze werkt op mijn iPhone niet. Ik ben wel nieuwsgierig of mijn iPhone een uitzondering is, of dat er meer lezers zijn die hier last van hebben? Laat het weten via de comments onderaan het artikel!
Conclusie
NU.nl is één van de grootste – zoniet de grootste – nieuwssites van Nederland, met letterlijk miljoenen bezoekers. Met de nieuwsvoorziening zit het wel goed, maar ik vraag me wel af waarom NU.nl voor zo’n kleine siteresolutie kiest, en of NU.nl gebruikersonderzoek doet. Eigenlijk vind ik de uitkomst van de usabilityscan opmerkelijk, omdat er toch een behoorlijk aantal punten matig scoren qua usability…
Wil je reageren of heb je aanvullingen op mijn artikel? Wordt jouw smartphone ook niet automatisch doorverwezen naar mobiel.nu.nl (of juist wel)? Reageer hieronder, ik ben benieuwd naar je mening!
a aan het scannen bent, en een interessant artikel ziet dat je wilt lezen moet je wel opletten. Voor je het weet heb je per ongeluk een videolink geopend, en zit je naar een videoitem te kijken (met laadtijd en reclame vooraf). Het verschil tussen reguliere links en videolinks is niet voor iedereen duidelijk:
Over de auteur
Ivo Bosma
Ivo werkt als interactie ontwerper en usability expert bij Clockwork Zwolle.
| Website | http://www.ivobosma.nl |
| http://nl.linkedin.com/in/ivobosma | |
| @IvoBosma |
(Nog geen stemmen uitgebracht)
Loading ...
Geplaatst op 
Tags: 
