Nadat in fase 1 (concept) de doelen zijn geformuleerd, de doelgroepen in kaart zijn gebracht (d.m.v. persona's en user stories) en de visuele doelen zijn bepaald, worden nu in fase 2 de functionaliteiten in kaart gebracht.
Sitemap
Met een sitemap wordt de structuur en hierarchie van de pagina's bepaald.
Bekijk de sitemap van deze website
Wireframe
Met een wireframe wordt de vlakverdeling (lay-out) van de pagina's bepaald.
Hieronder een voorbeeld van een eerste schets:
Functioneel / interactie ontwerp
Een FO (ook wel bekend als 'prototype') illustreert hoe de content op de pagina's wordt getoond en wat onderliggende verhoudingen zijn. Je kan het zien als de brug tussen structuur en ontwerp, en als samenkomst van mens en systeem. Een FO is een werkend model van de website waar je daadwerkelijk door heen kan klikken.