Webusability van de Eccky

EcckybabyOp Frankwatching: "Naar aanleiding van de leuke actie van OHRA bekijken we nog eens de usability van Eccky. Mocht je het niet weten: een Eccky is een virtuele baby die je samen met iemand opvoedt. Bedrijven kunnen branded Eccky’s maken met speciale eigenschappen om zo nog verder in het hoofd van de consument te kruipen. OHRA doet dat nu goed door alle Eccky’s virtueel te verzekeren. Je kunt immers niet vroeg genoeg beginnen met het bewust maken van kinderen van het nut/ de noodzaak van een verzekering.

Erg sterk bedacht van OHRA, dat wel een complimentje verdient na de eerdere beschimpingen om de online marketing vacature campagne. Een paar maanden geleden heb ik al eens uitgebreid de Eccky van Doritos bekeken. Die was iets anders opgezet, de Eccky moest daar flirten (of moest jij nou met je Eccky-maak-partner flirten?). Toen beloofde ik aan Yme Bosma van Media Republic om er een stukje over te schrijven, waarin ik wat usability problemen zou belichten. Verder dan een hele berg screenshots en wat haastig opgeschreven notities ben ik toen helaas niet gekomen. Daarom nu een overzicht van wat problemen en verbeteringen die ik tegenkom in de gewone Eccky, gemixt met mijn ervaringen van het bouwen, sorry, verwekken, van de Doritos Eccky. Ook heb ik met behulp van de OHRA actie een Eccky aangemaakt en het hele registratie en verwekproces nog eens doorlopen."

14 August 2006
By on 10:14
Usability Award nominaties 2006

In 2006 wordt voor de zesde keer de Usability Award georganiseerd. Deze Award wordt uitgereikt aan de meest gebruiksvriendelijke website van Nederland. Eerdere winnaars waren Philips, Funda, Wehkamp, Postbus51 en Nu.nl.

In de eerste juryronde heeft het publiek de verschillende aangemelde websites beoordeeld. Hieruit zijn 10 nominaties voor de finaleronde van de Usability Award naar voren gekomen.

De genomineerde websites worden nogmaals beoordeeld, ditmaal door een vakjury. De genomineerde websites in 2006 zijn (in alfabetische volgorde):

# www.apple.nl
# www.bol.com
# www.geldshop.nl
# www.microsoft.nl
# www.minbuza.nl
# www.postbank.nl
# www.rabobank.nl
# www.tomtom.nl
# www.wassenaar.nl
# www.wikipedia.nl

Morgen (26 april) wordt de uiteindelijke winnaar bekend gemaakt, tijdens de TCD 2006 (voormalig Telecommerce Dagen) in de Jaarbeurs te Utrecht. Meer informatie over de Award, de vakjury en het verloop van de wedstrijd is te vinden op www.usabilityaward.nl

De Usability Award is een initiatief van usability specialist 2C (www.2c.nl).
Bron: 2C.nl

25 April 2006
By on 10:44
Pechtold wil bouwkeuring voor websites

Met het toenemend belang van internet, moet de toegankelijkheid van websites van de Rijksoverheid even zeer aan een norm voldoen als de fysieke toegankelijkheid van overheidsgebouwen.

Dat betoogde minister Pechtold (Bestuurlijke Vernieuwing en Koninkrijksrelaties, verantwoordelijk voor overheid-ICT-beleid) woensdagmiddag in een overleg met de Tweede Kamer. De minister voor Bestuurlijke Vernieuwing en Koninkrijksrelaties zal op korte termijn deze ‘bouwkeuring’ voor websites aan de ministerraad ter goedkeuring voorleggen.

Op het moment is nog slechts rond vier procent van de geschatte tienduizend websites van overheid en semi-overheid niet voor volledig toegankelijk, dat wil zeggen: bruikbaar voor blinden en slechtzienden, gehandicapten en gebruikers van niet-standaard apparatuur. Het is de bedoeling dat de Rijksoverheid zich op alle fronten committeert aan de ‘toegankelijkheidseisen’ en daar zelf op toeziet.

Elke nieuwe rijkswebsite krijgt vooraf een bouwkeuring aan de hand van beschikbare richtlijnen, waartoe ook het overheidswaarmerk voor toegankelijkheid Drempelvrij.nl behoort. Het ministerie van Binnenlandse Zaken en Koninkrijksrelaties beschikt al over Webrichtlijnen. De deze week gelanceerde vernieuwde site van het ministerie van Financiën is conform deze richtlijnen opgesteld. Met de departementen zijn al afspraken gemaakt dat eind 2006 alle departementale websites worden gebouwd volgens die Webrichtlijnen. Via: Danny Bok (A.S. Watson)


Afbeelding: website overheid

14 April 2006
By on 18:03
Vier zoekstrategieen om rekening mee te houden

