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!

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