In deze fase ligt het initiatief meestal bij de bouwers van de site. Het navolgende is vooral voor opdrachtgevers met veel interesse voor de vele afwegingen bij het bouwen en ontwerpen.
Interaction design betekent niets meer en niets minder dan dat je het (te verwachten) gedrag beschrijft van de bezoeker van de site en vervolgens bedenkt hoe de site daar mee omgaat.
Bij interaction design maak je gebruik van wat Jesse James Garrett noemt: conceptual models. Als je een deel van de site beschrijft waar een bezoeker een aankoop moet kunnen doen kun je bijvoorbeeld gebruik maken van model: met je winkelwagen door een winkel lopen of van het model: een bestelformulier invullen aan de hand van een catalogus.
Bij het denken in termen van conceptuele modellen is het belangrijk om rekening te houden met 'conventies'. Als de doelgroep op andere site regelmatig te maken heeft met shopping carts is het vaak verstandig om hierbij aan te sluiten. Het is niet altijd belangrijk om het model dat je kiest ook expliciet te communiceren aan de gebruiker. Wel is het heel belangrijk dat je dingen consistent doorvoert op de site. Soms zullen conceptuele modellen gekozen worden uit de 'echte wereld'. Dat heeft zeker voordelen maar het kan ook in de weg zitten als je probeert een metafoor te letterlijk te gebruiken.
Een ander belangrijk element van interaction design is het omgaan met menselijke fouten. Een goed interaction design voorkomt in de eerste plaats veel fouten en verder moeten er altijd mogelijkheden zijn om fouten in de communicatie tussen site en gebruiker weer recht te zetten.
Informatie architectuur heeft betrekking op de inhoud van de site. Het is een proces van zoeken naar een structuur waar alle inhoud inpast. Je kunt daarbij 'top down' werken door de behoeftes van de gebruiker en doelstellingen van de site te analyseren en dan aan het indelen te slaan. Je ook 'bottom-up' werken door een stapel inhoud (of fictieve inhoud) te nemen en te proberen deze in een aantal hokjes, vakjes, categorieen of volgorde te persen. In de praktijk zul je alletwee de benaderingen gebruiken en steeds heen en weer gaan tot je iets hebt dat logisch is.
Om een structuur te kiezen kun je gebruiken maken van bestaande manieren om dingen te categoriseren als:
Het allerbelangrijkste bij dit onderdeel is om vooral te denken vanuit de toekomstige gebruiker. Een afzender heeft vaak zo zijn eigen manier om dingen in te delen maar de logica voor de gebruiker hoeft hier niet bij aan te sluiten.
Om een goede webiste te maken is het belangrijk dat behalve een structuur in iedere geval de terminologie of het taalgebruik op een eenduidige manier wordt vastgelegd. Voor makers van de site is het fijn om een woorden- of begrippenlijst te hebben die past bij de inhoud van de site.
Ook is het goed om aandacht te besteden aan wat men metadata noemt. Metadata zijn gegevens over gegevens. Vaak zijn er bepaalde eigenschappen van een product, artikel of gegeven die voor een bezoeker verschil maken. Dingen waarop hij zal willen zoeken, selecteren of rangschikken. Metadata zijn op een website heel belangrijk om te zorgen dat een gebruiker straks zijn weg vindt. Ook voor de kwaliteit van de geboden inhoud is het belangrijk.
Als eerder gezegd ligt in deze fase het initiatief vaak bij de bouwers. Er zijn wel een paar dingen die de bouwers niet kunnen weten en die een opdrachtgever in de regel ter sprake moet brengen. Dan gaat het om deze vragen:
Ingewikkelde websites zijn gebaat bij diagrammen of tekeningen die de gewenste structuur uitleggen. Voor veel sites zijn een paar eenvoudige schetsjes voldoende. Als het ingewikkeld wordt is er veel meer over te zeggen. Jesse James Garrett heeft een heel interessant (doch niet voor iedereen relevant) verhaal online staan op www.jjg.net/ia/visvocab
Interface design gaat over de softwarekant van de website. Dan gaat het over knoppen, velden en andere vaste onderdelen van een interface. Het gaat over wat de gebruiker kan doen op de site. Dit zijn de aandachtspunten op het gebied van interface design:
Navigation design is het specialistische onderdeel van interface design dat gaat over hoe de gebruiker door de site heen gaat. Het gaat over waar een gebruiker heen kan.
Information design gaat over hoe je informatie effectief overbrengt. Dit zijn aandachtspunten op het gebied van navigatie:
Dit gaat over de vraag hoe de informatie zo te presenteren dat de bezoeker het gemakkelijk begrijpt. Belangrijke vragen op het gebied van information design zijn:
Het is nuttig om eens een stramien (wireframe) van een (type) pagina op de website te maken of deze te bekijken. Door goed te kijken naar sites met een vergelijkbaar doel kom je al een heel eind. In het maken van een stramien komen de voorgaande onderdelen uit de skeletfase bij elkaar.
In deze fase worden met name de volgende afwegingen gemaakt:
Wat betreft de typografie wordt wel onderscheid gemaakt tussen drie soorten typografie op een webpagina:
Het is belangrijk dat deze verschillende soorten typografie duidelijk te onderscheiden zijn. Dat geeft de bezoeker het meeste houvast.