Donna Maurer (freelance informatie-architect en interactie-ontwerpster) put uit eigen ervaring wanneer zij onderscheid maakt in vier zoekstrategieën. Naast gericht zoeken en verkennen, merkte ze dat ze vaak zoekt terwijl ze niet weet wat ze zoekt en vaak dezelfde zoekopdrachten meerdere keren uitvoert.

Hoe kun je als ontwerper nu tegemoet komen aan deze zoekstrategieën? Om hierop antwoord te geven behandelen we in het kort de vier zoekstrategieën en leveren daarbij enkele ontwerpadviezen die zoveel mogelijk gericht zijn op deze zoekstrategieën.

1. Gericht zoeken
Bij gericht zoeken weten gebruikers wat ze willen, hoe ze dit moeten omschrijven en waar ze moeten zoeken. De zoekopdracht zal niet of nauwelijks wijzigen tijdens het zoekproces.

Ontwerpadvies
Zorg er in ieder geval dat de volgende onderdelen beschikbaar zijn:

Een zoekfunctie, met in de zoekresultaten een duidelijke beschrijving en een weergave van de gezochte keywords in de context van het zoekresultaat.
Een A-Z index, waarin ook de meest gezochte items staan.
Snellinks met veelgezochte termen.

2. Verkennend zoeken
Hierbij hebben gebruikers hierbij wel enige idee waarnaar ze zoeken, maar weten niet precies hoe de zoekopdracht geformuleerd moet worden en waar gezocht moet worden. Gebruikers weten niet precies wanneer ze voldoende informatie hebben verkregen en de informatiebehoefte kan veranderen tijdens het zoekproces.

Ontwerpadvies

Goede browsemogelijkheden met een hiërarchisch pad bovenaan de pagina.
Gerelateerde informatie, zoals links naar gerelateerde onderwerpen en pagina’s of een lijst gebaseerd op aanbevelingen van gebruikers.
Een zoekmachine waarbij in de zoekresultaten synoniemen worden weergegeven van de gebruikte keywords in de zoekopdracht.

3. Niet weten wat je moet weten
Bij deze manier van zoeken weten gebruikers zelf niet wat ze precies nodig hebben. Dit is vaak het geval bij complexere onderwerpen of wanneer de kennis over een bepaald onderwerp of een bepaalde term ontbreekt.

Ontwerpadvies

Geef duidelijke en bondige informatie
Lever daarbij toegang tot gedetailleerde informatie, bijvoorbeeld in de vorm van gerelateerde links binnen de tekst.

4. Terug zoeken
Hoe vaak zoek je niet terug naar informatie die je al gezien hebt? Het kan zijn dat je deze informatie nog een keer wilt zien of de exacte inhoud bent vergeten.

Ontwerpadvies

Actief: gebruikers kunnen zelf actie ondernemen door de pagina te bookmarken, een boodschappenlijst te maken, of de link naar zichzelf te mailen.
Passief: de website neemt deze functie gedeeltelijk over, door te laten zien welke informatie al bezocht (met linkkleur) is en items te rangschikken naar gebruiksfrequentie.

Bron: Boxes and arrows via @c.nl

11 April 2006
By on 15:18
Gebruikerstesten en testpersonen

Gebruikerstesten

Archiefschool | A.S. Watson Group | Club Schrijven Online| KNOV | ]Lloydkwartier |

Mooi Gelderland | Saxion Hogescholen | VMT | Werken bij het rijk


Testpersonen

Haan de, Marieke: A.S. Watson; Club Schrijven; KNOV
Bok, Danny: Club Schrijven; KNOV; Lloydkwartier
Grol, Klaartje: KNOV; Lloydkwartier; Mooi Gelderland
Kiekens, Els: Lloydkwartier; Mooi Gelderland; Saxion
Molengraaf, Andries: Mooi Gelderland; Saxion; VMT
Bonzet, Claudine: Saxion; VMT; Werken bij het rijk
Nieuwenhuis, Agnes: VMT; Werken bij het rijk; Archiefschool
Hermens, Susan: Werken bij het rijk; Archiefschool; A.S. Watson
Schelde van der, Mirian: Archiefschool; A.S. Watson; Club Schrijven

Opleverdatum: woensdag 19 april. Mailen naar: indira@existenz.nl

10 April 2006
By on 20:20
Nog wat voor je Usability Checklist

De volgende richtlijnen zijn eerder bedoeld voor de website ontwikkelaar en niet voor een communicatie medewerker. Zij kunnen echter géén kwaad als je hier even bij stil gaat staan als je jouw checklist gaat aanscherpen.

