Spatial Anchor

Beschrijving van de interactie

Constraint: "Geen plattegrond, geen AR-overlay, geen spraak. Alleen de camera-app die iedereen al kent."

Alt C ontstond uit een simpele observatie: iedereen maakt toch al foto's tijdens een bezichtiging? Bij dit alternatief maakt de bezoeker simpelweg een foto van het gebrek met de telefoon-camera. Het is wat mensen nu al spontaan doen. Het verschil is dat de Funda-app de foto direct verrijkt.

Na het maken van de foto verschijnt een quick-tag overlay onderaan het beeld. De bezoeker selecteert in twee snelle tikken: (1) het type gebrek (💧 Vocht, 🔨 Schade, 👁️ Opmerking) en (2) de kamer (Keuken, Woonkamer, Badkamer, op basis van de kamers in de plattegrond). De foto wordt opgeslagen in een visueel grid-overzicht, per kamer gegroepeerd. Na de bezichtiging heeft de bezoeker een compleet fotoalbum van gebreken, geordend per ruimte.

De interactie is camera-first: de primaire actie is fotograferen, niet navigeren. De interface ondersteunt de foto-actie met minimale classificatie achteraf.

Theoretische onderbouwing

Interactieve Flow (stap voor stap)

1. Stap 1 — Funda Woningpagina: De bezoeker opent de Funda-app op de woningpagina. Hij ziet het huis, foto's, en basisinformatie. Onderaan staat de knop "Start Bezichtiging".
   Signifiers (Norman): de prominente knop communiceert dat er een bezichtigingsmodus beschikbaar is.
2. Stap 2 — Start Bezichtiging: De bezoeker tikt op "Start Bezichtiging". Een camera-knop verschijnt als floating action button (FAB) rechtsonder in het scherm. De FAB is geel/goud met een 📷 icoon; visueel onderscheidend van de rest van de interface.
   Signifiers (Norman): de camera-icoon op de FAB communiceert direct "je kunt hier fotograferen". De positie rechtsonder sluit aan op gevestigde Android-Material Design patronen.
3. Stap 3 — Gebrek observeren: De bezoeker loopt door de keuken en ziet een vochtplek. Hij haalt de telefoon erbij en tikt op de camera-FAB. De camera opent fullscreen.
   Flow-onderbreking (Csikszentmihalyi): de bezichtiging wordt kort onderbroken door telefoongebruik. Geen navigatie nodig, direct naar camera.
4. Stap 4 — Camera opent + fotograferen: De camera-interface verschijnt fullscreen. De bezoeker richt op de vochtplek en maakt een foto door op de knop te tikken. Eén tik. De knop is groot en centraal gepositioneerd. Een kort flash-effect bevestigt de opname.
   Affordance (Norman): de knop is de universele affordance voor "foto maken". Elke smartphone-gebruiker herkent dit patroon zonder uitleg.
5. Stap 5 — Quick-tag overlay: Direct na de foto schuift een tag-balk omhoog. Bovenaan: de zojuist gemaakte foto als preview. Daaronder twee rijen chips: rij 1 = type (💧 Vocht, 🔨 Schade, 👁️ Kijk), rij 2 = kamer (Keuken, Woonkamer, Badkamer). De chips zijn ruime touch-targets.
   Extraneous Cognitive Load (Whitenton): de chips zijn visueel en voorgecategoriseerd, de bezoeker hoeft niets te typen of te onthouden. De foto bovenaan dient als context-anker: "dit is wat ik net zag."
6. Stap 6 — Selectie: De bezoeker tikt op "💧 Vocht" (chip kleurt groen) en "Keuken" (chip kleurt blauw). Twee snelle tikken. De tag-balk verdwijnt. Totale tijd voor stap 5+6: circa 3 seconden.
   Gulf of Execution (Norman): klein maar niet minimaal. De bezoeker moet twee keuzes maken (type + kamer), maar de voorgecategoriseerde chips maken dit snel en laagdrempelig.
7. Stap 7 — Bevestiging: Een korte toast schuift omhoog: "📸 Opgeslagen in Keuken". De camera-FAB toont nu een badge met het aantal observaties (●1). De badge pulseert kort.
   Feedback (Norman): dubbele bevestiging (toast + badge). De badge op de FAB is een persistente signifier die de bezoeker herinnert dat er observaties zijn opgeslagen.
