Melhores Prompts de IA para Design e UX

Atue como um designer sênior de produto. Faça uma análise crítica deste design de UI: [descreva a tela ou cole uma descrição/captura de tela] Avalie: hierarquia visual, espaçamento, tipografia, uso de cores e consistência. Seja específico sobre o que aprimorar e os motivos.

Faça uma auditoria de acessibilidade nesta interface com base nas diretrizes WCAG 2.1 nível AA: [descreva a UI ou liste seus componentes] Verifique: contraste de cores, navegação por teclado, estados de foco, compatibilidade com leitores de tela, dimensões das áreas de toque (touch targets) e uso de atributos ARIA. Liste os problemas por ordem de severidade.

Avalie este design de interface quanto à responsividade em dispositivos móveis: [descreva o layout ou liste os componentes] Identifique: elementos com problemas de escala, áreas de toque muito reduzidas, conteúdos que podem estourar a tela e problemas de espaçamento em telas menores. Sugira correções práticas.

Analise a hierarquia visual desta interface: [descreva a disposição da tela e seus elementos] Identifique: para onde o olhar do usuário é atraído primeiro, se a hierarquia conduz ao objetivo pretendido e quais alterações melhorariam a legibilidade e a rapidez de compreensão.

Elabore um roteiro de entrevista com usuários para pesquisar [tema ou funcionalidade, ex.: 'como as pessoas gerenciam suas finanças pessoais']. Inclua: 3 perguntas de quebra-gelo, 8 a 10 perguntas centrais e 2 perguntas de encerramento. Use formulações abertas. Evite induzir as respostas do participante.

Crie uma persona de usuário realista para [produto ou funcionalidade]. Usuário-alvo: [descreva de forma geral, ex.: 'designers gráficos freelancers, de 28 a 40 anos'] Inclua: nome, idade, ocupação, objetivos, frustrações, comportamentos habituais e uma citação representativa. Mantenha o perfil fundamentado e prático.

Escreva um roteiro de teste de usabilidade para [funcionalidade ou fluxo, ex.: 'o fluxo de checkout']. Inclua: apresentação do moderador, termo de consentimento, 4 a 6 cenários de tarefas com contexto realista e perguntas de aprofundamento após cada tarefa. Evite revelar o caminho correto.

Desenvolva um questionário para coletar feedback de usuários sobre [recurso, ex.: 'nosso novo fluxo de onboarding']. Inclua: 1 pergunta de NPS ou CSAT, 4 a 6 perguntas de escala ou múltipla escolha e 2 perguntas abertas. Planeje para ser preenchido em menos de 3 minutos. Sugira a melhor ordem para as perguntas.

Proponha uma convenção de nomenclatura para os componentes de UI do nosso design system. Contexto: [ex.: 'Usamos React e Figma, com uma combinação de componentes atômicos e compostos'] Aborde: nomes de componentes, nomenclatura de variantes, nomes de propriedades (props) e organização de arquivos/camadas no Figma. Forneça exemplos práticos para Botão (Button), Modal e Campo de Formulário (Form Field).

Escreva uma documentação clara para este componente de UI: Componente: [nome do componente, ex.: 'Notificação Toast'] Propriedades/variantes: [liste-as] Contexto de uso: [onde é aplicado] Inclua: descrição geral, diretrizes de quando usar vs. não usar, tabela de propriedades, notas de acessibilidade e um exemplo prático de aplicação.

Proponha uma estrutura de design tokens para [nome do produto ou do design system]. Cores institucionais: [liste as cores principais] Tipografia: [liste famílias tipográficas ou escala] Contexto: [ex.: aplicação web, app mobile ou ambos] Organize os tokens em: cor, tipografia, espaçamento, raio de borda (border radius), sombra e animação/movimento. Apresente exemplos de tokens primitivos e semânticos.

Ajude-me a auditar nossa biblioteca de componentes e padrões em busca de inconsistências. Aqui está a lista dos nossos componentes e variantes atuais: [cole a lista de componentes] Identifique: padrões duplicados que atendem ao mesmo objetivo, divergências na nomenclatura, lacunas onde falta um componente reutilizável e elementos específicos demais para estarem na biblioteca global.

Mapeie o fluxo de usuário (User Flow) para [recurso, ex.: 'redefinição de senha']. Objetivo do usuário: [descreva o que o usuário quer realizar] Ponto de entrada: [onde o usuário inicia] Liste cada passo executado pelo usuário, decisões com as quais se depara e possíveis caminhos de erro ou fluxos alternativos. Formate como um fluxo numerado com bifurcações onde necessário.

