1. Weersta de drang om direct te schetsen

   Het is verleidelijk om meteen te gaan schetsen, maar het is belangrijk om eerst echt het probleem en de behoeften van de gebruiker te begrijpen. Toch negeer ik deze regel regelmatig, al is het maar om de ideeën uit mijn hoofd te krijgen.

2. Empathiseren

   Empathiseren betekent onderzoek doen. De gebruiker leren kennen. Hun behoeften, motivaties en pijnpunten begrijpen. Mogelijk user personas maken om deze gedurende het ontwerpproces in gedachten te houden. Alle beschikbare data verzamelen, zoals analytics, gebruikersfeedback en input van stakeholders.

3. Het probleem definiëren

   Op basis van de verzamelde inzichten een duidelijke probleemstelling formuleren die de belangrijkste uitdaging beschrijft. Een overzicht maken van de huidige uitdagingen, inzichten en kansen. Ik kijk ook naar de concurrentie en de markt..

   

4. Valideren met collega's & stakeholder(s)

   De probleemstelling (en indien nodig de user personas) delen met collega's en stakeholders voor feedback en validatie.

5. Creëer een basis

   Gebruik Miro om een brainstormsessie te faciliteren (bijvoorbeeld met sticky notes) en een basisoplossing te formuleren. Het kan zijn dat er in deze fase nog geen enkele pixel is ontworpen.

   

6. Wireframes

   Met Figma wireframes maken die de structuur en lay-out van de oplossing schetsen. Dit vereist veel samenwerking met verschillende afdelingen, vooral met copywriting.

   

7. Valideren met collega's, stakeholders en gebruikers… Zoveel mogelijk

   De wireframes delen met collega's en stakeholders voor feedback en validatie. Indien mogelijk een vroege test uitvoeren met gebruikers om feedback te verzamelen en eventuele usability-problemen te identificeren. N.B. Testen betekent voor mij ook aan mijn vrouw en dochters vragen wat ze het beste vinden. In een agile omgeving zou ik elke twee weken een demo geven.

8. Itereren. Nog meer itereren. En opnieuw itereren

   Wireframes aanpassen op basis van gebruikersfeedback en het ontwerp blijven verfijnen. Usability-tests uitvoeren om het ontwerp te valideren en laatste verbeterpunten te identificeren.

9. High-fidelity design

   Een high-fidelity ontwerp maken in Figma met de definitieve visuele en interactieve elementen. Dit ontwerp moet de definitieve oplossing weergeven en klaar zijn voor ontwikkeling.

   

10. Handoff naar developers

    De ontwerpdocumentatie en interacties vastleggen zodat developers het ontwerp kunnen implementeren.

Deze regels staan niet vast, noch de volgorde waarin ze worden uitgevoerd. Het hangt af van het project, het team en de manier van werken.

Goedkeuring is ook afhankelijk van het project en de UX-volwassenheid van de organisatie. Soms is een simpel thumbs-up van de product owner in Teams voldoende. In andere gevallen is een formele review door meerdere stakeholders nodig. Hoe dan ook is het cruciaal om stakeholders vroeg en regelmatig te betrekken. Ik vind het ook essentieel om consensus binnen het team op te bouwen door hen actief bij het proces te betrekken en regelmatig voortgang te delen. Dit kan via een speciale chat, een wekelijkse design-sync of een tweewekelijkse demo.