User experience design process
Deze website heb ik tijdens mijn stage
bij Rodesk ontworpen. Onderstaande
infographic legt het volledige ontwikkel-
proces van een website of applicatie uit.
Van eerste idee tot en met oplevering.
Begin bij start om te ervaren wat ik
heb geleerd.
Research
als eerste wordt er onderzoek gedaan naar de doelen van een website, naar wat de eindgebruiker beweegt en welke content er beschikbaar is.
Strategie vaststellen
Eerst bepalen we de richting en stellen we de doelstellingen vast voor een nieuwe website, app of campagne.
Gebruiker bepalen
Door middel van persoonlijkheidsanalyse (DISC) krijgen we inzicht in wat gebruikers beweegt, motiveert en hoe gedrag wordt beïnvloed.
Content in kaart brengen
We bekijken welke content er beschikbaar is en via welke media deze het best tot zijn recht komt. De inhoud wordt gebruikt als aantrekkingskracht.
Concept
het nieuwe plan krijgt al wat vorm in de conceptfase, waarin een creatief proces zorgt voor de eerste abstracte voorstelling.
Inspiratie opdoen
In deze fase vergelijken, observeren en onderzoeken we verschillende inzichten rondom de hoofdvraag en komen we op de eerste abstracte ideeën.
Brainstormen
deze fase bestaat uit ideeën spuien en afwegen wat wel en niet goed werkt. De doelstellingen worden hierin niet uit het oog verloren
Schetsen
De overgebleven, kwalitatieve ideeën worden als prototype voorgesteld en daarmee geven we richting aan het project.
Interaction Design
in deze staat een nuttige, bruikbare en betekenisvolle ervaring voor de eindgebruiker centraal. Door wireframes te maken wordt de structuur en het gedrag van een interactief systeem bepaald.
user stories uitschrijven:
Met persona’s in ons achterhoofd worden mogelijke gebruikers- scenario’s uitgeschreven en daaraan wordt prioriteit meegeven.
Informatie architectuur bepalen
Inzicht in content! De hiërarchie van de informatie wordt bepaald en door wireframes te maken wordt de dosering aan de gebruiker vastgesteld.
Gebruiksvriendelijkheid toetsen
hier toetsen we de gebruiksvriendelijkheid van het interactie ontwerp. De informatie moet toegankelijk zijn en het product in zijn geheel nuttig en bruikbaar voor de eindgebruiker.
Visual Design
het functionele ontwerp geldt als basis voor het visuele ontwerp. Hier wordt bepaald hoe een website er uit gaat zien, het oog wil ook wat.
Look & feel schetsen maken:
De eerste schets laat een overkoepelende basisstijl zien, de eerste indruk van het eindproduct, nu grafisch vormgegeven.
Visuele elementen vastleggen
de grafische details worden bepaald, zoals kleur, beeld, iconen en andere stijlelementen.
User interface ontwerpen
Na deze stappen wordt het eindproduct volledig ontworpen. Hoe komen alle pagina’s er uit te zien? Het ontwerp draagt bij aan een simpele en effectieve interactie.
Development
na de ontwerpfase moet de website ook technisch worden gerealiseerd, hier zijn verschillende technieken voor mogelijk. Onafhankelijk beoordelen we welk systeem het best past.
Front-end ontwikkelen
Het ontwerp van de website wordt omgezet naar een werkende website, inclusief bijbehorende interacties.
Content management systeem inrichten
welk systeem past het beste bij de gemaakte oplossing? Onafhankelijk advies over hoe de inhoud van een website beheerd moet worden.
Back-end ontwikkelen
na deze stappen moet ook de server-side goed worden geprogrammeerd. Eventuele koppelingen met externe databases worden opgezet en grondig getest.