8. Stap 8 — Volgende observatie: De bezoeker loopt door, ziet een scheur in de woonkamer, tikt weer op de FAB, fotografeert, tagt: 🔨 Schade + Woonkamer. Het patroon herhaalt zich identiek. Badge: ●2.
   Consistency (Nielsen): identiek herhalend patroon. FAB → foto → tag → toast. De gebruiker leert het na één cyclus. ⚠️ Sociale frictie: het zichtbaar fotograferen van gebreken in aanwezigheid van de makelaar kan ongemakkelijk zijn.
9. Stap 9 — Grid-overzicht: Na de bezichtiging opent de bezoeker het overzicht. Een visueel grid toont alle foto's, gegroepeerd per kamer, met type-iconen als overlay. De bezoeker kan elke foto aantikken voor detail. De herkenning is maximaal: de bezoeker ziet het gebrek.
   Recognition vs. Recall (Budiu): de Recognition is op foto-niveau. De bezoeker herkent het gebrek visueel, in hoge resolutie, met rijke context (de muur, de tegel, het aanrecht ernaast). Foto's activeren zowel visuele als verbale geheugencodering (Dual Coding Theory, Paivio).

Schetsen: Wisselwerking Mens ↔ Product

De wisselwerking bij Alt C draait om een fotografeer-loop: camera openen → fotograferen → taggen. Per gebrek zijn dat 4 input-stappen. De sterkte zit in het overzicht achteraf: foto's bieden de rijkste Recognition van alle alternatieven.

Storyboard

Onderstaand storyboard toont de volledige interactieflow van Alt C: van het openen van de camera tot het terugkijken van getagde foto's na de bezichtiging.

Waarde van dit alternatief voor het ontwerp

Waarom deze theorie relevant is

Alt C is ontworpen vanuit Affordance Theory (Norman, 2013): de camera-knop is de meest universele affordance op een smartphone want iedereen weet hoe je een foto maakt. Door bewust te kiezen voor een camera-first interactie valt de leercurve eigenlijk helemaal weg. Anders dan bij Alt A (nieuwe plattegrond-interface) en Alt B (360°-navigatie), sluit Alt C aan op gedrag dat bezoekers nu al vertonen: mensen maken toch al foto's tijdens bezichtigingen. De perceived affordance is maximaal als het interactiepatroon al bekend is.

Recognition vs. Recall (Budiu, 2014) is hier op een ander niveau relevant dan bij Alt A. Waar Alt A indirecte herkenning biedt (abstracte kaart), biedt Alt C directe visuele herkenning: de bezoeker ziet letterlijk de foto van het gebrek in hoge resolutie, met alle visuele context (de muur, het aanrecht, de kleur van de tegels). Dual Coding Theory (Paivio, 1991) voorspelt dat deze combinatie van visueel en verbaal geheugen (foto + tag) een sterkere herinnering oplevert dan een abstracte pin op een kaart.

Waarde voor het ontwerp

Alt C definieert het andere uiterste van de design space: waar Alt A de meest abstracte verankering biedt (pin op kaart), biedt Alt C de meest concrete verankering (foto van het gebrek zelf). Deze polariteit is bewust gekozen om de ontwerpstudie de maximale breedte te geven. De technische implementatie is de eenvoudigste van alle drie alternatieven: Funda hoeft alleen een camera-integratie en een tagging-systeem toe te voegen.

De unieke waarde is het foto-overzicht achteraf: een visueel grid per kamer met type-iconen biedt de rijkste Recognition van alle alternatieven. De bezoeker hoeft niet te herinneren want hij ziet het gebrek. Dit maakt Alt C theoretisch het sterkste alternatief voor de terugkijk-fase (na de bezichtiging), terwijl Alt B sterker is in de markeer-fase (tijdens de bezichtiging).

De zwaktes — Flow-onderbreking (fotograferen kost ook tijd en aandacht) en sociale frictie (de makelaar ziet je actief gebreken fotograferen) — heb ik bewust gedocumenteerd want ze leggen een interessant ontwerpdilemma bloot: als je het meest concrete medium wil (een foto), dan moet je ook de meest zichtbare actie doen (camera ophouden). Dat is iets om mee te nemen naar de convergentie.