”Knappen är fel” är svårt att agera på. ”Efter att formuläret skickats visas meddelandet på en smal skärm till höger, utanför formuläret” anger redan en handling, ett tillstånd och en synlig avvikelse. En skärmbild blir värdefull när den kompletterar den här typen av beskrivning.
ChatGPT stöder bilder som kontext, inklusive skärmbilder och diagram. Dokumentationen rekommenderar att man anger det relevanta området, det önskade resultatet och frågans avgränsningar. Vårt eget exempel består av två konstgjorda vyer av ett formulär. Ingen faktisk bildanalys eller åtgärd genomfördes för det.
Bilderna måste visa jämförbara tillstånd
Bild A visar ett tomt registreringsformulär, bild B tillståndet efter att data har matats in och skickats. Fönsterbredden förblir densamma. Ett avsiktligt inbyggt problem gäller meddelandet under knappen. Det gör det tydligt vilken förändring som ligger mellan de två bilderna.
Beskriv ordningen uttryckligen. Två likartade bilagor utan förklaring gör det frestande att behandla skillnader som godtyckliga designpreferenser. Ta bort personuppgifter om de inte behövs för den tekniska frågan. Påhittat fältinnehåll räcker till att börja med.
Skilj den synliga observationen från den tekniska hypotesen
Bilden kan visa att en rad är avklippt. Om en fast bredd, en radbrytning, ett annat typsnitt eller ett överordnat element är orsaken följer ännu inte av det. Ett användbart svar bör hålla isär dessa nivåer.
Compare the two form views I created myself.
A: before input. B: after submitting, same window width.
Look at the notice below the button.
1. Describe only visible differences.
2. State the expected behaviour from my description.
3. Mark technical causes explicitly as guesses.
4. Suggest a small next checking step.Den här egna beskrivningen ber ännu inte om en fullständig kodåtgärd. En specifik följdfråga om tillhörande HTML eller den relevanta CSS-regeln kan vara mer till hjälp än en självsäker ändring av en misstänkt orsak.
En felrapport är ett litet kontrakt om ett tillstånd
Håll ihop utgångsläget, handlingen, förväntningen och den faktiska observationen. Lägg till fönsterbredden och, där det är relevant, det inmatade innehållet. Det gör det möjligt för en andra person att försöka återskapa exakt samma tillstånd. Det är en starkare grund än en enda mening om en ”trasig” skärm.
Starting point: empty sample form at a fixed narrow width.
Action: enter example data, then submit.
Expected: notice remains fully readable below the button.
Observed: notice extends sideways beyond the form area.
Open: which specific rule causes the overflow?Detta är ett illustrativt fynd för det planerade mönstret, inte en redogörelse för en applikation som observerats. Det är just denna märkning som förhindrar att en trovärdig felbeskrivning senare förs vidare som ett produktfel som faktiskt har reproducerats.
Ändra bara ett villkor i taget
Ett nästa steg kan vara att återskapa det identiska tillståndet med tangentbordet eller att titta på den tillhörande regeln. Om du ändrar webbläsare, bredd, data och innehåll samtidigt förblir det oklart vilken skillnad som hade effekt. Håll därför villkoren igenkännbart desamma så långt det går när du jämför.
Lämna sedan tillbaka den nya observationen som ytterligare belägg. ”Vid samma bredd är raden helt synlig efter den här ändringen” är mer konkret än ”fungerar nu”. En verklig åtgärd innefattar också att kontrollera andra rimliga tillstånd, till exempel en längre meddelandetext.
En delvy förblir en delvy
En skärmbild visar inte automatiskt dokumentstrukturen, ett serversvar eller hela tangentbordsvägen. Inte heller bevisar den tillgängligheten som helhet. För dessa frågor behöver du lämpliga kompletterande observationer av det faktiska arbetet.
Styrkan i en visuell överlämning ligger i dess precision: människor och AI talar om samma ställe, samma tillstånd och samma förväntning. Ett användbart nästa steg följer av den fråga som fortfarande är öppen. Ett byte av produkt eller en generell reparationsknapp är ingen förutsättning för detta.
Källor och dokumentationsstatus: 25 oktober 2026.
