Structuur

Uit Usability

Inhoud 1 Algemene principes 2 Informatie-architectuur 3 Breedte versus diepte 4 Homepage 5 Overige pagina's 6 Gebruikersprofielen

Algemene principes

Houd inhoud en functionaliteit, structuur van de informatie en presentatie strikt van elkaar gescheiden (3).

• Door vorm en inhoud consequent te scheiden zijn beide domeinen los van elkaar aan te passen. Dit maakt het onderhoud en beheer van de website veel flexibeler en levert grote (kosten)voordelen op.
  • Gebruik (X)HTML voor de structuur en CSS voor de vormgeving van de site (48).
  • Gebruik tabellen alleen voor de presentatie van data (relationele informatie), niet voor de opmaak van een pagina.
    
    

Informatie-architectuur

Baseer het inhoudelijke ontwerp van de site (informatie-architectuur) zoveel mogelijk op een consequente indeling.

• Veel gebruikte varianten zijn de indelingen naar (34):
  • onderwerp of thema;
  • taak;
  • metaforen of belangrijke levensgebeurtenissen (life-events);
  • publiek;
    • Als informatie is gesegmenteerd voor verschillende gebruikersgroepen, zorg er dan wel voor dat de informatie voor een specifieke groep nog steeds makkelijk bereikbaar is voor elke andere groep (1)(3).
    • Wacht zo lang mogelijk met het scheiden van informatie, bijvoorbeeld pas op de pagina waar achtergrondinformatie wordt opgevraagd (met bijvoorbeeld technische en niet-technische versies van dezelfde documenten) (1).
• Gebruik verschillende soorten indelingen niet door elkaar.
  • Een beter alternatief is om verschillende varianten parallel aan te bieden. Voorwaarde is dan wel dat ze (bijvoorbeeld door de vormgeving) duidelijk van elkaar te onderscheiden zijn (34).

Organisatiestructuur en informatiestructuur zijn twee aparte domeinen.

• Spiegel de organisatiestructuur niet in de informatiestructuur (4)(8).
• Organiseer de informatie volgens taken/behoeften van de gebruiker in plaats van volgens organisatie of functies (4).
  • Een bruikbaar startpunt zijn de meest gebruikte zoektermen op de site.
  • De thematische indeling wordt het meeste gebruikt op overheidswebsites en levert het minste aantal ongecategoriseerde termen op (36).
• Gebruik een lineair taakproces (narrative approach) voor onervaren gebruikers (10).
• Gebruik een meer traditionele open set van commando's voor ervaren gebruikers (10).

Informatie die onder een bepaalde knop hoort, mag niet óók onder een andere knop passen.

• Voor de bezoeker is dan niet duidelijk waar hij iets moet zoeken, gebruik daarom wederzijds uitsluitende categorieën.(2).
• Idem voor dynamische menu's die zich aanpassen aan de voorgaande keuzes van de gebruiker. De meeste gebruikers geven de voorkeur van statische menu's, zeker op het primaire niveau (1).

Organiseer informatie op elk niveau van de website zo dat er voor de typische gebruiker een duidelijke en logische structuur is (1).

• Deel de informatie in volgens de drieslag (8)(21).

1. voorgrondinformatie (etalage en navigatie);
2. hoofdinformatie;
3. achtergrondinformatie (details voor de liefhebber).
   
   

Breedte versus diepte

Geef bij een complexe navigatiestructuur de voorkeur aan een brede structuur met een groot aantal links op één pagina boven een diepe structuur met een groot aantal navigatiestappen (3)(34).

• De klassieke stelregel van 7 (plus of min 2) items in de primaire structuur (37) is achterhaald (34):
  • Het maximale aantal items wordt eerder bepaald daar het visuele vermogen van de gebruiker om de pagina te scannen dan door haar of zijn korte-termijn geheugen.
    • Het aantal links dat (bijvoorbeeld op de homepage) kan worden aangeboden, kan veel groter zijn dan 7 -- mits ze duidelijk in kleine subcategorieën worden gegroepeerd.
    • In een onderzoek naar de optimale structuur voor zeer grote sites (512 items) kwam een duidelijke volgorde naar voren:

