Astra profundo · Capítulo 10 de 31 · 40 min
Avaliar a interface com critérios comparáveis
Você sai com uma avaliação fundamentada e uma próxima melhoria escolhida por efeito na tarefa.
Este capítulo faz parte do curso gratuito Astra profundo.
O Estúdio Aurora, caso fictício, tem duas versões da página da visita noturna. Uma usa fotografia maior; a outra apresenta a agenda mais cedo. As duas podem parecer atraentes. Você vai construir uma avaliação que conecte aparência, conteúdo e uso, para escolher a versão que atende melhor à tarefa e apontar o refinamento seguinte.
Quando você compara propostas de trabalho, precisa saber quais critérios pesam na decisão. Interfaces também pedem essa clareza. O conceito desta aula é rubrica: um conjunto de critérios acompanhados de sinais observáveis. Em vez de avaliar uma impressão global, você examina relações específicas, como mensagem e ação, coerência entre componentes e continuidade do percurso de reserva.
Uma rubrica ligada à tarefa
| Critério | Sinal observável | Registro útil |
|---|---|---|
| Clareza | A abertura explica a visita | Trecho ou captura que sustenta a leitura |
| Escolha | Agenda e ação estão associadas | Percurso até selecionar horário |
| Coerência | Funções visuais se repetem | Comparação entre componentes |
| Conclusão | Confirmação corresponde à seleção | Dados usados e resultado |
| Adaptação | A tarefa funciona em tela estreita | Largura e observação |
No exemplo resolvido, a equipe favorece a versão que apresenta a agenda cedo porque essa posição aproxima informação e escolha. A fotografia maior da outra versão continua sendo uma referência para refinar a atmosfera. A decisão produz uma recomendação específica: manter a sequência escolhida e testar um recorte mais expressivo dentro dela. A avaliação aproveita o mérito das alternativas sem misturar todas as mudanças de uma vez.
Aprofunde as decisões desta aula
Como construir a rubrica antes de escolher a versão?
Defina a rubrica antes de escolher a versão favorita. Para o Aurora, clareza da proposta, facilidade de encontrar a agenda, coerência visual e conclusão da reserva formam um conjunto inicial útil. Escreva o que conta como evidência de cada critério. Uma observação como o horário escolhido aparece na confirmação é mais verificável que dizer que a experiência parece completa.
Como comparar demonstrações e modelos em condições equivalentes?
Para comparar modelos ou configurações, use o mesmo briefing, conteúdo, referências e acesso às ferramentas. Dê condições equivalentes de revisão. Guarde o primeiro passe e a versão refinada separadamente, pois respondem a perguntas diferentes: quão cedo surgiu uma direção utilizável e quão boa ficou a entrega após trabalho orientado. Isso constrói uma comparação local útil ao seu processo. As demonstrações públicas de Astra ajudam a descobrir possibilidades, mas uma seleção de trabalhos publicados não constitui um ranking controlado de design. Seu exercício pode ser mais modesto e mais próximo da decisão real. Registre as condições, as versões e o que você examinou. Se ainda não houve observação com visitantes, use a rubrica como revisão da equipe e prepare depois uma tarefa para alguém do público executar.
Execute uma revisão da página de destino antes de enviar tráfego da campanha. No exemplo fictício do Aurora, o anúncio promete escolher um horário da visita noturna. A página precisa repetir essa oferta, mostrar a agenda e levar à confirmação demonstrativa sem perder a seleção.
O relato da equipe da OpenAI recomenda começar por uma mudança pequena, reunir evidência e incorporar a revisão ao pedido seguinte. Aplique esse método à página de campanha. O estudo trata de manutenção de software; seus resultados não demonstram aumento de reservas ou vendas.
Avaliar e corrigir uma página de campanha no Codex
Use uma cópia de teste e o briefing do kit. Reserve mais dez minutos para verificar o percurso e preparar uma correção pequena.
Passo 1: Configurar o projeto de teste
No aplicativo, abra o seletor de produto e escolha Codex. Abra a pasta de uma cópia isolada do projeto e inicie um chat com Astra disponível. Anexe briefing e texto do anúncio.
Deu certo quando: O agente trabalha na cópia de teste e consegue comparar anúncio e página.
Passo 2: Executar o diagnóstico do percurso
Peça para abrir a prévia, localizar a oferta, selecionar um horário e chegar à confirmação. Exija endereço da página, ação realizada, resultado observado e bloqueio encontrado para cada problema.
Deu certo quando: O relatório diferencia uma falha reproduzida de uma hipótese baseada apenas na aparência.
Passo 3: Priorizar uma correção verificável
Escolha o problema que impede concluir a tarefa. No exemplo, antecipe a agenda escondida após a galeria. Preserve os textos, a identidade visual e as regras de reserva aprovadas.
Deu certo quando: A mudança tem um motivo e um critério de aceite definidos antes da edição.
Passo 4: Executar a mudança e repetir a tarefa
Peça ao Codex para corrigir o ponto escolhido e repetir o percurso no computador e em uma tela estreita. Confira os links, a navegação por teclado e a correspondência do horário na confirmação.
Deu certo quando: A prévia permite concluir a reserva demonstrativa e o relatório registra o que foi realmente testado.
Erro comum: Uma captura comprova aparência. Para afirmar que um botão funciona, é preciso acionar o controle e observar seu resultado.
Passo 5: Avaliar a entrega antes da publicação
Revise as alterações e o registro de antes e depois. Use somente dados sintéticos nas capturas. Registre uma hipótese para medir reservas após a publicação, sem atribuir ganho comercial à revisão visual.
Deu certo quando: O responsável recebe arquivos, evidências e uma única mudança pronta para decidir.
No fim você tem: Página corrigida em ambiente de teste, percurso conferido e registro de evidências. A aprovação depende de concluir a tarefa e preservar a oferta.
Peça à pessoa que escolha uma visita e observe o percurso sem indicar onde clicar. Anote hesitações e o momento em que a tarefa termina. Astra pode ajudar a organizar essas notas e relacioná-las aos critérios, mantendo separadas observação e interpretação. Se a sessão de 30 minutos for individual, percorra você mesmo os estados e deixe explícito que esse foi o método.
Faça agora: tome uma decisão documentada
Use dez minutos para leitura e critérios e 20 para comparação e recomendação.
Passo 1: Prepare os candidatos
Abra duas versões com os mesmos textos e materiais.
Deu certo quando: As condições permitem comparação.
Passo 2: Aplique a rubrica
Registre uma evidência para cada critério da tabela.
Deu certo quando: Cada avaliação aponta para algo observável.
Passo 3: Percorra a escolha
Execute a tarefa ou delimite o que as capturas permitem avaliar.
Deu certo quando: O método fica claro no registro.
Passo 4: Recomende o próximo passo
Escolha a versão e uma melhoria prioritária.
Deu certo quando: A decisão pode ser explicada a outra pessoa.
No fim você tem: Uma avaliação das versões com evidências e uma próxima iteração bem definida.
Os critérios foram definidos antes da preferência. Cada conclusão está ligada a uma observação. A próxima melhoria favorece a tarefa avaliada.
Seu caderno neste capítulo
Abrir o caderno completoSelecione um trecho do capítulo para destacar ou anotar. Nos vídeos e áudios, use Anotar este momento. No teclado, selecione com Shift e as setas e use Alt+Shift+D para destacar ou Alt+Shift+N para anotar.
Salvo neste navegador. Entre na sua conta para levar o caderno a outros aparelhos.
Entre na sua conta para compartilhar o que aprendeu e convidar alguém para estudar com você.
Conexões deste capítulo
Veja o que estudar antes e para onde seguir depois, explore os conceitos e compare abordagens em outros cursos. Sugestões marcadas como “sugerido pelo grafo” vêm dos assuntos em comum, não do índice do curso.
Estude antes
- CursoEscrever bem com IAsugerido pelo grafoAs primeiras aulas do Astra pedem um briefing com referências e dirigem cada iteração por texto. O curso de escrita ensina a decidir o que pedir, dar contexto e conferir a saída, que é a base dessas aulas. Ordem decidida quando o Astra ganhou uma página por aula (Etapa 4, wave 3), para que as 31 aulas mostrem o que estudar antes.
- CursoNode.js: JavaScript no Servidorsugerido pelo grafo4 capítulos de “Astra profundo” usam conceitos apresentados em “Node.js: JavaScript no Servidor”.
Conceitos deste capítulo
O mesmo assunto em outros cursos
- Agentes de IA Autônomos: Do Conceito à ProduçãoFerramentas e function callingExaminar conexões de Ferramentas e function calling
- GEO Intent MappingO que atacar primeiroExaminar conexões de O que atacar primeiro
- Escrever bem com IAComparar Claude, GPT, Gemini e Grok pelo que importaExaminar conexões de Comparar Claude, GPT, Gemini e Grok pelo que importa
- Prompt Engineering para ExecutivosProduzir peças de campanha com oito prompts prontos para revisarExaminar conexões de Produzir peças de campanha com oito prompts prontos para revisar
Leve uma ideia para a prática
Escolha uma atividade no painel e volte a este curso quando quiser.
Atividades e evolução ficam reunidas no painel da sua conta.
