Feedback de design a partir de uma captura de ecrã
Carrega uma captura de ecrã de uma página web ou de uma aplicação e o Do4U dá-te observações numeradas: botões demasiado pequenos para tocar, texto difícil de ler, palavras que fazem parte de uma imagem, uma hierarquia que esconde o que importa e espaçamento irregular. Cada observação tem uma gravidade, o que a IA vê, uma alteração concreta e uma moldura na imagem que mostra onde está. Esta é uma avaliação por IA, não uma medição. A IA não consegue medir píxeis nem contraste, por isso qualquer tamanho em píxeis, taxa de contraste, percentagem ou código de cor que indique é retirado do texto e listado. Quando uma área também é indicada em píxeis, é calculada a partir da área aproximada e assinalada como estimativa. A tua imagem só é mostrada no teu navegador e nunca é enviada de volta.
Para quem é
Para designers, donos de lojas, agências e programadores que querem uma segunda opinião rápida sobre um ecrã antes de o construírem ou publicarem, e para equipas que querem observações que possam copiar para um pedido de suporte.
Utilizações típicas
- Verificar num rascunho de design ou numa página em direto se há botões demasiado pequenos para tocar
- Encontrar texto dentro de imagens que devia ser texto verdadeiro
- Obter uma segunda opinião sobre um ecrã antes de um lançamento
- Copiar as observações como lista Markdown para um pedido de suporte
Exemplo
Entrada
Captura de ecrã de uma página de loja num telemóvel. Nota: loja online de ferramentas de jardim, usada sobretudo por pessoas mais velhas nos seus telemóveis.
Resultado
1. Tamanho do alvo (alta): o botão do carrinho é muito mais pequeno do que a ponta de um dedo. Sugestão: dá-lhe pelo menos 44 px de altura. Moldura: em baixo à direita. 2. Contraste (média): o preço em cinzento claro sobre branco é difícil de ler. Sugestão: usa um cinzento claramente mais escuro. 3. Texto em imagem (baixa): a promessa de entrega faz parte da imagem de um banner.
Um exemplo fixo, abreviado. Os resultados reais são gerados por IA: verifica-os.
Preço e limites
- Preço
- geralmente 2–3 créditos
- Disponível com
- Grátis, Com pacote
- Limite de entrada
- Uma página com até 600 carateres de HTML
Privacidade
Processado nos nossos próprios servidores na UE (Polónia). As entradas e os resultados são eliminados após 7 dias (Grátis) ou 30 dias (pacotes), ou logo depois de veres o resultado se escolheres não os guardar. As imagens são eliminadas logo após o processamento.
Na API
Nome da ferramenta: design_feedback. Cria uma tarefa com POST /api/v1/jobs e obtém o resultado com GET /api/v1/jobs/{id}. Encontras a tua chave de API na tua conta.
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/"}'
Perguntas e respostas
A IA mede píxeis ou contraste?
Não. A IA vê a imagem numa resolução interna fixa e dá uma avaliação, não uma medição. Se indicar um tamanho em píxeis, uma taxa de contraste, uma percentagem ou um código de cor, o código retira-o do texto e lista o que foi removido. Para medir o contraste na tua página real, usa a verificação de acessibilidade.
Como funcionam as molduras numeradas?
Cada observação vem com um retângulo em percentagem da imagem. O código verifica que está dentro da imagem e não está vazio; caso contrário, a moldura é descartada e a observação mantém-se. Seleciona uma observação ou uma moldura, com um clique ou com a tecla Enter, para destacar a outra. A tua imagem só é mostrada no teu navegador, a partir do ficheiro que escolheste, e nunca é enviada de volta pelos nossos servidores.
Que tipos de observações recebo?
Tamanho do alvo de botões e ligações, contraste, texto dentro de imagens, hierarquia, espaçamento, legibilidade, coerência e outros pontos. As observações semelhantes para a mesma área são reunidas, a lista é ordenada por gravidade e limitada a um número máximo, e podes copiá-la como texto ou como lista Markdown.
O meu texto fica guardado?
Só o tempo necessário: 7 dias no plano Free, 30 dias com um pacote – ou nunca, se preferires não guardar. O tratamento é feito nos nossos próprios servidores na UE (Polónia).
Posso usar o resultado de imediato?
Os resultados são gerados por IA. Lê-os com atenção antes de os publicares ou enviares.
Ferramentas relacionadas
- Verificação de acessibilidade
Verifica uma página quanto a barreiras comuns e explica como as corrigir.
- Textos alternativos
Descrições curtas de imagens para leitores de ecrã e motores de pesquisa.
- Linguagem inclusiva e simples
Assinala formulações que excluem pessoas ou são desnecessariamente complicadas, com alternativas neutras ou mais simples. Sugestões, não regras; usar ou não formas inclusivas de género depende de ti.