Wireframes de baixa fidelidade para validacao rapida de conceito
Estrutura e especificacao de wireframes lo-fi que capturam a essencia do fluxo sem investir em visual design.
Objetivo do Prompt
Criar wireframes de baixa fidelidade que permitam validar a estrutura de informacao e o fluxo de navegacao com stakeholders e usuarios antes de investir em design visual.
Exemplo Real de Uso
A LendFlow, fintech de credito de Sao Paulo, precisa validar um novo fluxo de simulacao de emprestimo com garantia de imovel em 3 dias. O PM quer testar 3 abordagens diferentes com 15 usuarios antes de briefar o time de UI, usando wireframes no Figma.
Prompt
Especifique wireframes de baixa fidelidade para [NOME DA FUNCIONALIDADE] de [NOME DO PRODUTO], cobrindo o fluxo completo de [DESCRICAO DO FLUXO]. Plataforma: [WEB/MOBILE/AMBOS]. Numero de telas estimado: [NUMERO]. **1) Inventario de Telas:** Liste todas as telas necessarias com: - Nome da tela (ex: "Simulacao - Step 1 de 4") - Objetivo principal da tela - Acao primaria esperada do usuario - Informacoes essenciais exibidas **2) Para cada tela, especifique:** - Header: navegacao, titulo, acao secundaria - Content area: blocos de conteudo ordenados por prioridade - Tipo: formulario, lista, card, grafico, texto, imagem placeholder - Conteudo real (nao lorem ipsum) para comunicar intencao - Footer/bottom bar: CTAs, navegacao - Anotacoes de comportamento (o que acontece ao tocar em X) **3) Fluxo de Navegacao:** - User flow diagram: tela A -> decisao -> tela B ou C - Happy path destacado - Caminhos alternativos (erro, voltar, abandonar) - Edge cases: sem dados, limite excedido, erro de rede **4) Estados Especiais (por tela):** - Empty state (primeira vez do usuario) - Loading state - Error state (validacao, falha de rede) - Success state - Skeleton loading **5) Variacoes para Teste A/B:** - Variacao A: [ABORDAGEM 1 - ex: wizard step-by-step] - Variacao B: [ABORDAGEM 2 - ex: single long form] - Variacao C: [ABORDAGEM 3 - ex: chat conversacional] - Para cada variacao, hipotese e metrica de sucesso **6) Guia de Handoff:** - Legenda de componentes (retangulo = input, X = imagem, etc.) - Anotacoes de interacao (gestos, transicoes) - Prioridade de implementacao por tela Nivel de detalhe: suficiente para um desenvolvedor entender a estrutura, mas sem cores, tipografia ou imagens finais. Ferramenta: [FIGMA/ADOBE XD/BALSAMIQ].
Como usar este prompt
- 1Cole o prompt diretamente no ChatGPT, Claude, Gemini ou qualquer assistente de IA.
- 2Personalize os campos entre colchetes [assim] com suas informações específicas.
- 3Para melhores resultados, forneça contexto adicional sobre seu caso de uso.
- 4Combine múltiplos prompts em uma conversa para resultados mais completos.
- 5Salve os prompts que mais usa para acesso rápido no futuro.
Prompts relacionados
Ver todosPrototipo interativo de alta fidelidade com estados e transicoes
Especificacao detalhada de prototipo navegavel no Figma com micro-interacoes, estados de componentes e transicoes entre telas.
Design handoff estruturado para desenvolvedores front-end
Documentacao de handoff completa no Figma com specs, tokens, assets e anotacoes que eliminam ambiguidade na implementacao.
Mockups A/B para teste de hipoteses de conversao
Criacao de variacoes de design para teste A/B com hipoteses claras, metricas definidas e criterios de decisao.
Sprint de prototipagem rapida com Design Sprint adaptado
Framework de prototipagem rapida em 3 dias baseado no Google Design Sprint, adaptado para times brasileiros remotos.
Explore outras categorias de prompts
Assine o AulasDeIA para desbloquear
Acesse 10.000+ prompts prontos para usar em qualquer profissão, além de todos os cursos da plataforma.
Cancele quando quiser. Sem multas.
