Gesture Patternsdi Owl-Listener

Gesture Patterns Skill.

Progetta ciò che accade prima, durante e dopo un gesto, non solo l'azione finale dello swipe.

UX
Linee guida di design

Scarica OpenDesign Vedi la guida all'uso

Revisione della fonte · Gesture PatternsSKILL.md

Attività UX Produce • Una specifica dei gesti e delle affordance visibili • Comportamento di attivazione, avanzamento, completamento e annullamento • Regole sui conflitti e alternative accessibili Prima di iniziare Un agente in grado di leggere il brief di interazione, le piattaforme di destinazione e le azioni disponibili tramite pulsanti o menu.

Sintesi editoriale · fonte esaminata 2026-10-07 · non è un esempio generato

01 Funzionalità

Gesture Patterns: rendere i gesti scopribili

Specifica come gli utenti scoprono, eseguono, completano e annullano i gesti, incluse le alternative accessibili.

Flusso di lavoro basato sulla fonteNon è un benchmark di esecuzione

Il metodo di lavoro

Gesture Patterns copre tocchi, pressioni lunghe, swipe, trascinamenti, pinch, rotazioni e interazioni di pull. Considera scopribilità e feedback parte del gesto, senza presumere che gli utenti conoscano una scorciatoia nascosta.

La fonte affronta anche i conflitti: scorrimento contro swipe, tocco contro pressione prolungata e gesti dell'applicazione contro comportamento del sistema operativo. Ogni gesto richiede un'alternativa e le azioni distruttive richiedono un percorso di recupero. Distanze o ritardi suggeriti sono valori iniziali da testare sul dispositivo di destinazione.

Risultati attesi

Una specifica dei gesti e delle affordance visibili
Comportamento di attivazione, avanzamento, completamento e annullamento
Regole sui conflitti e alternative accessibili

Vedi il brief di esempio

Dal brief alla revisione

01
Scegli il gesto
Abbina l'azione a un pattern di input familiare e mostra un'affordance.
02
Definisci la transizione
Specifica soglia di attivazione, feedback di avanzamento, completamento e annullamento.
03
Risolvi i conflitti
Verifica scorrimento e gesti di sistema, poi offri un percorso con pulsante o menu per la stessa azione.

02 Quando usarlo

Quando usarla

Usala per definire un gesto touch o con puntatore il cui comportamento, feedback e alternative devono essere espliciti.

Casi adatti

Riordino al toccoDefinisci l'avvio del trascinamento, il feedback del movimento e un modo per annullare.
Azioni con swipeRendi scopribile e recuperabile il comportamento di rivelazione o chiusura.

Limiti da verificare

Non è un riferimento alle convenzioni dei sistemi operativiGli standard dei gesti specifici di piattaforma rientrano nell'ambito di un'altra skill.
Nessuna azione solo nascostaLa fonte richiede alternative senza gesti, non funzionalità esclusive dei gesti.

Input da fornire

Azione e contestoIndica cosa fa il gesto e da dove inizia.
Dispositivo e piattaformaIdentifica i vincoli di touch, puntatore e gesti di sistema.
Percorso alternativoFornisci il menu, il pulsante o il controllo accessibile corrispondente.

03 Decisioni importanti

Decisioni importanti

Regole sui conflitti
Il blocco della direzione e le decisioni di priorità evitano che un solo movimento attivi azioni concorrenti.
Feedback durante tutto il gesto
Indicazioni di avanzamento e annullamento rendono comprensibile la soglia prima dell'impegno.

04 Esempio di brief

Prova un brief mirato

Il brief di esempio qui sotto non è stato testato. Controlla la configurazione della skill prima di usarlo.

Controlla la configurazione

Carica il SKILL.md di questa attività dal repository designer-skills nella posizione delle skill supportata dal tuo agente. Il file di ingresso non stabilisce alcun comando di installazione universale.

File sorgente upstream

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

Fornisci i dispositivi di destinazione e i controlli circostanti. Soglie e conflitti tra gesti vanno comunque testati su quei dispositivi.

Parti da un solo deliverable

Adatta ambito, materiale di partenza e vincoli di questo brief prima di eseguire la skill.

Brief di esempio

Usa gesture-patterns per specificare lo swipe per archiviare in questa lista mobile. Includi scoperta visibile, gestione di scorrimento contro swipe, un'area di annullamento, feedback di completamento, annulla operazione e un'alternativa da menu. Considera i valori di soglia come candidati da testare, non come costanti universali.

Controlla il risultato

Verifica l'output reale in base a questi criteri osservabili.

L'azione ha un percorso senza gesti.
Scorrimento e gesti di sistema mantengono la priorità dove necessario.
Gli utenti possono annullare o revocare l'azione pertinente.

OpenDesign offre uno spazio di lavoro di design locale per agenti di coding. Questo elenco non significa che la skill sia inclusa nel pacchetto né che strumenti esterni, credenziali e dipendenze software siano inclusi.

Scarica OpenDesign Leggi la guida rapida

05 Fonte e licenza

Fonte e licenza

Questa pagina descrive la revisione della fonte fissata collegata qui sotto. Comportamento e requisiti upstream possono cambiare.

Autore della fonte: Owl-Listener
Repository: Owl-Listener/designer-skills
File della skill: interaction-design/skills/gesture-patterns/SKILL.md
Licenza: MIT
Snapshot esaminato: 2026-10-07 · 9a6930cf84a8

Sintesi editoriale della fonte

Specifica come gli utenti scoprono, eseguono, completano e annullano i gesti, incluse le alternative accessibili.

Sintesi originale di OpenDesign, basata sulla fonte collegata. Le stelle del repository sono un segnale di popolarità datato, non l'uso della skill né un punteggio di qualità.

06 Domande prima di iniziare

Domande prima di iniziare

L'azione può esistere solo dietro uno swipe?

La fonte afferma che ogni gesto deve avere un'alternativa senza gesti.

Le soglie di esempio sono obbligatorie?

No. Vanno testate in base al dispositivo, al movimento e agli utenti.

Cosa succede se un gesto è in conflitto con il sistema operativo?

La fonte dà priorità ai gesti di sistema.

OpenDesign

Fai spazio alla prossima iterazione del design.

Tieni brief, materiali di partenza e lavoro di design insieme in uno spazio di lavoro locale. Controlla la configurazione della skill prima di aggiungerla al tuo flusso di lavoro.

Scarica OpenDesign Sfoglia le skill di design