AAlternatief A: Pin op de Plattegrond
Beschrijving van de interactie
De bezoeker opent tijdens de bezichtiging de Funda-app en navigeert naar een interactieve 2D-plattegrond van de woning. De plattegrond toont een bovenaanzicht met kamerlabels (Woonkamer, Keuken, Slaapkamer 1, etc.). Wanneer de bezoeker een gebrek observeert, zoekt hij op de plattegrond de keuken op, tikt op de geschatte locatie van het gebrek, en voegt via een tekstinvoerveld een korte beschrijving toe. Na het opslaan verschijnt er een gekleurde pin op de plattegrond. Na de bezichtiging kan de bezoeker alle geplaatste pins terugzien op de plattegrond als een visueel overzicht.
De interactie is allocentrisch (Klatzky, 1998): de bezoeker kijkt van bovenaf naar de plattegrond. Dat voelt intuïtief, maar je verliest daarmee de "ik sta in die kamer" beleving.
Theoretische onderbouwing
Mental Models (Norman, 2013)
De plattegrond-interactie leunt op het mentale model van "pinnen op een kaart". Denk aan Google Maps, Apple Kaarten. Dit maximaliseert de Learnability: de bezoeker hoeft geen nieuw interactiepatroon te leren, omdat het patroon al duizenden keren is gebruikt in andere contexten. Het conceptueel model (Norman) sluit aan op het mentale model van de bezoeker.
Recognition vs. Recall (Nielsen, 1994; Budiu, 2014)
De plattegrond fungeert als visuele context. Door de kamerlabels en de ruimtelijke indeling te zien, hoeft de bezoeker niet puur uit het geheugen te werken. De extraneous cognitive load (Sweller, 1988; Whitenton, 2013) wordt verlaagd: de plattegrond activeert herkenning ("Ah ja, de keuken was hier") in plaats van actieve herinnering. De herkenning is wel indirect: je herkent een 2d kaart, niet het gebrek zelf. Dat is een belangrijk verschil waar ik later op terugkom.
Gulf of Execution (Norman, 2013)
Hoewel het patroon bekend is, ontstaat er een grote Gulf of Execution. De gebruiker staat fysiek in een 3D-kamer, maar moet mentaal navigeren naar een 2D-representatie. Deze cognitieve vertaalslag van 3D naar 2D zorgt voor frictie, precies op het moment dat de gebruiker al onder tijdsdruk staat. De kloof tussen intentie en de benodigde actie is onnodig groot.
Interactieve Flow (stap voor stap)
- Stap 1 — Funda Woningpagina: De bezoeker opent de Funda-app en bekijkt de woningpagina
van het huis dat bezichtigd wordt. Foto's, prijs, en basisinformatie zijn zichtbaar. De "Start Bezichtiging"
knop is duidelijk zichtbaar onderaan.
Signifiers (Norman): de knop communiceert direct de beschikbare actie. - Stap 2 — Start Bezichtiging: De bezoeker tikt op de knop "Start Bezichtiging". De app
schakelt over naar de bezichtigingsmodus met een fade-transitie.
Feedback Principle (Norman): de transitie-animatie bevestigt dat de modus is gewijzigd. - Stap 3 — Plattegrond verschijnt: Een interactieve 2D-plattegrond van de woning
verschijnt. Kamers zijn gelabeld (Woonkamer, Keuken, Hal, WC). De bezoeker ziet het volledige huis in
bovenaanzicht. Dit is een allocentrisch perspectief: het verschilt van hoe de
bezoeker de ruimte fysiek ervaart.
Mental Models (Norman): het "pin-op-kaart" patroon sluit aan op bestaande mentale modellen. Learnability is hoog. - Stap 4 — Gebruiker observeert gebrek: De bezoeker loopt fysiek door de keuken en ziet een
vochtplek naast het aanrecht. De bezoeker moet nu de telefoon erbij pakken, hier begint de
Flow-onderbreking: het rondkijken stopt, de aandacht verschuift naar het scherm.
Flow-onderbreking (Csikszentmihalyi): de bezichtiging wordt onderbroken door telefoongebruik. Context-switch van fysieke ruimte naar digitaal scherm. - Stap 5 — Locatie zoeken op plattegrond: De bezoeker zoekt op de 2D-plattegrond waar de
keuken is. Er vindt een mentale 3D-naar-2D vertaling plaats. De bezoeker scrollt en oriënteert zich. Deze
stap kost 5-10 seconden cognitieve
verwerking.
Gulf of Execution (Norman): de kloof tussen de intentie ("markeer dit gebrek") en de benodigde actie (navigeer een abstracte kaart) is hier het grootst. De 3D→2D vertaling is de zwakte van dit alternatief. - Stap 6 — Tik op locatie: De bezoeker tikt op de geschatte plek op de plattegrond. Een
invoerveld schuift omhoog met de vraag: "Beschrijf het gebrek..." Het tikpunt wordt
gemarkeerd met een pulserende stip.
Perceived Affordance (Norman): het invoerveld verschijnt als directe reactie op de tik, de signifier communiceert wat er nu verwacht wordt. - Stap 7 — Typ beschrijving: De bezoeker typt: "Vochtplek naast het aanrecht". Het
toetsenbord neemt het onderste 50% van het scherm in beslag. De plattegrond is nauwelijks
meer zichtbaar. De bezoeker kijkt naar het scherm, niet naar de kamer, de bezichtiging is volledig
gepauzeerd.
Extraneous Cognitive Load (Whitenton): het typen en tegelijk proberen te onthouden wat je zag voegt onnodige belasting toe. Het toetsenbord blokkeert bovendien de visuele context van de plattegrond. - Stap 8 — Pin geplaatst: Na het opslaan verschijnt een gekleurde pin op de
plattegrond met een label. Een toast-notificatie schuift omhoog: "✓ Opgeslagen". Het toetsenbord verdwijnt.
De plattegrond is weer volledig zichtbaar.
Feedback (Norman): de toast en de visuele pin bevestigen samen dat de actie is voltooid. Dubbele feedback (visueel + tekst) versterkt het gevoel van controle. - Stap 9 — Overzicht na bezichtiging: Na de bezichtiging toont de app alle geplaatste pins
op de plattegrond. De bezoeker kan elk pin-label aantikken om de beschrijving terug te lezen. De pins
zijn gegroepeerd per kamer door hun positie op de kaart.
Recognition vs. Recall (Nielsen/Budiu): de plattegrond met pins activeert herkenning ("Ah ja, de keuken was hier"). Maar de Recognition is indirect want de bezoeker herkent een abstracte kaart, niet het gebrek zelf.
Schetsen: Wisselwerking Mens ↔ Product
Onderstaande toont de interactie als wisselwerking (Mens-Product-Interactie model): elke rij is een input-output uitwisseling. Blauw = wat de mens doet (input), oranje = wat het systeem teruggeeft (output). Bij Alt A herhaalt Loop 2–4 zich per gebrek dus bij 5 gebreken doorloop je deze wisselwerking 5×. De ⚠️ in Loop 2 geeft de cognitieve bottleneck aan: de 3D→2D mentale vertaalslag.
Totale schermtijd bij 5 gebreken: ~2 min van 15 min bezichtiging (≈14%)
Storyboard (AI gegenereerd)
Onderstaand storyboard toont de volledige interactieflow van Alt A: van het openen van de plattegrond tot het terugkijken van geplaatste pins na de bezichtiging.
Theoretische afwegingen van dit alternatief voor het ontwerp
Waarom deze theorie relevant is
Aan de ene kant voorspelt Mental Models (Norman, 2013) dat het plattegrond-patroon maximale Learnability biedt want iedereen kent het "pin op kaart"-patroon. Aan de andere kant voorspelt Gulf of Execution (Norman, 2013) dat de 3D-naar-2D vertaalslag cognitieve frictie oplevert, precies op het moment dat de bezoeker al onder tijdsdruk staat. Alt A maakt deze ''spanning'' zichtbaar: hoe ver kom je met een universeel begrepen patroon als de executie-kloof groot is?
De theorie van Recognition vs. Recall is hier relevant omdat de plattegrond een indirecte vorm van herkenning biedt want de bezoeker herkent een abstracte kaart, niet het gebrek zelf. Dat is precies het verschil met Alt B (ruimtelijke herkenning) en Alt C (fotografische herkenning) en daardoor wordt de vergelijking tussen de drie ook echt zinvol.
Waarde voor het ontwerp
Alt A is als de baseline van de ontwerpstudie. Het maximaliseert technische haalbaarheid want Funda beschikt al over plattegronden bij veel woningen, dus de data-infrastructuur bestaat al.
De waarde van deze aanpak zit ook in het feit dat het de ondergrens (het minimum) van Spatial Anchoring definieert. Als iets simpels als een plattegrond al helpt om observaties te verankeren (ondanks de cognitieve vertaalslag), dan bevestigt dat het kernprincipe van Spatial Anchoring. Tegelijk legt Alt A precies bloot waar de opportunity zit voor de andere alternatieven: de 3D→2D vertaalslag in Loop 2 kost 5-10 seconden per gebrek. Dat is de ontwerpruimte die Alt B en C proberen te elimineren.
De zwakte van de cognitieve vertaalslag is een bewuste ontwerpkeuze die de waarde van de andere alternatieven zichtbaar maakt. Zonder Alt A als referentiepunt kun je niet goed beoordelen wat 360°-navigatie (Alt B) of camera-first interactie (Alt C) nou eigenlijk beter doet.