Gesture Patternspor Owl-Listener

Gesture Patterns Skill.

Diseña lo que ocurre antes, durante y después de un gesto, no solo la acción final del deslizamiento.

UX
Guía de diseño

Revisión de la fuente · Gesture PatternsSKILL.md

Tarea UX Produce • Una especificación de gestos y affordances visibles • Comportamiento de activación, progreso, finalización y cancelación • Reglas de conflicto y alternativas accesibles Antes de empezar Un agente que pueda leer el brief de interacción, las plataformas de destino y las acciones disponibles mediante botones o menús.

Resumen editorial · fuente revisada 2026-10-07 · no es un ejemplo generado

01 Qué hace

Gesture Patterns: Haz que los gestos sean descubribles

Especifica cómo los usuarios descubren, realizan, completan y cancelan gestos, incluidas las alternativas accesibles.

Flujo de trabajo basado en la fuenteNo es un benchmark de ejecución

El enfoque de trabajo

Gesture Patterns abarca toques, pulsaciones largas, deslizamientos, arrastres, pellizcos, rotación e interacciones de tirar para actualizar. Trata la descubribilidad y la retroalimentación como parte del gesto, en lugar de suponer que los usuarios conocerán un atajo oculto.

La fuente también aborda los conflictos: desplazarse frente a deslizar, tocar frente a mantener pulsado, y gestos de la aplicación frente al comportamiento del sistema operativo. Todo gesto necesita una alternativa, y las acciones destructivas necesitan una vía de recuperación. Las distancias o retardos sugeridos son valores iniciales que deben probarse en el dispositivo de destino.

Entregables esperados

Una especificación de gestos y affordances visibles
Comportamiento de activación, progreso, finalización y cancelación
Reglas de conflicto y alternativas accesibles

Ver el brief de ejemplo

Del brief a la revisión

01
Elige el gesto
Asocia la acción con un patrón de entrada conocido y muestra una affordance.
02
Define la transición
Especifica el umbral de activación, la retroalimentación de progreso, la finalización y la cancelación.
03
Resuelve los conflictos
Comprueba el desplazamiento y los gestos del sistema, y ofrece una vía con botón o menú para la misma acción.

02 Cuándo usarlo

Cuándo usarla

Úsala para definir un gesto táctil o de puntero cuyo comportamiento, retroalimentación y alternativas deban quedar explícitos.

Buen encaje

Reordenación táctilDefine el inicio del arrastre, la retroalimentación del movimiento y una forma de cancelar.
Acciones de deslizamientoHaz que el comportamiento de mostrar o descartar sea descubrible y recuperable.

Límites que conviene revisar

No es una referencia de convenciones del sistema operativoLos estándares de gestos específicos de cada plataforma corresponden al ámbito de otra skill.
Sin acciones solo ocultasLa fuente exige alternativas que no dependan de gestos, en lugar de funcionalidad exclusiva por gestos.

Aporta estos datos

Acción y contextoIndica qué hace el gesto y dónde comienza.
Dispositivo y plataformaIdentifica las restricciones táctiles, de puntero y de gestos del sistema.
Vía alternativaProporciona el menú, botón o control accesible correspondiente.

03 Decisiones importantes

Decisiones que importan

Reglas de conflicto
El bloqueo de dirección y las decisiones de prioridad evitan que un mismo movimiento active acciones en competencia.
Retroalimentación durante todo el gesto
Las señales de progreso y cancelación hacen comprensible el umbral antes de confirmar la acción.

04 Ejemplo de brief

Prueba con un brief concreto

El brief de ejemplo siguiente no se ha probado. Revisa la configuración de la skill antes de usarlo.

Revisa la configuración

Carga el SKILL.md de esta tarea desde el repositorio designer-skills en la ubicación de skills compatible con tu agente. El archivo de entrada no establece ningún comando de instalación universal.

Archivo fuente original

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

Proporciona los dispositivos de destino y los controles circundantes. Los umbrales y los conflictos de gestos aún deben probarse en esos dispositivos.

Empieza con un entregable

Adapta el alcance, el material de origen y las restricciones de este brief antes de ejecutar la skill.

Brief de ejemplo

Usa gesture-patterns para especificar deslizar para archivar en esta lista móvil. Incluye descubrimiento visible, gestión de desplazamiento frente a deslizamiento, una zona de cancelación, retroalimentación de finalización, deshacer y una alternativa mediante menú. Trata los valores de umbral como candidatos para probar, no como constantes universales.

Inspecciona el resultado

Comprueba el resultado real con estos criterios observables.

La acción tiene una vía sin gestos.
El desplazamiento y los gestos del sistema conservan la prioridad cuando corresponde.
Los usuarios pueden cancelar o deshacer la acción correspondiente.

OpenDesign ofrece un espacio de trabajo local de diseño para agentes de programación. Este listado no significa que la skill venga incluida ni que se incluyan sus herramientas externas, credenciales y dependencias de software.

Descargar OpenDesign Leer la guía de inicio rápido

05 Fuente y licencia

Fuente y licencia

Esta página describe la revisión fijada de la fuente enlazada a continuación. El comportamiento y los requisitos originales pueden cambiar.

Propietario de la fuente: Owl-Listener
Repositorio: Owl-Listener/designer-skills
Archivo de la skill: interaction-design/skills/gesture-patterns/SKILL.md
Licencia: MIT
Instantánea revisada: 2026-10-07 · 9a6930cf84a8

Resumen editorial de la fuente

Especifica cómo los usuarios descubren, realizan, completan y cancelan gestos, incluidas las alternativas accesibles.

Resumen original de OpenDesign, basado en la fuente enlazada. Las estrellas del repositorio son una señal de popularidad con fecha, no el uso de la skill ni una puntuación de calidad.

06 Preguntas antes de empezar

Preguntas antes de empezar

¿Puede una acción existir solo detrás de un deslizamiento?

La fuente indica que todo gesto debe tener una alternativa que no dependa de gestos.

¿Son obligatorios los umbrales de ejemplo?

No. Deben probarse según el dispositivo, el movimiento y los usuarios.

¿Qué pasa si un gesto entra en conflicto con el sistema operativo?

La fuente da prioridad a los gestos del sistema.

OpenDesign

Deja espacio para la siguiente iteración de diseño.

Mantén juntos tu brief, el material de origen y tu trabajo de diseño en un espacio de trabajo local. Revisa la configuración de la propia skill antes de añadirla a tu flujo de trabajo.

Descargar OpenDesign Explorar skills de diseño