Nep-foutmeldinggenerator

Ontwerp binnen enkele seconden een overtuigend foutdialoogvenster: stel de titelbalk in, schrijf de hoofdtekst, kies het pictogram (fout, waarschuwing, informatie of vraag), selecteer een stijl van het besturingssysteem en voeg desgewenst een foutcode toe. Ideaal voor memes, ontwerpmockups, QA-tickets die laten zien hoe een echte fout eruit hoort te zien, en onboardingmateriaal dat uitlegt hoe gebruikers moeten reageren wanneer er iets misgaat.

Hoe je een valse foutdialog kunt maken

  1. 1

    Typ de titelbalk in

    Korte zinnen zoals 'Toepassingsfout' of 'Update vereist', dit is de titel van het venster.

  2. 2

    Schrijf de hoofdtekst

    De belangrijkste foutzin. Houd deze onder twee regels om realistisch over te komen.

  3. 3

    Voeg een foutcode toe

    Optioneel. Echte foutvensters bevatten meestal één zo'n code (`ERR_042` of `0x80070005`). Laat deze weg als u een strakker uiterlijk wenst.

  4. 4

    Het beeld exporteren

    Laad het weergegeven dialoogvenster als een PNG-bestand in retina-resolutie af, klaar voor gebruik in Slack, een ticket of een presentatie.

Wat een overtuigend foutvenster eruitziet

Echte foutdialogen volgen een aantal gemeenschappelijke regels. Het naleven ervan maakt een mockup direct leesbaar; het negeren ervan geeft de mockup bewust een belachelijke uitstraling – precies wat memes willen.

Anatomie van een dialoogvenster

Element Rol
Pictogram Rode X (fout), gele driehoek (waarschuwing), blauwe i (informatie), blauwe ? (vraag).
Titelbalk Korte naam van de app of categorie van het probleem.
Hoofdtekst 1–2 zinnen. Eenvoudige taal werkt het best.
Foutcode Optioneel, maar verwacht in bedrijfsomgevingen.
Knoppen OK, Cancel, Retry, Abort, zelden meer dan twee.

Tekst die overkomt als een echte fout

  • Wees concreet: ‘Kan geen verbinding maken met de printer’ is beter dan ‘Er is een fout opgetreden’.
  • Voeg een volgende stap toe: ‘Probeer het opnieuw of neem contact op met IT.’ Gebruikers hebben een hekel aan vastlopen zonder uitweg.
  • Vermijd jargoncodes als hoofdboodschap; plaats deze tussen haakjes.

Goede toepassingen

  • Productdocumentatie. Laat gebruikers zien wat ze kunnen verwachten wanneer een specifieke fout optreedt.
  • Ontwerpreviews. Stel verbeterde foutmeldingen voor door oude en nieuwe versies naast elkaar te vergelijken.
  • QA-tickets. “Hier is het wireframe van het bericht dat we willen zien.”
  • Memes. Duidelijk onzinnige fouten laten zichzelf als grap zien.

Toepassingen die de grens overschrijden

Gebruik geen nep-foutvenster om een gebruiker te misleiden tot het klikken op een link, het bellen van een telefoonnummer of het installeren van software. Oplichting via zogenaamde technische ondersteuning maakt gebruik van valse systeemdialoogvensters; er een maken voor dat doel is schadelijk. Markeer duidelijke parodieën als zodanig en houd serieuze mockups bij intern werk.

Veelgestelde vragen

De stijlen dekken de generieke visuele ontwerptalen van Windows en macOS. Pixelnauwkeurige nabootsingen van elke versie van het besturingssysteem vallen buiten het bereik; als u een specifieke versie nodig hebt, maak dan zelf een schermafbeelding en voorzie die van annotaties.

De dialoogpictogrammen die door de tool worden weergegeven, zijn generieke vormen en geen officiële pictogrammen van een besturingssysteem. U kunt de geëxporteerde afbeelding vrij gebruiken in interne documentatie, blogposts en memes, zonder bronvermelding.

Er zijn twee voorkomende conventies: Windows-hexadecimale codes zoals 0x80070005 en app-specifieke kortcodes zoals ERR_042 of E500. Kies de conventie die past bij de context die u probeert na te bootsen.

De tekst die u invoert wordt alleen gebruikt voor het weergeven van de afbeelding en wordt niet opgeslagen of vastgelegd.

Gerelateerde tools

Tool beschikbaar in andere talen