1. 16 (hoofdstructuur x 32 (substructuur) items
2. 32 (hoofstructuur) x 16 (substructuur) items
3. 8 (hoofdstructuur) x 8 (substructuur) x 8 (sub-substructuur) items (38).

Hoe dieper in de hiërarchie hoe meer tekst (doelpagina's) en hoe minder navigatiepagina's.

• Ergo hoe dieper in de hiërarchie hoe meer tekst hoe minder links.
• De links worden wel steeds langer. Lager in de hiërarchie kunnen links in de tekst worden geplaatst (als onderdeel van zinnen).
  • Uit onderzoek is naar voren gekomen dat links met een lengte van 7 tot 12 woorden de grootste kans hebben om gebruikers daar te brengen waar ze willen zijn (24).

Homepage

Toon alle belangrijke opties op de homepage -- en niet meer dan dat.

• Wees selectief met wat er op de Homepage wat geplaatst. Zorg ervoor dat alle onderdelen en links op de Homepage worden getoond. Gebruikers moeten niet meer dan één keer klikken om een volledig overzicht van de website te krijgen. Laat de rest van de onderdelen en links weg (1).
  
• Wees dus ook terughoudend met het geven van nieuws op de homepage: bezoekers zijn daar lang niet altijd in geïnteresseerd. Vaak kunt u de ruimte die het inneemt beter gebruiken voor het in beeld brengen van andere onderdelen van de website (2).

Overige pagina's

Zorg ervoor dat alle benodigde informatie beschikbaar is en wordt getoond op de pagina's waar en wanneer dat nodig is.

• Gebruikers zouden bij het opvragen of opgeven van informatie op een bepaalde plaats in de website geen informatie te hoeven onthouden van andere plaatsen op de website.
  • De meeste gebruikers zijn slechts in staat om 3 of 4 items te herinneren, en dan alleen voor een paar seconden (1).
  • Informatie van koppen moet bijvoorbeeld blijven staan als tabellen worden gescrolled (1).

Plaats belangrijke elementen steeds op dezelfde plaats

• Gebruikers anticiperen op de plaats van die elementen. Ze beginnen het scherm al te 'scannen' voordat de layout verschijnt. Als gebruikers gewend raken aan vaste plaatsen, kunnen ze aanzienlijk beter en sneller werken met de website (1).

Plaats belangrijke elementen bovenaan de pagina

• Gebruikers kijken meestal eerst naar de bovenkant van de pagina, daarna naar de linkerkant, vervolgens naar de rechterkant, en pas daarna beginnen ze systematisch de pagina af te zakken (1).

Breng niveaus van belangrijkheid aan

• Mensen geven de voorkeur aan rangordes. Ze concentreren zich meestal steeds op één achtereenvolgend niveau in de rangorde (1).
• Gebruik de rangorde die het beste aansluit bij het gebruik van de bezoeker (en niet van de beheerder van de site) (1).

Ondersteun scannen. 50% van alle web pages wordt minder dan 10 seconden lang bekeken, 25% minder dan 4 seconden (41)

• Gebruikers lezen pas iets (dat wil zeggen stoppen met scannen) als ze er aanleiding toe zien. Daarna lezen ze vaak ook niet meer verder (dat wil zeggen ze stoppen bij de eerste de beste optie, satisficing in plaats van maximising) (18)(32).
  • gebruik duidelijke, goed geplaatste koppen, korte zinnen, en kleine leesbare paragrafen (1).
  • Schrijf enkelvoudige en geen samengestelde zinnen.
  • Gebruik puntsgewijze lijsten en stapsgewijze instructies indien toepasselijk.
  • Gebruik een duidelijk visuele hiërarchie om het relatieve belang van informatie duidelijk te maken (19).
  • Verdeel de pagina in duidelijk afgebakende gebieden (18).
  • minimaliseer ruis (18).
• Hou er rekening mee dat oudere gebruikers (70 jaar en ouder) veel langzamer door een pagina scannen dan jongere gebruikers (39 jaar en jonger) (1).

Gebruikersprofielen

Personalisatie blijkt in de praktijk zeer moeilijk toe te passen.

• Het levert vaak een bescheiden bijdrage aan navigatie;
• Het stelt zeer hoge eisen aan de achterliggende structuur en organisatie (34).

Als er gebruikersprofielen worden toegepast, moet het concept en de implicaties daarvan voor de gebruiker duidelijk zijn.

• Gebruikers moeten altijd in staat zijn om het profiel te zien, aan te passen en te verwijderen (3).
• Als de navigatie is gebaseerd op gebruikersspecifieke profielen, moet de gebruiker daarvan op de hoogte worden gesteld en moet hij of zij nog steeds in de gelegenheid zijn om de gehele inhoud van de website te kunnen zien (3).