Gesture Patternspor Owl-Listener

Gesture Patterns Skill.

Projete o que acontece antes, durante e depois de um gesto, não apenas a ação final do deslize.

UX
Orientação de design

Revisão da fonte · Gesture PatternsSKILL.md

Tarefa UX Produz • Uma especificação de gestos e affordances visíveis • Comportamento de ativação, progresso, conclusão e cancelamento • Regras de conflito e alternativas acessíveis Antes de começar Um agente que consiga ler o briefing de interação, as plataformas-alvo e as ações disponíveis por botões ou menus.

Resumo editorial · fonte revisada em 2026-10-07 · não é um exemplo gerado

01 Funcionalidades

Gesture Patterns: Torne os gestos descobríveis

Especifica como os usuários descobrem, executam, concluem e cancelam gestos, incluindo alternativas acessíveis.

Fluxo de trabalho baseado na fonteNão é um benchmark de execução

A abordagem de trabalho

Gesture Patterns abrange toques, pressionamentos longos, deslizes, arrastos, pinças, rotação e interações de puxar. Trata a descobribilidade e o feedback como parte do gesto, em vez de presumir que os usuários conhecerão um atalho oculto.

A fonte também trata de conflitos: rolagem versus deslize, toque versus segurar e gestos do aplicativo versus comportamento do sistema operacional. Todo gesto precisa de uma alternativa, e ações destrutivas precisam de um caminho de recuperação. Distâncias ou atrasos sugeridos são valores iniciais para testar no dispositivo-alvo.

Entregáveis esperados

Uma especificação de gestos e affordances visíveis
Comportamento de ativação, progresso, conclusão e cancelamento
Regras de conflito e alternativas acessíveis

Ver o briefing de exemplo

Do briefing à revisão

01
Escolha o gesto
Associe a ação a um padrão de entrada familiar e mostre uma affordance.
02
Defina a transição
Especifique o limiar de ativação, o feedback de progresso, a conclusão e o cancelamento.
03
Resolva conflitos
Verifique a rolagem e os gestos do sistema e ofereça uma rota por botão ou menu para a mesma ação.

02 Quando usar

Quando usar

Use para definir um gesto de toque ou ponteiro cujo comportamento, feedback e alternativas precisam ser explícitos.

Boa adequação

Reordenação por toqueDefina o início do arrasto, o feedback do movimento e uma forma de cancelar.
Ações de deslizeTorne o comportamento de revelar ou dispensar descobrível e recuperável.

Limites a verificar

Não é uma referência de convenções do SOOs padrões de gestos específicos de cada plataforma são escopo de outra skill.
Sem ações apenas ocultasA fonte exige alternativas sem gestos, em vez de funcionalidade exclusiva por gesto.

Traga estas entradas

Ação e contextoInforme o que o gesto faz e onde ele começa.
Dispositivo e plataformaIdentifique as restrições de toque, ponteiro e gestos do sistema.
Rota alternativaForneça o menu, botão ou controle acessível correspondente.

03 Decisões importantes

Decisões importantes

Regras de conflito
Bloqueio de direção e decisões de prioridade evitam que um movimento acione ações concorrentes.
Feedback ao longo do gesto
Indicações de progresso e cancelamento tornam o limiar compreensível antes do compromisso.

04 Exemplo de briefing

Teste um briefing focado

O briefing de exemplo abaixo não foi testado. Verifique a configuração da skill antes de usá-lo.

Revise a configuração

Carregue o SKILL.md desta tarefa do repositório designer-skills no local de skills compatível do seu agente. O arquivo de entrada não estabelece um comando de instalação universal.

Arquivo de origem upstream

https://github.com/Owl-Listener/designer-skills/blob/9a6930cf84a822eb458624bd11c61aac5bbdf224/interaction-design/skills/gesture-patterns/SKILL.md

Informe os dispositivos-alvo e os controles ao redor. Limiares e conflitos de gestos ainda precisam ser testados nesses dispositivos.

Comece com um entregável

Adapte o escopo, o material de origem e as restrições deste briefing antes de executar a skill.

Briefing de exemplo

Use gesture-patterns para especificar deslizar para arquivar nesta lista mobile. Inclua descoberta visível, tratamento de rolagem versus deslize, uma região de cancelamento, feedback de conclusão, desfazer e uma alternativa em menu. Trate os valores de limiar como candidatos a teste, não como constantes universais.

Inspecione o resultado

Compare a saída real com estes critérios observáveis.

A ação tem um caminho sem gesto.
A rolagem e os gestos do sistema mantêm a prioridade quando necessário.
Os usuários podem cancelar ou desfazer a ação relevante.

OpenDesign oferece um espaço de trabalho local de design para agentes de programação. Esta listagem não significa que a skill esteja incluída nem que suas ferramentas externas, credenciais e dependências de software estejam incluídas.

Baixar OpenDesign Ler o guia rápido

05 Fonte e licença

Fonte e licença

Esta página descreve a revisão fixada da fonte vinculada abaixo. O comportamento e os requisitos upstream podem mudar.

Proprietário da fonte: Owl-Listener
Repositório: Owl-Listener/designer-skills
Arquivo da skill: interaction-design/skills/gesture-patterns/SKILL.md
Licença: MIT
Versão revisada: 2026-10-07 · 9a6930cf84a8

Resumo editorial da fonte

Especifica como os usuários descobrem, executam, concluem e cancelam gestos, incluindo alternativas acessíveis.

Resumo original de OpenDesign, com base na fonte vinculada. As estrelas do repositório são um sinal de popularidade datado, não uso da skill nem nota de qualidade.

06 Perguntas antes de começar

Perguntas antes de começar

A ação pode existir somente por trás de um deslize?

A fonte diz que todo gesto deve ter uma alternativa sem gesto.

Os limiares de exemplo são obrigatórios?

Não. Eles devem ser testados para o dispositivo, o movimento e os usuários.

E se um gesto entrar em conflito com o sistema operacional?

A fonte dá prioridade aos gestos do sistema.

OpenDesign

Abra espaço para a próxima iteração de design.

Mantenha seu briefing, material de origem e trabalho de design juntos em um espaço de trabalho local. Verifique a configuração da própria skill antes de adicioná-la ao seu fluxo de trabalho.

Baixar OpenDesign Explorar skills de design