Preskočiť na obsah

Spätná väzba k dizajnu zo snímky obrazovky

Nahraj snímku obrazovky webovej stránky alebo aplikácie a Do4U ti dá očíslované zistenia: tlačidlá, ktoré sú príliš malé na ťuknutie, text, ktorý sa ťažko číta, slová, ktoré sú súčasťou obrázka, hierarchiu, ktorá skrýva to, na čom záleží, a nerovnomerné rozostupy. Každé zistenie má závažnosť, to, čo AI vidí, jednu konkrétnu zmenu a rámik na obrázku, ktorý ukazuje, kde sa nachádza. Je to posúdenie AI, nie meranie. AI nevie merať pixely ani kontrast, preto sa veľkosť v pixeloch, pomer kontrastu, percento alebo farebný kód, ktoré uvádza, odstráni z textu a vypíše. Ak je oblasť uvedená aj v pixeloch, vypočíta sa z hrubej oblasti a označí sa ako odhad. Tvoj obrázok sa zobrazuje iba vo tvojom prehliadači a nikdy sa neposiela späť.

Vyskúšať hneď Cenník

Pre koho je

Pre dizajnérov, majiteľov obchodov, agentúry a vývojárov, ktorí chcú rýchly druhý názor na obrazovku skôr, než ju vytvoria alebo zverejnia, a pre tímy, ktoré chcú zistenia, ktoré môžu skopírovať do ticketu.

Typické použitie

  • Skontroluj návrh dizajnu alebo živú stránku na tlačidlá, ktoré sú príliš malé na ťuknutie
  • Nájdi text v obrázkoch, ktorý by mal byť skutočným textom
  • Získaj druhý názor na obrazovku pred spustením
  • Skopíruj zistenia ako zoznam Markdown do ticketu

Príklad

Vstup

Snímka obrazovky stránky obchodu na telefóne. Poznámka: internetový obchod so záhradným náradím, ktorý väčšinou používajú starší ľudia na telefónoch.

Výsledok

1. Veľkosť cieľa (vysoká): tlačidlo košíka je oveľa menšie ako končeky prstov. Návrh: urob ho vysoké aspoň 44 px. Rámik: vpravo dole. 2. Kontrast (stredná): svetlosivá cena na bielom je ťažko čitateľná. Návrh: použi zreteľne tmavšiu sivú. 3. Text v obrázku (nízka): sľub doručenia je súčasťou obrázka bannera.

Pevný príklad, skrátený. Skutočné výsledky generuje AI: skontroluj ich.

Cena a limity

Cena
zvyčajne 2–3 kreditov
Dostupné s
Zadarmo, S balíkom
Limit vstupu
Jedna stránka s najviac 600 znakmi HTML

Ochrana súkromia

Spracované na našich vlastných serveroch v EÚ (Poľsko). Vstupy a výsledky sa odstránia po 7 dňoch (Zadarmo) alebo 30 dňoch (balíky), alebo hneď po zobrazení výsledku, ak zvolíš, že sa nemajú ukladať. Obrázky sa odstránia hneď po spracovaní.

V API

Názov nástroja: design_feedback. Úlohu vytvoríš cez POST /api/v1/jobs a výsledok načítaš cez GET /api/v1/jobs/{id}. Svoj kľúč API nájdeš vo svojom účte.

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á dokumentácia API →

Otázky a odpovede

Meria AI pixely alebo kontrast?

Nie. AI vidí obrázok vo vnútornom pevnom rozlíšení a dáva posúdenie, nie meranie. Ak uvedie veľkosť v pixeloch, pomer kontrastu, percento alebo farebný kód, kód to z textu odstráni a vypíše, čo sa odstránilo. Na meranie kontrastu na tvojej skutočnej stránke použi kontrolu prístupnosti.

Ako fungujú očíslované rámiky?

Každé zistenie má obdĺžnik v percentách obrázka. Kód kontroluje, či leží vnútri obrázka a nie je prázdny; inak sa rámik zahodí a zistenie zostane. Vyber zistenie alebo rámik kliknutím alebo klávesom Enter a druhý sa zvýrazní. Tvoj obrázok sa zobrazuje iba vo tvojom prehliadači zo súboru, ktorý si zvolil, a z našich serverov sa nikdy neposiela späť.

Aké druhy zistení dostanem?

Veľkosť cieľa tlačidiel a odkazov, kontrast, text v obrázkoch, hierarchiu, rozostupy, čitateľnosť, konzistenciu a ďalšie body. Podobné zistenia pre tú istú oblasť sa zlúčia, zoznam je zoradený podľa závažnosti a obmedzený na maximálny počet a môžeš ho skopírovať ako text alebo ako zoznam Markdown.

Ukladá sa môj text?

Iba tak dlho, ako je potrebné: 7 dní vo verzii Free, 30 dní s balíkom – alebo vôbec, ak sa rozhodneš text neukladať. Spracovanie prebieha na našich vlastných serveroch v EÚ (Poľsko).

Môžem výsledok použiť hneď?

Výsledky generuje AI. Pred zverejnením alebo odoslaním si ich, prosím, prečítaj.

Súvisiace nástroje

  • Kontrola prístupnosti

    Skontroluje stránku na bežné bariéry a vysvetlí, ako ich opraviť.

  • Alternatívne texty

    Krátke popisy obrázkov pre čítačky obrazovky a vyhľadávače.

  • Inkluzívny a jednoduchý jazyk

    Upozorní na formulácie, ktoré vylučujú ľudí alebo sú zbytočne komplikované, a ponúkne neutrálne či jednoduchšie alternatívy. Návrhy, nie pravidlá; či použiješ rodovo inkluzívne tvary, je na tebe.

Všetky nástroje →