102.3K+Télécharger
Aller au guide d’utilisation
Gesture Patternspar Owl-Listener

Gesture Patterns Skill.

Concevez ce qui se passe avant, pendant et après un geste, pas seulement l'action finale du balayage.

  • UX
  • Conseils de conception
Télécharger OpenDesignVoir le guide d'utilisation
Revue de la source · Gesture PatternsSKILL.md
Tâche UX Produit • Une spécification des gestes et des affordances visibles • Le comportement d'activation, de progression, de finalisation et d'annulation • Des règles de conflit et des alternatives accessibles Avant de commencer Un agent capable de lire le brief d'interaction, les plateformes cibles et les actions disponibles via des boutons ou des menus.
Résumé éditorial · source consultée 2026-10-07 · pas un exemple généré

01 Fonctionnement

Gesture Patterns : rendre les gestes découvrables

Spécifier comment les utilisateurs découvrent, exécutent, terminent et annulent les gestes, avec des alternatives accessibles.

Workflow basé sur la sourcePas un benchmark d'exécution

La méthode de travail

Gesture Patterns couvre les appuis, appuis longs, balayages, glissements, pincements, rotations et interactions de tirage. Il traite la découvrabilité et le retour visuel comme des parties du geste, sans supposer que les utilisateurs connaissent un raccourci caché.

La source aborde aussi les conflits : défilement contre balayage, appui contre maintien, et gestes de l'application contre comportement du système d'exploitation. Chaque geste doit avoir une alternative, et les actions destructrices doivent offrir un moyen de récupération. Les distances ou délais suggérés sont des valeurs de départ à tester sur l'appareil cible.

Livrables attendus

  • Une spécification des gestes et des affordances visibles
  • Le comportement d'activation, de progression, de finalisation et d'annulation
  • Des règles de conflit et des alternatives accessibles
Voir l'exemple de brief

Du brief à la revue

  1. 01
    Choisir le geste

    Associez l'action à un modèle d'entrée familier et montrez une affordance.

  2. 02
    Définir la transition

    Précisez le seuil d'activation, le retour de progression, la finalisation et l'annulation.

  3. 03
    Résoudre les conflits

    Vérifiez le défilement et les gestes système, puis prévoyez un accès par bouton ou menu à la même action.

02 Cas d’usage

Quand l'utiliser

Utilisez-le pour définir un geste tactile ou au pointeur dont le comportement, le retour visuel et les alternatives doivent être explicites.

Cas adaptés

  • Réorganisation tactileDéfinissez le début du glissement, le retour pendant le mouvement et un moyen d'annuler.
  • Actions par balayageRendez le comportement d'affichage ou de rejet découvrable et réversible.

Limites à vérifier

  • Pas une référence des conventions de système d'exploitationLes standards de gestes propres à chaque plateforme relèvent du périmètre d'un autre skill.
  • Aucune action accessible uniquement par un geste cachéLa source exige des alternatives sans geste plutôt qu'une fonctionnalité réservée aux gestes.

Éléments à fournir

  • Action et contexteIndiquez ce que fait le geste et où il commence.
  • Appareil et plateformeIdentifiez les contraintes liées au tactile, au pointeur et aux gestes système.
  • Voie de repliFournissez le menu, le bouton ou le contrôle accessible correspondant.

03 Décisions importantes

Les décisions importantes

  1. Règles de conflit

    Le verrouillage de direction et les décisions de priorité empêchent un même mouvement de déclencher des actions concurrentes.

  2. Retour visuel tout au long du geste

    Les indices de progression et d'annulation rendent le seuil compréhensible avant l'engagement.

04 Exemple de brief

Essayer un brief ciblé

L'exemple de brief ci-dessous n'a pas été testé. Vérifiez la configuration du skill avant de l'utiliser.

Vérifier la configuration

Chargez le SKILL.md de cette tâche depuis le dépôt designer-skills dans l'emplacement de skills pris en charge par votre agent. Le fichier d'entrée n'établit aucune commande d'installation universelle.

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

Fournissez les appareils cibles et les contrôles environnants. Les seuils et les conflits de gestes doivent encore être testés sur ces appareils.

Commencer par un seul livrable

Adaptez la portée, le matériel source et les contraintes de ce brief avant d'exécuter le skill.

Exemple de brief
Utilisez gesture-patterns pour spécifier un balayage d'archivage pour cette liste mobile. Incluez la découverte visible, la gestion défilement contre balayage, une zone d'annulation, un retour de finalisation, l'annulation après coup et une alternative par menu. Traitez les valeurs de seuil comme des candidats à tester plutôt que comme des constantes universelles.

Examiner le résultat

Comparez le résultat réel à ces critères observables.

  • L'action dispose d'une voie sans geste.
  • Le défilement et les gestes système conservent la priorité si nécessaire.
  • Les utilisateurs peuvent annuler ou défaire l'action concernée.

OpenDesign fournit un espace de travail de conception local pour les agents de code. Cette fiche ne signifie pas que le skill est inclus, ni que ses outils externes, identifiants et dépendances logicielles le sont.

Télécharger OpenDesignLire le guide de démarrage rapide

05 Source et licence

Source et licence

Cette page décrit la révision figée de la source liée ci-dessous. Le comportement et les exigences en amont peuvent changer.

Propriétaire de la source
Owl-Listener
Dépôt
Owl-Listener/designer-skills
Fichier du skill
interaction-design/skills/gesture-patterns/SKILL.md
Licence
MIT
Instantané consulté
2026-10-07 · 9a6930cf84a8
Résumé éditorial de la source
Spécifier comment les utilisateurs découvrent, exécutent, terminent et annulent les gestes, avec des alternatives accessibles.

Résumé original par OpenDesign, d'après la source liée. Les étoiles du dépôt sont un indicateur de popularité daté, pas une mesure d'usage du skill ni une note de qualité.

06 Questions avant de commencer

Questions avant de commencer

L'action peut-elle exister uniquement derrière un balayage ?

La source indique que chaque geste doit avoir une alternative sans geste.

Les seuils donnés en exemple sont-ils obligatoires ?

Non. Ils doivent être testés selon l'appareil, le mouvement et les utilisateurs.

Que faire si un geste entre en conflit avec le système d'exploitation ?

La source donne la priorité aux gestes système.

OpenDesign

Laissez de la place à la prochaine itération de conception.

Gardez votre brief, vos sources et votre travail de conception ensemble dans un espace de travail local. Vérifiez la configuration propre au skill avant de l'ajouter à votre workflow.

Télécharger OpenDesignParcourir les skills de design
Fichier source amont
https://github.com/Owl-Listener/designer-skills/blob/9a6930cf84a822eb458624bd11c61aac5bbdf224/interaction-design/skills/gesture-patterns/SKILL.md