Přeskočit na obsah

Zpětná vazba k designu ze snímku obrazovky

Nahraj snímek obrazovky webové stránky nebo aplikace a Do4U ti dá očíslovaná zjištění: tlačítka, která jsou příliš malá na klepnutí, text, který se špatně čte, slova, která jsou součástí obrázku, hierarchii, která skrývá to důležité, a nerovnoměrné rozestupy. Každé zjištění má závažnost, co AI vidí, jednu konkrétní změnu a rámeček na obrázku, který ukazuje, kde to je. Je to hodnocení AI, ne měření. AI neumí měřit pixely ani kontrast, takže velikost v pixelech, poměr kontrastu, procento nebo kód barvy, které uvede, se z textu odstraní a vypíše. Tam, kde je oblast uvedena i v pixelech, je vypočtena z hrubé oblasti a označena jako odhad. Tvůj obrázek se zobrazuje jen ve tvém prohlížeči a nikdy se neposílá zpět.

Vyzkoušet hned Ceník

Pro koho je

Pro designéry, majitele obchodů, agentury a vývojáře, kteří chtějí rychlý druhý názor na obrazovku, než ji postaví nebo zveřejní, i pro týmy, které chtějí zjištění zkopírovat do ticketu.

Typické použití

  • Zkontroluj návrh designu nebo živou stránku na tlačítka příliš malá na klepnutí
  • Najdi text uvnitř obrázků, který by měl být skutečným textem
  • Získej druhý názor na obrazovku před spuštěním
  • Zkopíruj zjištění jako seznam v Markdownu do ticketu

Příklad

Vstup

Snímek obrazovky stránky obchodu na telefonu. Poznámka: internetový obchod se zahradním nářadím, používají ho hlavně starší lidé na telefonech.

Výsledek

1. Velikost cíle (vysoká): tlačítko košíku je mnohem menší než špička prstu. Návrh: udělej ho vysoké alespoň 44 px. Rámeček: vpravo dole. 2. Kontrast (střední): světle šedá cena na bílé se špatně čte. Návrh: použij výrazně tmavší šedou. 3. Text v obrázku (nízká): slib dodání je součástí obrázku banneru.

Pevný příklad, zkrácený. Skutečné výsledky vytváří AI: zkontroluj je prosím.

Cena a limity

Cena
obvykle 2–3 kreditů
K dispozici s
Zdarma, S balíčkem
Limit vstupu
Jedna stránka s nejvýše 600 znaky HTML

Soukromí

Zpracováváme na vlastních serverech v EU (Polsko). Vstupy a výsledky se mažou po 7 dnech (Zdarma) nebo po 30 dnech (balíčky), případně hned po zobrazení výsledku, pokud zvolíš, že se neukládají. Obrázky se mažou hned po zpracování.

V API

Název nástroje: design_feedback. Úlohu vytvoříš pomocí POST /api/v1/jobs a výsledek získáš pomocí GET /api/v1/jobs/{id}. Svůj klíč API najdeš ve svém účtu.

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/"}'

Úplná dokumentace API →

Otázky a odpovědi

Měří AI pixely nebo kontrast?

Ne. AI vidí obrázek v pevném vnitřním rozlišení a podává hodnocení, ne měření. Pokud uvede velikost v pixelech, poměr kontrastu, procento nebo kód barvy, kód to z textu odstraní a vypíše, co bylo odstraněno. Kontrast na své skutečné stránce změříš kontrolou přístupnosti.

Jak fungují očíslované rámečky?

Ke každému zjištění patří obdélník v procentech obrázku. Kód kontroluje, že leží uvnitř obrázku a není prázdný; jinak se rámeček zahodí a zjištění zůstane. Vyber zjištění nebo rámeček kliknutím nebo klávesou Enter a druhý se zvýrazní. Tvůj obrázek se zobrazuje jen ve tvém prohlížeči, ze souboru, který jsi vybral, a z našich serverů se nikdy neposílá zpět.

Jaké druhy zjištění dostanu?

Velikost cíle tlačítek a odkazů, kontrast, text uvnitř obrázků, hierarchii, rozestupy, čitelnost, konzistenci a další body. Podobná zjištění pro stejnou oblast se sloučí, seznam je seřazen podle závažnosti a omezen na maximální počet a můžeš ho zkopírovat jako text nebo jako seznam v Markdownu.

Ukládá se můj text?

Pouze tak dlouho, jak je potřeba: 7 dní v tarifu Free, 30 dní s balíčkem – nebo vůbec, pokud se rozhodneš text neukládat. Zpracování probíhá na našich vlastních serverech v EU (v Polsku).

Můžu výsledek hned použít?

Výsledky vytváří AI. Než je zveřejníš nebo odešleš, prosím si je přečti.

Související nástroje

  • Kontrola přístupnosti

    Zkontroluje stránku na běžné bariéry a vysvětlí, jak je odstranit.

  • Alternativní texty

    Krátké popisy obrázků pro čtečky obrazovky a vyhledávače.

  • Inkluzivní a srozumitelný jazyk

    Upozorní na formulace, které lidi vylučují nebo jsou zbytečně složité, a nabídne neutrální či jednodušší alternativy. Návrhy, ne pravidla; zda použít genderově inkluzivní tvary, je na tobě.

Všechny nástroje →