Saltar para o conteúdo

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.

Experimenta agora Preços

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

Documentação completa da API →

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.

Todas as ferramentas →