Navigatie
* Huidige locatie is duidelijk zichtbaar
* Links naar de hoofdonderdelen zijn eenvoudig te onderscheiden (inclusief home)
* Belangrijke onderdelen van de site zijn vanaf de homepage bereikbaar
* Voor grote en complexe websites: er is een sitemap aanwezig
* Er is een eenvoudig te gebruiken zoekmachine aanwezig

Functionaliteit
* Zowel beginners als experts kunnen terecht op de site
* Functies hebben duidelijke titels
* Essentiële functies zijn beschikbaar zonder de site te verlaten
* Plug-ins worden alleen gebruikt als deze werkelijk toegevoegde waarde hebben

Controle over het gebruik
* De site weerspiegelt een aantal gebruikersprocessen (van binnenkomst tot doel)
* Gebruikers kunnen elke handeling annuleren
* Er is een duidelijke uitgang voor iedere pagina
* Een pagina is minder groot dan 50K – ook tragere verbindingen gebruiken de site
* Alle browsers worden ondersteund

Teksten en content
* Belangrijke informatie en acties krijgen meer aandacht
* Onbelangrijke informatie wordt weggelaten
* Gerelateerde informatie is gegroepeerd op een standaardplaats
* Er worden simpele teksten gebruikt
* Er wordt geen jargon gebruikt
* Paragrafen zijn kort
* Tekstlinks verdwijnen niet in de tekst, maar vallen duidelijk op
* De laatste up-date datum wordt getoond

Online help
* Ontwerp de site zo dat geen hulp nodig is
* Als hulp toch nodig is moet dit eenvoudig toegankelijk zijn

Accessibility
* De site maakt zo veel mogelijk gebruik van cascading stylesheets (CSS)
* Alt-teksten zijn beschikbaar voor afbeeldingen
* Tekstvarianten bestaan voor pdf-documenten
* Koppen en opsommingen worden toegepast in de content
* Alternatieve content wordt aangeboden indien scripts worden gebruikt
* Frames worden niet gebruikt

Consistentie
* Producten of items worden altijd met dezelfde bewoordingen beschreven
* Links reflecteren de titel van de pagina waar de link naar verwist
* De titel (title) van de pagina geeft aan wat de inhoud van een pagina is

Foutenpreventie en herstellen
* Er zijn geen beperkingen bij het invullen van velden (telefoonnummers bijvoorbeeld zowel met als zonder streepje of spatie)
* Voorbeelden worden gegeven bij invulvelden
* Foutmeldingen zijn in een eenvoudige taal
* Foutmeldingen geven een oplossing voor het probleem
* Foutmeldingen geven een duidelijke uitgang

Visueel
* De site moet direct duidelijk maken waar de organisatie voor staat en wat de mogelijkheden van de site zijn
* Witruimte wordt voldoende toegepast; pagina’s zijn niet te vol
* Onnodige animaties worden voorkomen
* Links en bezochte links zijn duidelijk te onderscheiden met kleur
* Vette en cursieve tekst wordt spaarzaam gebuikt

Tekst: 2c
Bron: Information Services and Technology

8 April 2006
By on 14:52
Usability van de homepage

De homepage is de entree van een site. Bedrijven hechten veel waarde aan deze pagina omdat het de eerste impressie van de site geeft. Ze zijn ook bezorgd: je krijgt immers maar één kans voor de eerste indruk. Toch bereiken lang niet alle bezoekers de site via deze homepage. Een homepage dient volgens 2C wel aan bepaalde eisen te voldoen. Samenvattend gaat het om de volgende doelen.

Doel 1: Beantwoord de vraag “waar ben ik?”

Doel 2: Zit de terugkomende bezoeker niet in de weg

Doel 3: Laat zien wat nieuw is

Doel 4: Zorg voor een consistente, degelijke navigatie

Ten slotte:
Ontwerpen voor een goede gebruikerservaring betekent duidelijk communiceren, vroeg verwachtingen scheppen en vervolgens leveren wat beloofd is.
de onderzijde van de homepage staan moeten deze altijd aan de onderzijde beschikbaar zijn.

Lees volledige tekst met toelichting op: 2c.nl


By on 14:45
Usability van de homepage

De homepage is de entree van een site. Bedrijven hechten veel waarde aan deze pagina omdat het de eerste impressie van de site geeft. Ze zijn ook bezorgd: je krijgt immers maar één kans voor de eerste indruk. Toch bereiken lang niet alle bezoekers de site via deze homepage. Een homepage dient volgens 2C wel aan bepaalde eisen te voldoen. Samenvattend gaat het om de volgende doelen.

Doel 1: Beantwoord de vraag “waar ben ik?”

Doel 2: Zit de terugkomende bezoeker niet in de weg

Doel 3: Laat zien wat nieuw is

Doel 4: Zorg voor een consistente, degelijke navigatie

