payoff-action-modeling
Modelar ações de UI a partir de perguntas sobre a intenção do usuário
Equipes de produto têm dificuldade em decidir quais ações de UI mostrar após um usuário concluir uma tarefa. Esta skill fornece um framework estruturado para modelar ações a partir da intenção do usuário, posicionando-as no escopo e nível de prioridade corretos.
Baixar o ZIP da skill
Upload no Claude
Vá em Configurações → Capacidades → Skills → Upload skill
Ative e comece a usar
Testar
A utilizar "payoff-action-modeling". Após um usuário importar dados de clientes de um arquivo CSV, quais ações a UI deve mostrar?
Resultado esperado:
- Tipo de estado de resultado: transferência com revisão
- CTA principal: Revisar resultados da importação
- Ações contextuais: Mapear campo (por coluna), Corrigir linha (por erro), Baixar arquivo de erro
- Ramos de continuação: Importar mais, Iniciar nova importação
- Ações de recuperação: Desfazer importação, Ver histórico de importação
- Notas de posicionamento: Linhas com erro mostram Corrigir inline, resumo de sucesso no topo com CTA Revisar
A utilizar "payoff-action-modeling". Nossa tela de conclusão de upload de arquivo mostra Baixar, Compartilhar, Excluir, Renomear, Mover, Copiar link e Adicionar descrição todos no mesmo nível. O que há de errado com isso?
Resultado esperado:
- Problema 1: Nenhum CTA principal — 7 ações com peso visual igual cria fadiga de decisão
- Problema 2: Baixar deveria ser o CTA principal (ação de maior valor como próximo passo)
- Problema 3: Excluir é destrutiva e deveria ser contextual com caminho de recuperação, não no nível superior
- Problema 4: Mover e Copiar link são ações adiadas que podem ir para um menu secundário
- Problema 5: Adicionar descrição é uma ação de refinamento, não uma ação de resultado
- Proposto: CTA principal: Baixar | Secundário: Compartilhar, Copiar link | Menu: Renomear, Mover | Contextual com confirmação: Excluir
Auditoria de Segurança
SeguroAll 142 static analysis findings are false positives. The skill is a pure documentation guide for UX/UI product design. Backtick characters flagged as 'shell execution' are standard Markdown inline code formatting for UI action labels. Findings flagged as 'weak cryptographic algorithm' are markdown table content, YAML frontmatter, and UX guidance text with no cryptographic content. The single URL reference to casely.digital is a passive documentation mention, not executable network code. No executable code, data exfiltration, command injection, or environmental access was found.
Problemas de Baixo Risco (1)
Pontuação de qualidade
O Que Você Pode Construir
Projetar telas de ação pós-onboarding
Use o framework para decidir quais ações mostrar após um usuário concluir o onboarding, a configuração inicial ou a primeira configuração. Evite sobrecarregar novos usuários enquanto fornece próximos passos claros.
Planejar hierarquias de ação em dashboards
Organize ações em um dashboard ou workspace classificando-as em escopos de resultado, seleção, item, navegação e recuperação com níveis de urgência adequados.
Revisar interfaces existentes quanto à clareza das ações
Audite uma UI existente com base nos princípios de modelagem de resultado para identificar ações duplicadas, rótulos vagos e CTAs primários concorrentes. Produza um plano de melhoria concreto.
Tente Estes Prompts
Acabei de criar uma funcionalidade de upload de arquivo para meu aplicativo. Após um usuário fazer upload de um arquivo, preciso modelar quais ações mostrar na tela de conclusão. Use o framework de modelagem de ações de resultado para produzir uma tabela de modelo de ação simples com escopo, pressão e posicionamento para pelo menos 8 ações.
Estou projetando um dashboard de gerenciamento de projetos que aparece após um usuário criar um novo projeto. O dashboard mostra tarefas, membros da equipe e atividade recente. Use o framework completo de modelagem de ações de resultado para classificar o estado de resultado, gerar pelo menos 15 perguntas sobre intenção do usuário e produzir uma tabela de ações com todos os escopos, pressões e posicionamentos.
Estou projetando um fluxo de importação de dados onde os usuários fazem upload de um CSV, mapeiam campos, revisam resultados e lidam com erros. A tela pós-importação precisa suportar repetir itens com falha, baixar logs de erro, aprovar linhas mapeadas e exportar resultados. Use o framework com atenção especial a ações de recuperação, limites de escopo ambíguos e conflitos de pressão de intenção. Adicione tratamento de casos extremos para falhas parciais.
Tenho um modelo de ação existente para uma tela de publicação de um sistema de gerenciamento de conteúdo. O modelo atual tem 12 ações todas mostradas no mesmo nível. Use o framework para revisar este modelo quanto a problemas de densidade, ambiguidade de escopo, clareza de rótulo e problemas de momentum. Identifique pelo menos 5 problemas específicos e proponha uma tabela de ações revisada.
Melhores Práticas
- Comece definindo o tipo de estado de resultado antes de posicionar qualquer ação. Isso determina toda a hierarquia de ações.
- Mantenha um CTA principal claro por tela de resultado. Múltiplas ações de nível principal criam fadiga de decisão.
- Use rótulos de ação concretos que descrevam resultados para o usuário em vez de detalhes de implementação.
Evitar
- Não sobrecarregue telas de primeiro sucesso com todas as ações possíveis. Adie funcionalidades avançadas para menus secundários.
- Evite tratar todas as ações como iguais na hierarquia visual. Use pressão de intenção para diferenciar ações imediatas, contextuais e adiadas.
- Não esconda ações de recuperação importantes como desfazer ou repetir atrás de menus genéricos. Posicione-as próximas ao estado do qual se recuperam.