Proponha a arquitetura de informação para [seção do app, ex.: 'a área de configurações de um dashboard SaaS']. Perfis de usuário: [liste se houver mais de um] Tarefas principais executadas: [liste de 4 a 6 tarefas] Sugira uma estrutura de navegação com seções de nível superior, subseções e os conteúdos ou ações disponíveis em cada uma. Justifique os agrupamentos propostos.

Proponha uma estrutura de navegação para [produto, ex.: 'uma ferramenta B2B de gestão de projetos']. Principais funcionalidades: [liste as principais] Perfis/papéis de usuário: [liste papéis, se aplicável] Recomende: itens de navegação primária, navegação secundária e tratamento para permissões baseadas em papéis. Considere tanto menus laterais para desktop quanto barras de navegação inferiores para mobile.

Desenvolva um fluxo de onboarding para [produto, ex.: 'um aplicativo móvel de acompanhamento de hábitos']. Objetivo do novo usuário: [o que ele precisa concluir para perceber valor] Configurações indispensáveis: [liste passos obrigatórios, ex.: 'criar o primeiro hábito'] Proponha: sequência de telas, o que solicitar imediatamente vs. postergar, indicação de progresso e opções para pular/fazer mais tarde. Mantenha o tempo até a percepção de valor o menor possível.

Escreva mensagens de erro claras e amigáveis para estes cenários: [liste os cenários de erro, ex.: 'formato de e-mail inválido', 'arquivo muito grande', 'sessão expirada'] Para cada um: escreva o título do erro, uma explicação em linguagem acessível sobre o ocorrido e a ação recomendada que o usuário deve tomar. Tom: [ex.: acolhedor, profissional, minimalista].

Escreva textos para estes estados vazios de interface (Empty States): [liste os estados, ex.: 'nenhum resultado de busca', 'nenhuma notificação recente', 'nenhum arquivo enviado'] Para cada um: elabore um título, uma explicação de 1 a 2 frases e uma CTA quando oportuno. Tom: [ex.: motivador, neutro, bem-humorado]. Evite frases genéricas como 'Nada por aqui'.

Escreva variações de rótulos para botões e chamadas para ação (CTA) para [ação ou recurso, ex.: 'iniciar período de teste gratuito']. Contexto: [onde o botão é exibido, ex.: 'página de planos', 'estado vazio', 'cabeçalho de modal'] Tom: [ex.: direto, focado em benefícios, sem pressão] Forneça de 6 a 8 opções ordenadas da mais assertiva para a mais sutil. Explique as considerações e prós/contras de cada uma.

Escreva tooltips e textos auxiliares para estes elementos de interface: [liste os elementos, ex.: 'campo de chave de API', 'seletor de ciclo de faturamento', 'frequência de notificações'] Para cada um: escreva uma tooltip concisa (menos de 15 palavras) e um texto auxiliar complementar para exibição em linha. Priorize a clareza sobre o estilo.

Ajude-me a redigir uma justificativa clara para esta decisão de design: Decisão: [descreva o que foi decidido, ex.: 'Migramos de um layout baseado em abas para uma página única com rolagem contínua'] Contexto: [qual problema ela resolve ou quais dados/pesquisas motivaram a mudança] Alternativas avaliadas: [liste 1 ou 2] Escreva uma explicação concisa para compartilhar com os stakeholders cobrindo: o problema, a solução escolhida, por que é a melhor opção e as concessões assumidas.

Crie a estrutura para uma apresentação de revisão de design (Design Review) sobre [nome da funcionalidade ou projeto]. Público: [ex.: 'time de produto + liderança técnica de engenharia'] Objetivo da sessão: [ex.: 'aprovação formal antes do handoff' ou 'coleta de feedback sobre a direção visual'] Fase do projeto: [ex.: 'conceito inicial', 'mockups refinados', 'designs finais'] Inclua: seções recomendadas, o que demonstrar em cada etapa, divisão de tempo e como orientar o pedido de feedback.

Escreva uma narrativa comparativa de antes e depois para esta melhoria de design: Antes: [descreva o design anterior e seus problemas] Depois: [descreva o novo design e o que foi transformado] Métricas ou feedback de usuários (se houver): [cole se disponível] Escreva uma narrativa concisa que possa ser usada em um estudo de caso ou alinhamento com stakeholders, detalhando o problema, o insight motivador e o impacto da mudança.

Ajude-me a sintetizar e estruturar estas anotações de feedback de uma revisão de design: [cole as notas brutas ou comentários dos stakeholders] Organize em: temas centrais, solicitações práticas e acionáveis, dúvidas que demandam alinhamento e feedbacks conflitantes entre si. Sinalize pontos que contrariem pesquisas com usuários ou princípios fundamentais de design.