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

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

Eye track bevindingen via.

• Ads in the top and left portions of a page will receive the most eye fixation.
• Ads placed next to the best content are seen more often.
• Bigger images get more attention.
• Clean, clear faces in images attract more eye fixation.
• Fancy formatting and fonts are ignored.
• Formatting can draw attention.
• Headings draw the eye.
• Initial eye movement focuses on the upper left corner of the page.
• Large blocks of text are avoided.
• Lists hold reader attention longer.
• Navigation tools work better when placed at the top of the page.
• One-column formats perform better in eye-fixation than multi-column formats.
• People generally scan lower portions of the page.
• Readers ignore banners.
• Shorter paragraphs perform better than long ones.
• Show numbers as numerals.
• Text ads were viewed mostly intently of all types tested.
• Text attracts attention before graphics.
• Type size influences viewing behavior.
• Users initially look at the top left and upper portion of the page before moving down and to the right.
• Users only look at a sub headline if it interests them.
• Users spend a lot of time looking at buttons and menus.
• White space is good.

“White space is good” – eat that customers.

• Geschreven op Tuesday 27 November 2007
• Al 1 reactie