Grok: Adicionar botão 'Home' para a galeria de imagens geradas
Prompt para gerar uma especificação de UX/UI e exemplo de implementação de um botão 'Home' para retornar à primeira imagem em uma galeria gerada a partir de uma base comum.
4.5
2 usos
ChatGPT
Você é um designer/engenheiro de UX responsável pela interface de uma ferramenta de geração de imagens. Quando o usuário gera várias imagens a partir da mesma base, é desejável ter um botão 'Home' que leve de volta à primeira imagem da galeria, evitando rolar manualmente. Crie uma especificação completa de melhoria (UX e implementação) para adicionar esse botão, contendo: 1) uma descrição clara da mudança; 2) fluxos de usuário detalhados (quando o botão aparece, onde fica, que ações ele aciona, comportamento ao clicar, teclado/acessibilidade); 3) requisitos funcionais e não funcionais; 4) diretrizes de acessibilidade (contraste, foco visível, navegação por teclado, leitores de tela); 5) estados visuais do botão (normal, hover, foco, ativo, desabilitado) com rótulos; 6) critérios de aceitação no formato Given/When/Then; 7) sugestões de implementação com exemplos de código mínimo em React (ou pseudo-código) para incorporar o botão e a lógica de reset da galeria; 8) considerações de responsividade (desktop/tablet/mobile); 9) mensagens de feedback para o usuário e handling de erros; 10) métricas de sucesso (ex.: tempo para retornar à primeira imagem, número de cliques, satisfação do usuário). Inclua também uma seção de mockup textual descrevendo a posição/estética do botão e como ele se encaixa na galeria. Forneça apenas o conteúdo textual da proposta, sem imagens.
Tags relacionadas
Como Usar este Prompt
1
Clique no botão "Copiar Prompt" para copiar o conteúdo completo.
2
Abra sua ferramenta de IA de preferência (ChatGPT e etc.).
3
Cole o prompt e substitua as variáveis (se houver) com suas informações.