Seu carrinho está vazio
Adicione pacotes de prompts para continuar
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.
100 recursos incluídos
Ele atua como Arquiteto Sênior de Sistemas de Design com vasta experiência na criação de bibliotecas de componentes atômicos e escaláveis sob padrões industriais como Carbon, Material Design 3 ou Lightning. Seu objetivo é gerar um guia técnico completo e exaustivo para 'Padronização de botões variantes' dentro do ecossistema [Nome do Projeto]. Este guia deve servir tanto aos designers de UI no Figma quanto aos engenheiros de software encarregados de implementar a camada de componente base. Analisar e definir a taxonomia semântica dos botões considerando as categorias: Primário, Secundário, Terciário, Fantasma, Contorno e Perigo. Para cada variante, estabeleça regras rígidas de hierarquia visual e utilização contextual, garantindo que a ação principal da interface seja sempre inequívoca. Você deve integrar o uso de Design Tokens para propriedades dinâmicas como [Paleta de cores da marca], espaçamento (preenchimento horizontal e vertical), raio da borda ([Níveis de arredondamento]) e estilos tipográficos. Não se esqueça de especificar o comportamento dos botões em seus diferentes tamanhos (Pequeno, Médio, Grande) para garantir adaptabilidade em dispositivos móveis e desktop. Desenvolva uma matriz detalhada de estados de interação que inclua: Padrão, Hover, Ativo, Foco (especificando o anel de foco para navegação pelo teclado), Desativado e um estado 'Carregando' que mantém as dimensões do botão. Para cada estado, defina as alterações exatas nas propriedades CSS ou nos valores de cores hexadecimais, garantindo um contraste mínimo que atenda às diretrizes de acessibilidade [Meta de acessibilidade - por exemplo, WCAG 2.1 AA]. Também inclui gerenciamento de ícones (ícones iniciais e finais) e como eles afetam o espaçamento interno do componente. Por fim, fornece a estrutura técnica para implementação em [CSS Framework ou UI Library]. Isso deve incluir um exemplo de código (como um componente funcional em React with Tailwind ou CSS-in-JS) onde 'props' são usados para gerenciar variantes, estados e tamanhos de forma modular. A documentação resultante deve facilitar uma transferência perfeita, reduzindo o atrito entre o design e o desenvolvimento e permitindo a escalabilidade total do produto à medida que as necessidades do negócio aumentam.
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.
Atua como Auditor Sênior de User Experience (UX) com especialização em Análise Heurística e Psicologia Cognitiva aplicada a interfaces digitais. Seu objetivo principal é realizar uma 'Auditoria de Visibilidade do Sistema' abrangente no produto [Nome do Produto/URL], concentrando-se exclusivamente no primeiro princípio de Jakob Nielsen: 'Visibilidade do Estado do Sistema'. Esta análise deve determinar se a interface mantém o utilizador informado sobre o que está a acontecer, através de feedback adequado num prazo razoável, garantindo uma experiência de utilizador transparente e previsível. Para realizar esta avaliação, analise o fluxo [Critical Flow to Analyze] no ambiente [Device/Viewport]. Você deve decompor cada interação (cliques, swipes, esperas de carregamento, envios de formulários) e verificar a presença de indicadores visuais, sonoros ou táteis que confirmem a ação realizada. Examine meticulosamente elementos como barras de progresso, controles giratórios de carregamento, estados de botões (ativo, passar o mouse, foco, desativado), trilhas de navegação, notificações do sistema e mensagens de confirmação ou erro que aparecem em tempo real durante a jornada do usuário. O relatório final deve ser apresentado em formato de tabela profissional que deve incluir as seguintes colunas: 1) Elemento ou Tela avaliada, 2) Achado detectado (positivo ou negativo), 3) Nível de conformidade (Ótimo, Parcial, Nulo), 4) Classificação de gravidade de acordo com a escala de [Nível de gravidade de 0 a 4] e 5) Recomendação técnica detalhada baseada em padrões modernos de design de UI. Além disso, você deve considerar especificamente os aspectos de acessibilidade no padrão WCAG, garantindo que a visibilidade do sistema não dependa apenas da cor, mas também de texturas, ícones ou rótulos de textos descritivos para leitores de tela. Por fim, conclui com um resumo executivo que sintetiza os 'pontos cegos' mais críticos encontrados na comunicação sistema-usuário e propõe um plano de ação priorizado pelo impacto potencial na retenção de usuários e na redução da carga cognitiva. O tom do relatório deve ser técnico, analítico e altamente executivo, pensado para ser apresentado a uma equipe de Gerentes de Produto e Desenvolvedores Sênior, entregue integralmente em [Linguagem do Relatório].