Artueel V1

It’s good to see that more and more websites have a simple and usable sitemap (every good CMS should generate one by default).

Here’s what Nielsen has to say about those sitemaps:

One of the oldest hypertext usability principles is to offer a visual representation of the information space in order to help users understand where they can go.

I can only add: a well-thought-of site navigation + breadcrumb should try to give the visitor that same feeling.

People rarely use site maps. In Study 2, only 7% of users turned to the site map when asked to learn about a site’s structure. This is down from 27% of users in Study 1.

The good news is that users can actually find the site map in those few cases where they want to. In Study 2, 67% of the users successfully found the site map when we asked them to “Find a page that lists every part of the website.”

More facts an findings on Nielsen’s website.

• Geschreven op Wednesday 3 September 2008
• Tags: nielsen, sitemap, Usability
• Comments Off

Gisteren ben ik samen met collega Ward afgezakt naar hartje Londen voor een 2′de editie van “The future of Webdesign” – FOWD afgekort. Het is altijd bang afwachten wat het niveau is van zo’n conferentie en de presentaties – los van bekende sprekers als o.a Jon Hicks, Andy Budd, Andy Clarke, …

Inhoudelijk zat elke presentatie goed, met een juiste balans tussen vormgeving, techniek en strategie. Elke spreker heeft mij op zijn manier heel wat dingen (opnieuw) doen inzien.

Meest gefaalde moment van de dag wat de nutteloze photoshop battle die meer leek op een onderonsje van vrienden – iets waar je als buitenstaander heel weinig aan hebt.

Er waren trouwens ook verrassend veel Belgen aanwezig – wat toch iets zegt over ons klein Belgen landje.

Als ik enkele lossje gedachten samenvat:

• “Its all about the user experience”
• “Don’t be afraid to fail”
• “Your clients should think about their visitors, and not to push their own “creative” capabilities.”
• “Don’t redesign, just realign”
• Daniel Burka is een energiek persoon

Een meer uitgebreid verslag, met notities over de presentaties, volgt later.

• Geschreven op Friday 18 April 2008
• Tags: conference, fowd, london, speakers
• Al 1 reactie

Het begrip eye-tracking is bij heel wat (webdesign) mensen ondertussen al gekend. Wat heel veel mensen, vaak studenten, niet weten is de correcte omkadering en achtergrond van een eye-tracking onderzoek.

Op Frankwatching leggen ze alles op een verstaanbare manier uit;

Eye-tracking is een analyse van het kijkgedrag van de bezoekers van een website doordat camera’s in een beeldscherm de oogbewegingen volgen en vastleggen. Voor eye-tracking is speciale apparatuur en software noodzakelijk. Door de oogbewegingen van meerdere personen te combineren kunnen patronen in het kijkgedrag worden onderkend. Dit resulteert in zogenaamde heatmaps waarin de aandachtsgebieden door middel van kleurgebruik worden weergegeven (zie afbeelding).

Lees het volledige artikel zeker na op frankwatching.com.

• Geschreven op Friday 29 February 2008
• 2 reacties

De lijn stak haar website een poos geleden in een nieuw kleedje. Blijkbaar een grote en belangrijke stap, zeker gezien de cross-media campagne om iedereen attent te maken op de vernieuwde website.

Onder het motto “een *afbeelding* zegt meer dan 1000 woorden” probeer ik enkele pijnpunten bloot te leggen.

Title van de website

Graag eerst de huidige pagina en dan pas de naam van de website. Bv. “Homepage – De lijn”. Dat maakt de title eens zo leesbaar en scanbaar. Zie mijn voorbeeld zoek-query in google; niets zo vervelend dan zoekresultaten die beginnen met “Naam van de website – Pagina”, terwijl eigelijk de pagina naam voor mij van belang is. (Ik gok dat de lijn eigelijk niet zoveel zoekmachine traffiek heeft).

Broodkruimel

Het implementeren van broodkruimels kunnen we alleen maar aanmoedigen. Maar toch mis ik hier iets of wat van grafische ondersteuning. Bovendien is de broodkruimel soms verwarrend: bv. als ik op de front-page klik op “jongere” – dan wordt ik naar de juiste pagina gebracht maar de broodkruimel toont:

“Home / u bent / Jongere”.

Het woord “u bent” was nergens te bespeuren op de front-page, dus ik mis één of andere link, ook al weet dat ik dat de pagina “Jongere” waarschijnlijk een subpagina is van “U bent”. Verder gebruik je ook beter “>” om af te dalen in de broodkruimel.

Typo van “plan uw route”

De leesbaarheid van “vertrek” en “aankomst” is niet optimaal naar mijn gevoel. Misschien zouden twee fijne icoontjes ook niet misstaan, dat zou ervoor zorgen dat de routeplanner iets meer aandacht krijgt – maar dat is goed, neen?

Niet duidelijke submit knoppen

Niet echt duidelijk dat dit twee submit knoppen zijn. Ik gok dat mensen hier nogal snel over scannen nadat ze alle nodige gegevens hebben ingevuld. Graag twee knoppen, die er uit zien als knoppen.

Javascript errors

Firebug maakt mij attent op heel wat javascript errors. Elke seconde kwam er 1 error bij; blijkbaar hing de navigatie vast. Een menu dat trouwens steunt op javascript is volgens mij geen goed idee, zeker niet voor een website die door heel veel verschillende doelgroepen wordt bezocht. Gelukkig vallen “enkel” de submenu’s weg wanneer javascript niet is ingeschakeld. Onderliggende pagina’s zijn overigens wel bereikbaar mocht je een menu-item aanklikken.

Uitklapbare submenu’s

De hoofdblokken in de navigatie zijn praktisch allemaal voorzien van submenu’s die tevoorschijn komen bij hover. Maar niet elk menu-item heeft een submenu. Momenteel kan ik op geen enkele manier afleiden welke knop een submenu bevat(tenzij ik hover). Daarbij komt dat de submenu’s lijken te zweven/los te staan van het bovenliggende menu-item. Graag iets meer “verbondenheid” met het hoofdmenu.

Submenu item’s die enkel worden getoond bij het gij kr, dat is nooit een goed plan (als bezoeker je hebt nooit een indruk van alle mogelijke inhoud).

Kaders, heel veel kaders

Soms steekt alles gewoon in teveel kadertjes, wat het geheel druk maakt op sommige plaatsen. De blauwe, luchtige achtergrond compenseert dat voor een stuk – maar het blijft druk.

Footer, waar is de footer?

Ik mis een beetje een footer op de front- en dieper gelegen pagina’s. Het geheel geeft de indruk door te lopen, niet te stoppen – ook al is er wel degelijk een textuele footer.

Verder ook nog …

• Veel inline javascript
• Veel javascript op plaatsen waar het niet altijd nodig is
• Zonder css actief merk ik dat de volgorde van de inhoud niet meer “logisch” is. Alles lijkt flink door elkaar geschud…
• Leesbare url’s: check!
• …

De vernieuwe website is stukken beter dan de oude website, ook grafisch voelt het geheel luchtiger aan. Naar mijn gevoel kan het hier en daar grafisch iets beter afgewerkt worden. De achterliggende xhtml/css code zit snor maar een opkuisbeurt kan zeker geen kwaad. Ik stel mij opnieuw de vraag of het overvloedig gebruik van javascript wel nodig is?

Rest mij nog de vraag: wie maakte deze nieuwe website (aangezien ik het nergens kan vinden). Update: Intalksicator stond in voor de vormgeving van de vernieuwde website. Thanks Filip!

• Geschreven op Tuesday 4 December 2007
• 10 reacties