Ten slotte:
Ontwerpen voor een goede gebruikerservaring betekent duidelijk communiceren, vroeg verwachtingen scheppen en vervolgens leveren wat beloofd is.
de onderzijde van de homepage staan moeten deze altijd aan de onderzijde beschikbaar zijn.

Lees volledige tekst met toelichting op: 2c.nl


By on 14:45
Wat is accessibility?

Accessibility betekent toegankelijkheid. In relatie tot Internet gaat het dan specifiek om de toegankelijkheid van websites voor mensen met een handicap.

Internet en handicaps
Wist u dat ook mensen met een handicap gebruik maken van het Internet? Juist deze groep heeft vaak veel baat bij dit medium, omdat zij relatief anoniem kunnen rondsurfen en dus niet direct op hun handicap worden beoordeeld.

Hoe?
Er zijn allerlei hulpmiddelen op de markt. Voor visueel gehandicapten bijvoorbeeld is er de braille-leesregel; deze vertaalt teksten op een website in braille, waardoor het voor hen leesbaar wordt. Daarnaast bestaan er spraaksynthesizers, die de tekst op een website kunnen ‘voorlezen’. Deze hulpmiddelen hebben echter alleen nut, als een website bepaalde, kleine aanpassingen heeft aangebracht.

Voorbeeld
Denk bijvoorbeeld aan plaatjes op websites die niet door een tekst worden ondersteund. Voor slechtziende en blinde mensen maakt dat een website ondoorgrondelijk. Als zo’n plaatje ook nog een link is, dan leest iemand met een visuele handicap slechts ‘link’ in zijn brailleleesregel. Het toevoegen van een logische alternatieve tekst is dan een minimale ingreep om het hen makkelijker te maken.

Groter bereik
De overheid (ministerie van VWS) heeft een project opgezet waarbij de toegankelijkheid van Internet voor gehandicapten onder de aandacht wordt gebracht. Bedrijven kunnen hier een verklaring tekenen, waarmee zij aangeven zich in te zullen spannen om hun website toegankelijk te maken voor gehandicapte gebruikers.

Verhoogde toegankelijkheid kan echter ook een groter bereik betekenen. Wist u dat ongeveer 15% van de Nederlanders in min of meerdere mate een handicap heeft die het gebruik van websites voor hen minder goed mogelijk maakt? Denkt u maar eens aan kleurenblindheid, doofheid en aan motorische of geestelijke handicaps.

De ingrepen die de toegankelijkheid voor gehandicapten verbeteren, komen bovendien ook de algemene gebruikersvriendelijkheid van een website ten goede!

Tekst: 2C

31 March 2006
By on 20:04
Wat is accessibility?

Accessibility betekent toegankelijkheid. In relatie tot Internet gaat het dan specifiek om de toegankelijkheid van websites voor mensen met een handicap.

Internet en handicaps
Wist u dat ook mensen met een handicap gebruik maken van het Internet? Juist deze groep heeft vaak veel baat bij dit medium, omdat zij relatief anoniem kunnen rondsurfen en dus niet direct op hun handicap worden beoordeeld.

Hoe?
Er zijn allerlei hulpmiddelen op de markt. Voor visueel gehandicapten bijvoorbeeld is er de braille-leesregel; deze vertaalt teksten op een website in braille, waardoor het voor hen leesbaar wordt. Daarnaast bestaan er spraaksynthesizers, die de tekst op een website kunnen ‘voorlezen’. Deze hulpmiddelen hebben echter alleen nut, als een website bepaalde, kleine aanpassingen heeft aangebracht.

Voorbeeld
Denk bijvoorbeeld aan plaatjes op websites die niet door een tekst worden ondersteund. Voor slechtziende en blinde mensen maakt dat een website ondoorgrondelijk. Als zo’n plaatje ook nog een link is, dan leest iemand met een visuele handicap slechts ‘link’ in zijn brailleleesregel. Het toevoegen van een logische alternatieve tekst is dan een minimale ingreep om het hen makkelijker te maken.

Groter bereik
De overheid (ministerie van VWS) heeft een project opgezet waarbij de toegankelijkheid van Internet voor gehandicapten onder de aandacht wordt gebracht. Bedrijven kunnen hier een verklaring tekenen, waarmee zij aangeven zich in te zullen spannen om hun website toegankelijk te maken voor gehandicapte gebruikers.

Verhoogde toegankelijkheid kan echter ook een groter bereik betekenen. Wist u dat ongeveer 15% van de Nederlanders in min of meerdere mate een handicap heeft die het gebruik van websites voor hen minder goed mogelijk maakt? Denkt u maar eens aan kleurenblindheid, doofheid en aan motorische of geestelijke handicaps.

De ingrepen die de toegankelijkheid voor gehandicapten verbeteren, komen bovendien ook de algemene gebruikersvriendelijkheid van een website ten goede!

Tekst: 2C


By on 20:04