BR
Bruna R.Compra verificada
Seu carrinho está vazio
Adicione pacotes de prompts para continuar
Copie, cole e use na sua IA favorita:
Apenas $0.08 por prompt · pagamento único
100 recursos incluídos
Transforme seu fluxo de trabalho criativo com esta coleção definitiva de prompts especializados de UI/UX Design. Projetada sob os mais altos padrões de design instrucional, esta ferramenta permite que designers e desenvolvedores otimizem cada etapa do processo, desde a conceituação de wireframes até a implementação de microinterações avançadas e sistemas de design escaláveis. Domine o setor com soluções precisas que abordam acessibilidade WCAG, design responsivo e pesquisa de usuários com rigor profissional sem precedentes. Esta coleção é a chave para elevar a qualidade de seus protótipos na Figma e construir um portfólio de alto impacto que cative clientes e recrutadores no competitivo mercado global de tecnologia.
Atua como Consultor Sênior em Design de Interface e Experiência do Usuário (UI/UX) com especialização em Arquitetura da Informação e Otimização de Taxa de Conversão (CRO). Seu objetivo é conceituar e documentar a hierarquia visual completa para um wireframe de baixa fidelidade de uma landing page projetada especificamente para [Produto/Serviço]. Esta estrutura deverá ser capaz de orientar o [Público-Alvo] de forma fluida e persuasiva em direção à [Ação Principal/CTA], eliminando qualquer tipo de atrito cognitivo ou distração desnecessária durante a navegação inicial. Começa por definir o padrão de digitalização visual mais eficaz (seja o padrão F, o padrão Z ou o Diagrama de Gutenberg) de acordo com a densidade da informação e o nível de conhecimento exigido pelo utilizador para [Produto/Serviço]. Justifique tecnicamente por que esse padrão é ideal para reter a atenção do usuário nos primeiros 3 segundos críticos de carregamento. Você deve dividir a estrutura em macroseções, especificando o peso visual de cada elemento através do uso estratégico da escala tipográfica (H1 a H4), contraste de formas e gerenciamento de espaços em branco. A Seção Herói deve ser o ponto focal absoluto, integrando um título magnético e a [Ação Principal/CTA] para que seja impossível ignorá-lo. Ele detalha cuidadosamente o layout das seções secundárias, como 'Principais Benefícios', 'Prova Social' e '[Elementos Principais]'. Para cada uma dessas seções, descreva a hierarquia interna obrigatória: qual elemento deve ser processado visualmente primeiro, segundo e terceiro. Aplica leis fundamentais da psicologia da Gestalt, como a Lei da Proximidade para benefícios do grupo e a Lei da Continuidade para direcionar o fluxo para baixo. Explique como o espaço negativo atuará como um condutor visual para evitar a sobrecarga de informações e permitir que os pontos de conversão respirem dentro do design geral. Por fim, gera uma representação textual estruturada do wireframe de baixa fidelidade (lo-fi). Utilize blocos de conteúdo que indiquem claramente a prioridade das informações e a colocação de placeholders para imagens ou vídeos, sem entrar em detalhes estéticos de alta fidelidade. Concentre-se exclusivamente na função, ordem lógica e estrutura da página para que o impacto do [Estilo da Marca] seja efetivo posteriormente. A narrativa visual deve ser coerente e cada seção deve fornecer valor incremental que prepare o usuário para a decisão final, garantindo que a hierarquia apoie os objetivos de negócios declarados. Se faltar informação essencial para preencher os campos entre colchetes, faça-me as perguntas necessárias antes de responder.
Acesso imediato após a compra no seu painel. Basta copiar e colar na sua IA.
No ChatGPT, Claude, Gemini, DeepSeek, Grok, Qwen e qualquer chat de IA.
Sim. Cada prompt inclui campos entre colchetes onde você insere suas informações, contexto e dados específicos, então se ajustam à sua situação, país ou setor.
Sim. Acima você pode ler prompts de amostra completos, exatamente como os receberá, para verificar a qualidade antes de pagar.
Sim. Você paga uma vez e são seus para sempre, com atualizações incluídas.
Atua como Arquiteto de Informação Sênior e Especialista em UX com ampla experiência na criação de ecossistemas transacionais de alto desempenho. Sua missão é conceituar e documentar a arquitetura de informação detalhada para um novo e-commerce especializado em [Nicho de Mercado]. O objetivo é criar uma estrutura lógica que não apenas organize milhares de SKUs, mas também guie o usuário intuitivamente pelo funil de vendas, minimizando a carga cognitiva e maximizando a localização do produto. Comece desenvolvendo um Sitemap abrangente. Defina a navegação primária com base nas categorias [Categorias Principais] e estabeleça uma hierarquia de subcategorias com até três níveis de profundidade. Inclui o planejamento de páginas transversais obrigatórias, como 'Sobre nós', 'Política de devolução', 'Centro de ajuda' e 'Localizador de lojas', se aplicável. Certifique-se de que a arquitetura oferece suporte à navegação lógica facetada, permitindo que os usuários filtrem por [Atributos específicos do produto] sem se perderem na hierarquia. Posteriormente, projete a estrutura de wireframing de baixa fidelidade para os componentes críticos da interface. Para a página de detalhes do produto (PDP), define o layout hierárquico da galeria de mídia, o bloco de seleção de variantes (tamanhos, cores ou materiais), a descrição técnica, as recomendações de venda cruzada e a área de validação social (avaliações e avaliações). Para a página de listagem de produtos (PLP), detalha a localização do sistema de filtro, a ordem dos itens nos cartões de produto e os mecanismos de paginação ou carregamento infinito apropriados para [Perfil do usuário do destinatário]. Por fim, descreve o fluxo de navegação do processo de Checkout, priorizando uma arquitetura 'One-Step' ou 'Multi-step' dependendo da complexidade da compra. Identifica possíveis pontos de vazamento e sugere a colocação de recursos de segurança e suporte ao vivo. Integre uma estratégia de SEO On-page à arquitetura, especificando como URLs, títulos H1-H3 e trilhas de navegação devem ser estruturados para garantir que a hierarquia de informações seja legível tanto por humanos quanto por rastreadores de mecanismos de pesquisa. Se faltar informação essencial para preencher os campos entre colchetes, faça-me as perguntas necessárias antes de responder.
Atua como Designer de Produto Sênior especialista em arquitetura de informação e sistemas de design de larga escala. Sua missão é conceituar e definir a estrutura técnica de um sistema de grade robusto para um painel de baixa fidelidade orientado para [finalidade do painel: por exemplo, monitoramento de servidores, análise financeira, gerenciamento de RH]. O objetivo é estabelecer uma base sólida de wireframing que priorize a eficiência operacional e a clareza visual antes de passar para a fase de alta fidelidade. Comece definindo a anatomia da grade. Use uma configuração de [Número de colunas: por exemplo, 12 ou 16] colunas para a visualização da área de trabalho, definindo uma medianiz de [Espaçamento de colunas em px] e margens laterais de [Margem externa em px]. Explique a lógica desta escolha técnica, justificando como este sistema permite a flexibilidade necessária para acomodar componentes de vários tamanhos, desde microinterações até visualizações complexas de dados. Projete a distribuição espacial das regiões mestres do painel. Define o comportamento e as dimensões da barra lateral de navegação (especificando se será persistente ou recolhível), o cabeçalho das ferramentas globais e, o mais importante, a área central de exibição. Para a área central, aplique um sistema de slots modulares onde serão localizados widgets de KPI, gráficos do tipo [Tipo de gráfico preferido: por exemplo, séries temporais, diagramas de dispersão] e tabelas de dados com rolagem infinita. Ele detalha como esses elementos devem ser agrupados para manter uma hierarquia visual lógica baseada na importância dos dados. Descreve a estratégia de adaptabilidade (capacidade de resposta). Define pontos de interrupção específicos para tablets e dispositivos móveis. Para cada ponto de interrupção, especifique como a grade deve se comportar: as colunas são recolhidas, removidas ou alteradas para um layout de fluxo vertical? Justifique estas decisões com base na carga cognitiva do utilizador e na prioridade da informação em contextos de mobilidade. Finalmente, gere uma escala de espaçamento consistente baseada em um sistema de [Sistema base: por exemplo, 4px ou 8px] para definir os preenchimentos internos dos contêineres e as distâncias entre os módulos. O resultado final deverá ser um guia técnico detalhado que sirva de modelo estrutural para o desenvolvimento de wireframes que garantam uma experiência de usuário fluida e profissional. Se faltar informação essencial para preencher os campos entre colchetes, faça-me as perguntas necessárias antes de responder.
É uma instrução mestra, otimizada para a IA.
Prompt
sua instrução
IA
Resultado
Com base em 6 avaliações
Entrega o que promete. A organização ajuda a se localizar rápido. Faltou pouco para o cinco.
Entrega o que promete. A organização ajuda a se localizar rápido. Recomendo.
Superou minhas expectativas. Funcionam igualmente bem no ChatGPT e no Claude. Já recomendei para a minha equipe.
Superou minhas expectativas. O índice é organizado e encontro o que preciso na hora. Compraria de novo sem pensar.
Exatamente o que eu procurava. O índice é organizado e encontro o que preciso na hora. Já recomendei para a minha equipe.
Não esperava que fossem tão completos. A qualidade das respostas que obtenho melhorou muito. Cem por cento recomendado.