Någon som aldrig sett appen kan anmäla sig utan att du står bredvid och förklarar. Det är hela kravet, och det är hårdare än det låter — du kommer att upptäcka minst tre saker första gången du provar det på en riktig person.
Bekräftelsen som nästan alltid saknas
Den vanligaste bristen i en vibecodad app: man trycker Anmäl, något händer i bakgrunden, och skärmen ser ut precis som förut. Användaren drar den enda rimliga slutsatsen — att det inte fungerade — och trycker igen. Nu har du dubbla anmälningar.
När en anmälan har sparats ska formuläret ersättas med en bekräftelse: Tack, du är anmäld, följt av namnet som anmäldes och vilken aktivitet det gäller.
Medan anmälan sparas ska knappen bli inaktiv och visa Skickar…, så att den inte kan tryckas två gånger.
Om något går fel ska texten Något gick fel, försök igen visas, och de ifyllda uppgifterna ska ligga kvar i fälten.
De tre stycknena motsvarar de tre tillstånd varje formulär har: pågår, lyckades, misslyckades. Nästan all upplevd krånglighet i småappar kommer av att bara det första är byggt.
Felmeddelanden som hjälper
Ett felmeddelande ska säga vad användaren ska göra, inte vad som hände i koden. Skillnaden är hela användbarheten.
Meddelanden som stjälper
- "Ogiltig inmatning"
- "Fel: 400"
- "Validering misslyckades"
- "E-postadressen matchar inte mönstret"
- Ingenting alls
Meddelanden som hjälper
- "Fyll i ditt namn"
- "Kontrollera mejladressen — den ska innehålla ett @"
- "Du är redan anmäld med den här mejladressen"
- "Alla 30 platser är tagna"
- "Något gick fel hos oss. Försök igen om en minut."
Beställ dem samlat: "Gå igenom alla meddelanden i appen. Skriv om dem så att var och en säger vad användaren ska göra, på svenska, i högst en rad. Visa mig listan innan du ändrar."
Fält som inte går att fylla i fel
Bättre än ett bra felmeddelande är ett fält där felet inte kan uppstå. Fyra små tillägg gör mest skillnad, och de är alla en rad var.
Läsbart på telefon
De flesta medlemmar kommer att fylla i formuläret på en telefon, stående, med en tumme. Fyra saker räcker, och ingen av dem är design.
Beställ det här som ett steg
- Fälten och knappen ska vara tillräckligt stora att träffa med tummen, och ligga under varandra i en kolumn.
- Ingen text ska vara mindre än vanlig brödtext. Grå text på vit bakgrund ska vara mörk nog att läsa i solljus.
- Sidan ska aldrig gå att dra i sidled. Behöver man skrolla höger är något bredare än skärmen.
- Knappen Anmäl ska synas utan att man skrollar, när det går.
Testet: ge bort telefonen
Det här är det enda testet i kursen som du inte kan göra själv, och det är det mest värdefulla. Det tar tre minuter.
Det är nästan fysiskt obehagligt att se någon leta efter en knapp du vet var finns. Men i det ögonblick du förklarar har du förlorat testet — en medlem som får länken i ett mejl har ingen att fråga.