We gaan te snel!

21:00 - “Het mag wel mooier”

Ik kijk naar mijn app. Het werkt. Maar… het is niet mooi genoeg.

Ik had referentie screenshots verzameld (Fastic, HealthTrack UI Kit, etc.) en zei tegen Claude:

“Kijk naar deze voorbeelden en kom met een nieuw ontwerp.”

Complete design overhaul (1 uur)

UI Specialist ging los:

  • Quick stats 2×2 grid met circular progress
  • Water intake visualisatie: 8 druppel iconen die oplichten! 💧
  • Alcohol selector: grotere pills
  • Health score: compacter, minder dominant
  • Gradient accenten: terracotta & sage green (premium look!)
  • Grotere headings, meer breathing room

Result: App ziet er nu uit als een €10/maand premium product. En het is gratis!

22:30 - De wake-up call

Ik vraag: “Staat dit op GitHub? Wat zegt de Product Owner?”

Claude’s response:

“Shit, we zijn aan het cowboy coden. Laat me het team samenbrengen.”

Sprint review

@ProductOwner:

“Geweldig design work! MAAR… we hebben untested code in production. Dit is een health app! We moeten testen VOORDAT we shippen.”

@QALead:

“We hebben 0 tests. 0 manual testing. 0 accessibility validation. Dit is ROOD VLAG niveau 1.”

@LeadFrontend:

“Code quality is OK, maar we hebben geen DoD gevolgd.”

@ProjectManager:

“Werk niet op GitHub bord. Issues niet bijgewerkt. We hebben geen Definition of Done!”

Team decision

⏸️ PAUSE development. START testing.

Accessibility audit

Overall Score: 51% 🟡

  • 🟢 Touch targets: PASS (all >= 64×64px)
  • 🟡 Contrast ratios: 1 FAIL (sage green gradient)
  • 🔴 Keyboard nav: FAIL (no skip link, focus indicators weak)
  • 🔴 Screen reader: FAIL (SVG no aria-labels, water glasses not accessible)

Reality check: 51% zou afgekeurd worden door Apple App Store.

Process geborgd

Definition of Done aangemaakt:

  • Code quality checklist
  • Testing requirements (80% coverage target)
  • Accessibility criteria (WCAG 2.1 AA)
  • Documentation standards
  • Security checks

Agile Workflow opgesteld:

  • Sprint ceremonies
  • Issue lifecycle
  • Branch strategy
  • PR process

No more cowboy coding! 🤠➡️📋

Quick win: contrast fix (10 min)

Issue #17 gefixt:

/* Before: FAIL (3.85:1) */
background: linear-gradient(135deg, #8B9E7D 0%, #6D7D5F 100%);

/* After: PASS (4.52:1) ✅ */
background: linear-gradient(135deg, #7A8B6E 0%, #6D7D5F 100%);

1 accessibility blocker removed in < 10 min!

Wat ik leerde

1. Te snel gaan = tech debt

We bouwden features zonder tests. Dit is technical debt. Tests TIJDENS development, niet erna.

2. Agile process is niet overhead

Ik dacht: “Issues, PRs, DoD… dat is voor grote teams!”

Wrong. Ook solo dev met AI heeft proces nodig. Anders wordt het chaos.

3. Accessibility is niet optioneel

Health apps zijn vaak voor mensen met beperkingen. Screen reader support is core functionality.

4. AI kan alles… behalve beslissen

  • Moet ik feature X of Y eerst bouwen? → Mens beslist
  • Ship we dit naar production? → Mens beslist
  • Wat is acceptable risk? → Mens beslist

AI = super krachtige tool. Mens = stuurman.

Product owner’s verdict

“Great design work, but we MUST test before production. No exceptions! Eerst quality, dan quantity.”

Status: 🟡 CONDITIONALLY APPROVED

Condition: Testing must be done binnen 2 dagen.

Soms moet je even stoppen om verder te kunnen.