IniciantePrototipagemAberto

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.

wireframebaixa fidelidadevalidacaofluxoconceito

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

  1. 1Cole o prompt diretamente no ChatGPT, Claude, Gemini ou qualquer assistente de IA.
  2. 2Personalize os campos entre colchetes [assim] com suas informações específicas.
  3. 3Para melhores resultados, forneça contexto adicional sobre seu caso de uso.
  4. 4Combine múltiplos prompts em uma conversa para resultados mais completos.
  5. 5Salve os prompts que mais usa para acesso rápido no futuro.

Prompts relacionados

Ver todos

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.

Assinar por R$ 49,90/mês

Cancele quando quiser. Sem multas.