Figma

Auto layout

Gebruik components

Terugkerende elementen: vb: navigatie => maak component

Systemen

• Maak gebruik van styles - kleur, typo, effects en grid Consistentie doorheen de app

Prototyping

• Gebruik componenten om kleine zaken te wijzigen binnen een scherm ipv een scherm te herhalen
• Maak gebruik van doordachte overgang tussen frames links swipen en rechts komt er sidebar binnen

UI/UX

Leesbaarheid

Ontwerp je voor mobile? Zorg dat je hoofdtekst niet kleiner is dan 16px.

Test via Figma mirroring op jouw toestel!

https://www.figma.com/mirror

Of download de app

Logische flow

• Bekijk je design kritisch en vergeet belangrijke functionaliteiten niet.

• De opbouw moet logisch en doordacht zijn.

• Vermijd dead-ends

Verwelkom je gebruiker - onboarding

Splash screen: bij de eerste aanblik is duidelijk waarover

je app gaat: plant, muziek, fitness, reizen, weer, to-do

Button hiërarchie

hiërarchie in de elementen

Variatie

Wissel verticale scrolling af met horizontale scrolling

Voorbeelden

enkele voorbeelden

splash screen

onboarding

reizen

fitness

zoeken

hiërarchie

onderscheidende elementen

onderscheidende elementen

meerdere schermen voor 1 functie

meerdere schermen voor 1 functie

Constructieve feedback

Constructieve feedback

Wat is het doel van feedback geven?

Bij positieve aspecten: Je helpt je mede-student te erkennen wat hun talenten zijn
Bij negatieve aspecten: Je probeert de ander handvaten te geven waarvan ze beter kunnen worden

Constructieve feedback

Wees specifiek, welk aspect vond je goed of slecht?

Zeg niet: "Goeie user story!"

Maar zeg: "Ik vond het een accurate user story omdat je 6 verschillende aspecten aangeraakt hebt."