Hoppa till innehållet

Designfeedback från en skärmbild

Ladda upp en skärmbild av en webbsida eller en app så ger Do4U dig numrerade fynd: knappar som är för små för att trycka på, text som är svår att läsa, ord som är en del av en bild, en hierarki som döljer det som är viktigt och ojämna avstånd. Varje fynd har en allvarlighetsgrad, vad AI:n ser, en konkret ändring och en ram på bilden som visar var det finns. Det här är en AI-bedömning, inte en mätning. AI:n kan inte mäta pixlar eller kontrast, så en pixelstorlek, ett kontrastförhållande, en procentsats eller en färgkod som den påstår tas bort ur texten och listas. Där en yta också anges i pixlar beräknas den utifrån den ungefärliga ytan och markeras som en uppskattning. Din bild visas bara i din webbläsare och skickas aldrig tillbaka.

Testa nu Priser

Vem det är till för

För designers, butiksägare, byråer och utvecklare som vill ha en snabb andra åsikt om en skärm innan de bygger eller publicerar den, och för team som vill ha fynd de kan kopiera in i ett ärende.

Typiska användningar

  • Kontrollera ett designutkast eller en publicerad sida efter knappar som är för små för att trycka på
  • Hitta text i bilder som borde vara riktig text
  • Få en andra åsikt om en skärm före en lansering
  • Kopiera fynden som en Markdown-lista in i ett ärende

Exempel

Inmatning

Skärmbild av en butikssida på en mobil. Notering: webbutik för trädgårdsredskap, används mest av äldre personer på mobilen.

Resultat

1. Målstorlek (hög): varukorgsknappen är mycket mindre än en fingertopp. Förslag: gör den minst 44 px hög. Ram: nere till höger. 2. Kontrast (medel): det ljusgrå priset på vitt är svårt att läsa. Förslag: använd en tydligt mörkare grå. 3. Text i bild (låg): leveranslöftet är en del av en bannerbild.

Ett fast exempel, förkortat. Riktiga resultat är AI-genererade: kontrollera dem.

Pris och gränser

Pris
vanligtvis 2–3 krediter
Tillgängligt med
Gratis, Med paket
Inmatningsgräns
En sida med upp till 600 tecken HTML

Integritet

Behandlas på våra egna servrar i EU (Polen). Inmatningar och resultat raderas efter 7 dagar (Gratis) eller 30 dagar (paket), eller direkt efter att du har sett resultatet om du väljer att inte spara dem. Bilder raderas direkt efter bearbetningen.

I API:et

Verktygsnamn: design_feedback. Skapa ett jobb med POST /api/v1/jobs och hämta resultatet med GET /api/v1/jobs/{id}. Du hittar din API-nyckel i ditt konto.

curl -X POST https://do4u.eu/api/v1/jobs \
  -H "Authorization: Bearer d4u_…" -H "Content-Type: application/json" \
  -d '{"tool": "design_feedback", "url": "https://example.com/"}'

Fullständig API-dokumentation →

Frågor och svar

Mäter AI:n pixlar eller kontrast?

Nej. AI:n ser bilden i en fast intern upplösning och ger en bedömning, inte en mätning. Om den påstår en pixelstorlek, ett kontrastförhållande, en procentsats eller en färgkod tar koden bort det ur texten och listar vad som togs bort. För att mäta kontrasten på din riktiga sida använder du tillgänglighetskontrollen.

Hur fungerar de numrerade ramarna?

Varje fynd kommer med en rektangel i procent av bilden. Koden kontrollerar att den ligger inom bilden och inte är tom; annars tas ramen bort och fyndet finns kvar. Välj ett fynd eller en ram, med ett klick eller Enter-tangenten, för att markera den andra. Din bild visas bara i din webbläsare, från filen du valde, och skickas aldrig tillbaka från våra servrar.

Vilka slags fynd får jag?

Målstorlek för knappar och länkar, kontrast, text i bilder, hierarki, avstånd, läsbarhet, konsekvens och andra punkter. Liknande fynd för samma yta slås ihop, listan sorteras efter allvarlighetsgrad och begränsas till ett högsta antal, och du kan kopiera den som text eller som en Markdown-lista.

Sparas min text?

Bara så länge det behövs: 7 dagar med Free, 30 dagar med ett paket – eller inte alls om du väljer att inte spara den. Behandlingen sker på våra egna servrar i EU (Polen).

Kan jag använda resultatet direkt?

Resultaten är AI-genererade. Läs igenom dem innan du publicerar eller skickar dem.

Relaterade verktyg

  • Tillgänglighetskontroll

    Kontrollerar en sida efter vanliga hinder och förklarar hur du åtgärdar dem.

  • Alternativtexter

    Korta bildbeskrivningar för skärmläsare och sökmotorer.

  • Inkluderande och enkelt språk

    Pekar ut formuleringar som utesluter människor eller är onödigt krångliga, med neutrala eller enklare alternativ. Förslag, inte regler. Om du vill använda könsinkluderande former är upp till dig.

Alla verktyg →