Precieze interface-instructies

Hoe zet u een idee voor een scherm om in instructies die precies genoeg zijn om het gegenereerde resultaat te controleren?

  • Lovable
  • Claude Code
  • Codex

1250 € per sessie, excl. btw

Samengevat

Tijdens deze halve dag van 3 uur leert u een interface met precieze woorden te omschrijven: gebruikers, zones, componenten, inhoud en verwacht gedrag. Aan de hand van een fictieve casus schrijven de deelnemers een instructie, observeren ze een begeleide generatie en corrigeren ze dubbelzinnigheden. Ze vertrekken met een bruikbare beschrijving en een controlelijst.

Waarom deze opleiding?

Een vraag zoals ‘maak een moderne pagina’ laat de hiërarchie, de teksten en de reacties op klikken onbepaald. Door deze elementen te beschrijven, beperkt u impliciete interpretaties en kunt u het resultaat bespreken zonder het enkel over smaak te hebben. Codegeneratie neemt de noodzaak niet weg om de interface te controleren. Het onderscheid leren maken tussen een ontbrekende instructie en een afwijking in de uitvoering helpt om gerichte correcties te vragen, zonder steeds meer tegenstrijdige wijzigingen aan te brengen. Doorlopende casus: De fictieve vereniging ‘Avelune Ateliers’ wil haar reparatieworkshops voorstellen op een scherm dat op een telefoon kan worden bekeken. Bezoekers moeten een sessie kunnen vinden, de informatie erover raadplegen en begrijpen hoe ze een plaats kunnen aanvragen. De tijdstippen, activiteiten en beschikbaarheden zijn volledig fictief. Toepassing op het werk: Hergebruik het sjabloon om een eenvoudig scherm van uw organisatie te beschrijven, met geanonimiseerde inhoud. Laat de beschrijving vóór elke generatie nalezen door een collega en noteer vervolgens de afwijkingen tussen de bedoeling en het weergegeven resultaat, zonder een uitrol te starten.

De doelstellingen van deze opleiding

  • De gebruiker, diens hoofdtaak en de verwachte actie identificeren.
  • De zones van een scherm in hun leesvolgorde beschrijven.
  • De labels, interacties en nuttige toestanden preciseren.
  • Een gestructureerde instructie schrijven zonder verplicht technisch jargon.
  • Het weergegeven resultaat vergelijken met de beschrijving en een gerichte correctie formuleren.

Voor wie en met welke voorkennis?

Betrokken rollen en taken

  • Medewerkers die geen ontwikkelaar zijn en een idee voor een scherm willen verwoorden.
  • Activiteitsverantwoordelijken die hun verwachtingen aan een digitaal team moeten uitleggen.

Vereiste voorkennis

  • Geen voorkennis van AI of code vereist.
  • Op een webpagina kunnen navigeren en tekst kunnen invoeren.

Waaraan u werkt

  1. Van idee naar taak

    Doel: Afbakenen wat de bezoeker moet begrijpen en doen. Gebruiker, mobiele context, prioritaire informatie en hoofdactie; verschil tussen uiterlijk en gedrag.

  2. Zones en toestanden benoemen

    Doel: Vage bijvoeglijke naamwoorden vervangen door controleerbare elementen. Titels, kaarten, knoppen, leesvolgorde, expliciete labels en informatie die niet uitsluitend door kleur wordt overgebracht.

  3. Schrijven en vervolgens een generatie observeren

    Doel: De precisie van de instructies koppelen aan het verkregen resultaat. Lovable, Claude Code en Codex: code genereren en wijzigen op basis van instructies, afhankelijk van hun omgeving. Officiële documentatie voor de werkwijze; menselijke beoordeling, tests en beheer van geheimen.

  4. Controleren en corrigeren zonder alles te herschrijven

    Doel: Meten hoe getrouw het weergegeven resultaat de bedoeling volgt. Controle van inhoud, hiërarchie, toestanden en leesbaarheid op mobiele toestellen; onderscheid tussen gesimuleerd gedrag en echte werking.

Wat u meeneemt

  • Fiche met gebruiker, taak en hoofdactie.
  • Gestructureerde beschrijving van het scherm en zijn toestanden.
  • Eerste instructie en verzoek om een gerichte correctie.
  • Ingevuld conformiteitsraster met waargenomen afwijkingen.

Methode en evaluatie

  • Korte toelichtingen, onmiddellijk gevolgd door oefeningen met de doorlopende casus.
  • Individueel werk, daarna werk in duo’s, waarbij deelnemers elkaars werk nalezen.
  • Begeleide gezamenlijke bespreking: wat werkt, wat moet worden gecorrigeerd en wat een menselijke beslissing blijft.
  • Voorbereiding: Voorzie een computer en controleer de toegang tot een van de tools die de organisatie toestaat. Bereid het fictieve scenario en de bijbehorende inhoud voor; deel geen persoonsgegevens of geheimen.

Observeerbare criteria: De beschrijving benoemt een gebruiker en een ondubbelzinnige hoofdactie. ; Elke zone heeft een rol, inhoud en een relatieve positie. ; De knoppen hebben een expliciet label en expliciet verwacht gedrag. ; De toestanden beschikbaar, volzet en bevestiging zijn beschreven. ; Het raster maakt onderscheid tussen conform, gedeeltelijk en afwezig, met een observeerbaar voorbeeld voor elke afwijking..

Veelgestelde vragen

Moet u kunnen programmeren?

Nee. De oefeningen richten zich op de gebruikte woorden en de visuele controle, met begeleide bediening.

Worden de drie tools gebruikt?

Nee. Eén toegestane tool volstaat; de werkwijze hangt af van de beschikbare toegang en de officiële documentatie ervan.

Mag u een intern scherm meebrengen?

Alleen in geanonimiseerde en toegestane vorm. De fictieve casus blijft beschikbaar om elke blootstelling van gevoelige informatie te vermijden.

Is het verkregen scherm klaar voor publicatie?

Nee. Het weergegeven resultaat dient om te leren; publicatie zou onder meer een codebeoordeling, tests en een controle op geheimen vereisen.

Laatst bijgewerkt: