Mijn werkwijze

Mijn werkwijze is vrij eenvoudig uit te leggen,
ik zet de gebruiker centraal.

Er is weinig vervelender dan iets waarvan je denkt dat het op manier A werkt, uiteindelijk B doet of slechter nog, helemaal niks doet. Functie gaat bij mij boven vorm, maar vorm is bij mij wel een groot deel van de functie. Zo vind ik het leuk om bij alles wat ik doe de grens op te zoeken om iets zo ’mooi’ mogelijk te maken maar niet het ’goede’ product daarmee in de weg te zitten.


User-centered design

To create highly usable and accessible products.

Als freelancer word ik in veel verschillende trajecten betrokken en kan ik ondertussen mijn weg goed vinden op individuele projectbasis, in Agile teams of in scrum projecten. Verder werk ik voor veel opdrachtgevers op oproepbasis. Ik optimaliseer of redesign bestaande app’s, tools of websites of ontwerp ze vanaf de grond af. ’MVP’s’, ’Proof of Concept’ zijn me niet vreemd. Wat het ook is, in de meeste gevallen werk ik bij voorkeur op de volgende wijze.

  1. Briefing

  2. UserFlow

  3. Wireframing

  4. UI Design

  5. Testen & Feedback

  6. Volledig Opleveren design, componenten & design system

briefing

Om een goed product te ontwerpen begin ik altijd bij de essentie van het product of het merk. Wat wil je bereiken als we klaar zijn met het traject. Het ontwerptraject kan er op basis van de uitdaging of jouw vraag anders uitzien, maar in de basis begin ik altijd met heel veel vragen, zo probeer ik me zo goed mogelijk in te leven in het merk, product en de eindgebruiker. Met deze informatie en een goede doelstelling kan ik het beste mijn ontwerp opzetten.

Userflow & Wireframing

Ik start altijd met een snelle schets zodat ik kan toetsen of ik de ’flow’ en de vraag goed heb begrepen. Na deze korte check begin ik met een wireframe of klikmodel. Meestal in zwart/wit en heel schematisch zodat we ons kunnen concentreren op de essentie en de logica van de opzet.

 
Studio Jop van der Kroef webdesign userflow schetsen

userflow testing

Studio Jop van der Kroef UI design webdesigner Haarlem wireframe

Wireframing in adobe XD

 

UI Design

Als ik de essentie eruit heb gefilterd kan ik ruis weglaten en concentreer ik me op de visualisatie en user interface design. Gebruiksgemak en visueel ontwerp vloeien samen en ontwikkelen zich tot een volledig product. Knoppen, typografie, kleuren en elementen worden gedocumenteerd zodat het consequent doorgevoerd kan worden.

 

Testen & Opleveren

Ik ontwerp interactief, dat betekend dat alle elementen die meerdere states hebben (knoppen, beelden, invul velden) bruikbaar zijn en klikbaar zijn. Op deze manier kan je het ontwerp gebruiken alsof het al live staat. De programmeur kan hier het meest efficiënt mee uit de voeten en ziet precies wat er moet gebeuren met de elementen. Zo lever ik mijn ontwerpen altijd netjes en overzichtelijk op.

 

 

Mijn tools

 

DEZE Software beheers ik

Zonder software kom ik nergens, er is tegenwoordig genoeg keuze om je designs tot leven te brengen of om je idee te visualiseren. Het scheelt dat ik het leuk vind om de updates en de nieuwe software in de gaten te houden. Ook ontwikkelingen in VR, AR & AI hou ik in de gaten.


Op dit moment zijn dit mijn weapons of choice.

 
 
 


 
 
 
 

 

Overige

 
 
 
 

Herken je jouw visie hierin en heb je een project of zoek je een samenwerkingspartner?

Dan wil ik graag kennis met je maken, drinken we een kop koffie of kom ik even langs. Alles laagdrempelig, geen enkel probleem als er geen match is.