Welkom bij KAI

Principe

Gestalt principe: Similarity

Gestalt principes gaan over hoe jouw brein omgaat met visuele informatie. 'Gestalt principe: Similarity' gaat over elementen die visueel op elkaar lijken.

Principe

Gestalt principe: Proximity

Gestalt principes gaan over hoe jouw brein omgaat met visuele informatie. 'Gestalt principe: proximity' gaat over elementen die dicht bij elkaar staan.

Principe

Gestalt principe: Closure

Gestalt principes gaan over hoe jouw brein omgaat met visuele informatie. 'Gestalt principe: Closure' gaat over elementen die met elkaar aan een andere vorm bijdragen.

Principe

Gestalt principe: Continuity

Gestalt principes gaan over hoe jouw brein omgaat met visuele informatie. 'Gestalt principe: Continuity' gaat o.a. over elementen die uitgelijnd zijn met elkaar.

Beroepstaak

Schermontwerp

Een schermontwerp is een visuele beschrijving van alle inhoud en interactie op een (beeld)scherm van een digitale applicatie

Beroepstaak

Interactieontwerp

Een interactieontwerp beschrijft hoe de interactie tussen een mens en een machine (systeem) kan gaan.

Methode

Bloemassociatie

Methode waarbij je een netwerk van geassocieerde onderwerpen visualiseert

Methode

Crazy 8

Methode waarbij je snel 8 verschillende oplossingsrichtingen voor een probleem bedenkt

Methode

Affinity mapping

Methode waarbij resultaat van een onderzoek of brainstorm wordt gestructureerd en geprioriteerd

Beroep specifieke term

(Perceived) affordance

Een vakterm die gebruikt wordt om te duiden wat iets met zijn uiterlijk uitdaagt ermee te kunnen doen

Principe

Form follows function

Principe dat stelt dat de functie van iets leidend is bij de vormgeving van dat zelfde

Methode

The Double diamond

Methode

Gebruik testen

Test personen (liefst hardopdenkend) een vooropgesteld doel laten behalen met jouw prototype

Methode

Hardop denken

Door testpersonen te stimuleren hardop te denken kun je er sneller achter komen waarom er iets niet lekker werkt. Wordt vaak gebruikt tijdens gebruikstesten

Principe

Consistency matters

Een van de Principles of User Interface Design waar niet alleen wordt gepleit om elementen op het scherm die hetzelfde doen er ook hetzelfde uitzien maar maar meer nog omgekeerd dat elementen die iets anders doen er dan ook anders uitzien!

Artikel

Dominance, Focal Points And Hierarchy

Artikel over Design Principles: Dominance, Focal Points And Hierarchy

Stappenplan

Hoe maak je een schermontwerp

Bij het vak Visual interface design is sprake van een aanpak waarbij eerst een ’Schermontwerp’ wordt gemaakt en opvolgend een ‘Visual design’ voor dezelfde schermen. Bij deze aanpak worden o.a. een aantal ‘Principles of user interface design’ toegepast.

Beroep specifieke term

Feedforward

Onderdeel bij een interactieve control om de gebruiker het gevoel van controle te geven [Keep users in control]

Beroep specifieke term

Feedback

Onderdeel bij een interactieve control om de gebruiker het gevoel van controle te geven [Keep users in control]

Beroep specifieke term

Status indicator

Onderdeel bij een interactieve control om de gebruiker het gevoel van controle te geven [Keep users in control]

Principe

Keep users in control

Een van de Principles of User Interface Design waar beschreven wordt wat er allemaal nodig is om de gebruiker het maximale gevoel van controle te geven

Definitie

Product biografie

Verhalend verslag over het ontstaan van een product

Beroepstaak

Microinteractions

Beroep specifieke term

Trigger

Een trigger is een mechanisme, dat een proces in gang zet

Artikel

7 secrets for enhancing UX with micro-interactions

Artikel over hoe je microinteractions op verschillende manieren kunt gebruiken om de gebruiks ervaring van een visuele interface te verbeteren

Definitie

Design Rationale

Documentatie van de redenen of gedachtegangen achter de genomen beslissingen bij het ontwerpen van een systeem of product

Definitie

Use Case

Een usecase beschrijft hoe een doel kan worden bereikt, of een taak kan worden uitgevoerd binnen een systeem

Definitie

Wireframe

Wireframes zijn eenvoudige, visuele weergaven die de basisstructuur en indeling van een pagina of interface laten zien.

Beroepstaak

Customer journey map

Visualisatie van de reis die een gebruiker aflegt tussen de verschillende media gedurende een periode inzake een product, dienst of service Een Customer Journey, oftewel klantreis, is een model dat de ervaring van een klant visualiseert, van het moment dat de klant zich bewust wordt van een probleem tot aan het moment dat de klant een loyale klant wordt. Het model geeft inzicht in de behoeften, emoties, verwachtingen en mogelijke afhaakmomenten van de klant tijdens de interactie met een bedrijf

Definitie

Minimum viable product

Het product bevat dusdanig veel functionaliteit dat het voor de beoogde gebruikers van toegevoegde waarde is en daarmee levensvatbaar voor gebruik is.

Definitie

User story

Definitie

Jobstory

Definitie

Ontwerpvraag

Ontwerpvragen beginnen met Hoe kun je …? Het zijn concrete, open vragen die de kern raken van een ontwerpprobleem. Goede ontwerpvragen zorgen ervoor dat je direct aan oplossingen denkt en ideeën krijgt.

Beroepstaak

Screen flowchart

Stappenplan

Hoe maak je een Screen flowchart

Stappenplan

Hoe maak je een Customer journey

Stappenplan

Hoe maak je een Micro interactie

Beroep specifieke term

Happy flow

Beroep specifieke term

Contingency design

Cruciaal deel van het interactie ontwerp waar ontworpen wordt voor wat er fout kan gaan. Deels ter voorkoming daarvan en deels 'hoe dit op te lossen' bij voor alles wat er maar fout kan gaan in het gebruik er ontworpen wordt hoe dit voorkomen kan worden maar ook wat er gebeurd als het toch niet goed gaat.

Visie

Good design should be thorough to the last detail

Een van de velen pricipes van Dieter Rams over waar goed design aan zou moeten voldoen

Thema

Doelgericht vormgeven

De functie van een ‘visuele vormgeving’ van een element op het scherm: Met het toepassen van de ‘Huisstijl’ of de gewenste ‘Look & Feel’ wordt het schermontwerp afgerond. Elk onderdeel van het scherm heeft nu een bepaalde vorm. Deze vorm(geving) kan per onderdeel één of meerdere doelen dienen. Als vormgever zou je je bewust moeten zijn van wat welk doel dient op het scherm tot op de laatste pixel

Model

The UI stac

Principe

A crucial moment: the zero state

Model

The planes of user interface design