Een goede interface (website of app) is prikkelend, houdt de aandacht vast en nodigt de bezoeker uit om in actie te komen.

Bij UI (User Interface) design draait het om de wow-factor. En wel op die manier dat de gebruikers snel en efficiënt hun doel bereiken. Soms zit dat in de kleine details, zoals de vorm van een knop of de lettergrootte van een tekst.

In deze praktijkgerichte 3-daagse opleiding leer je de ervaring van de gebruiker te kiezen als uitgangspunt voor het ontwerp van je website of app. Je verwerft de skills die je nodig hebt om een digitaal product te creëren.

Je begint met de basis en leert stap voor stap met de meest recente tools werken. Van design naar presentatie tot oplevering en alles daar tussen.

In deze opleiding leer je alle skills, tools en processen die nodig zijn om een succesvol UI-designer te worden. De volgende zaken komen aan bod:

• Welke grafische elementen of lay-out werken het beste voor jouw toepassing? En hoe zet je deze aantrekkelijke grafische elementen om in gebruiksvriendelijke, intuïtieve en efficiënte toepassingen?
• Welke elementen gebruik je om je gebruikers en/of bezoekers gemakkelijk door je website of app te loodsen?
• Waar plaats je de buttons en call-to-actions voor je gebruiker zodat de interface gemakkelijk te begrijpen is?
• Alle aspecten van de levenscyclus van productontwikkeling uitvoeren, inclusief interface-ontwerp
• Wireframes (prototypes) bouwen in de huidige tools

Na de opleiding heb je een eigen design tot stand gebracht dat je kan toevoegen aan je portfolio of waarmee je onmiddellijk aan de slag kan in je eigen organisatie.

DAG 1

1. Inleiding

• Wat is UI?
• Interface
• User
• Design
• Waarom is dit belangrijk?

2. UX-designproces

• Design-thinking in de praktijk 
• Van UX-strategie naar user research, Informatiearchitectuur, UX design tot usability

3. Userinterface elementen

• De belangrijkste UI-elementen
• Hoe bouw je hier een designsysteem rond?

4. De 10 principes van UI-design

5. Visual design

• Starten bij de basis met tips en trucs over hiërarchie, typografie, kleur, beelden, tools ...

6. De verschillende features in UI-designapps

Samen verkennen we tools zoals Sketch, Adobe XD en Figma.

• Typografie
• Shapes
• Symbols
• Plugins
• Beelden (foto’s, pictogrammen …)

We leren met deze features te werken door samen enkele UI-elementen te maken (button, check box, input field, CTA banner …)

DAG 2

1. Concept & toelichting oefening

• Welke informatie is belangrijk om te tonen?
• Wat triggert er iemand?
• Hoe en welke informatie visualiseer ik?
• Hoe ga ik om met filters?
• Enz ...

Het doel is om in groep na te denken over de inhoud van een scherm.

2. Schetsen

3. Schets omzetten in wireframe

4. Schetsen bespreken

DAG 3

1. Wireframes

• Finaliseren en design optimaliseren

2. Prototype

• Schermdesign omzetten in klikbaar prototype
• Tips & tricks om het project te presenteren zoals je dit bij een klant zou doen

Breng zeker je laptop mee, Mac of Windows. Tijdens de opleiding verkennen we verschillende UI-designprogramma's zoals Sketch, Adobe XD en Figma.