Gesture Patternsvon Owl-Listener

Gesture Patterns Skill.

Gestalten Sie, was vor, während und nach einer Geste passiert – nicht nur die abschließende Wischaktion.

UX
Design-Leitfaden

OpenDesign herunterladen Nutzungsanleitung ansehen

Quellenprüfung · Gesture PatternsSKILL.md

Aufgabe UX Ergebnis • Eine Spezifikation von Gesten und sichtbaren Hinweisen • Verhalten bei Aktivierung, Fortschritt, Abschluss und Abbruch • Konfliktregeln und barrierefreie Alternativen Vor dem Start Ein Agent, der das Interaktionsbriefing, die Zielplattformen und die über Schaltflächen oder Menüs verfügbaren Aktionen lesen kann.

Redaktionelle Zusammenfassung · Quelle geprüft am 2026-10-07 · kein generiertes Beispiel

01 Funktionen

Gesture Patterns: Gesten auffindbar machen

Festlegen, wie Nutzer Gesten entdecken, ausführen, abschließen und abbrechen, einschließlich barrierefreier Alternativen.

Quellenbasierter WorkflowKein Ausführungs-Benchmark

Die Arbeitsweise

Gesture Patterns deckt Tippen, langes Drücken, Wischen, Ziehen, Pinch, Rotation und Pull-Interaktionen ab. Auffindbarkeit und Rückmeldung gelten als Teil der Geste; es wird nicht vorausgesetzt, dass Nutzer eine versteckte Abkürzung kennen.

Die Quelle behandelt auch Konflikte: Scrollen gegenüber Wischen, Tippen gegenüber Halten sowie App-Gesten gegenüber dem Verhalten des Betriebssystems. Jede Geste braucht eine Alternative, und destruktive Aktionen brauchen einen Weg zur Wiederherstellung. Vorgeschlagene Distanzen oder Verzögerungen sind Startwerte, die auf dem Zielgerät getestet werden sollten.

Erwartete Ergebnisse

Eine Spezifikation von Gesten und sichtbaren Hinweisen
Verhalten bei Aktivierung, Fortschritt, Abschluss und Abbruch
Konfliktregeln und barrierefreie Alternativen

Beispielbriefing ansehen

Vom Briefing zur Prüfung

01
Geste auswählen
Die Aktion einem vertrauten Eingabemuster zuordnen und einen Hinweis anzeigen.
02
Übergang definieren
Aktivierungsschwelle, Fortschrittsrückmeldung, Abschluss und Abbruch festlegen.
03
Konflikte lösen
Scroll- und Systemgesten prüfen und einen Weg per Schaltfläche oder Menü zur selben Aktion bereitstellen.

02 Einsatzbereiche

Wann es sich eignet

Verwenden Sie es, um eine Touch- oder Zeigergeste zu definieren, deren Verhalten, Rückmeldung und Alternativen explizit sein müssen.

Gut geeignet

Neuanordnen per TouchStart des Ziehens, Rückmeldung während der Bewegung und eine Abbruchmöglichkeit definieren.
WischaktionenDas Einblenden oder Verwerfen auffindbar und wiederherstellbar gestalten.

Zu prüfende Grenzen

Keine Referenz für BetriebssystemkonventionenPlattformspezifische Gestenstandards fallen in den Umfang eines separaten Skills.
Keine nur versteckten AktionenDie Quelle verlangt Alternativen ohne Gesten statt Funktionen, die nur per Geste erreichbar sind.

Diese Eingaben mitbringen

Aktion und KontextAngeben, was die Geste bewirkt und wo sie beginnt.
Gerät und PlattformEinschränkungen durch Touch, Zeiger und Systemgesten benennen.
AusweichwegDas entsprechende Menü, die Schaltfläche oder das barrierefreie Bedienelement bereitstellen.

03 Wichtige Entscheidungen

Entscheidende Punkte

Konfliktregeln
Richtungssperren und Prioritätsentscheidungen verhindern, dass eine Bewegung konkurrierende Aktionen auslöst.
Rückmeldung während der gesamten Geste
Hinweise zu Fortschritt und Abbruch machen die Schwelle vor der Bestätigung verständlich.

04 Beispielbriefing

Ein fokussiertes Briefing ausprobieren

Das folgende Beispielbriefing wurde nicht getestet. Prüfen Sie die Einrichtung des Skills, bevor Sie es verwenden.

Einrichtung prüfen

Laden Sie die SKILL.md dieser Aufgabe aus dem designer-skills-Repository an den von Ihrem Agenten unterstützten Skill-Speicherort. Die Eintragsdatei legt keinen universellen Installationsbefehl fest.

Upstream-Quelldatei

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

Geben Sie die Zielgeräte und umgebenden Bedienelemente an. Schwellenwerte und Gestenkonflikte müssen weiterhin auf diesen Geräten getestet werden.

Mit einem Ergebnis beginnen

Passen Sie Umfang, Quellenmaterial und Rahmenbedingungen in diesem Briefing an, bevor Sie den Skill ausführen.

Beispielbriefing

Verwende gesture-patterns, um Wischen zum Archivieren für diese mobile Liste zu spezifizieren. Berücksichtige sichtbare Auffindbarkeit, den Umgang mit Scrollen gegenüber Wischen, einen Abbruchbereich, Rückmeldung bei Abschluss, Rückgängigmachen und eine Menü-Alternative. Behandle Schwellenwerte als Testkandidaten und nicht als allgemeingültige Konstanten.

Ergebnis prüfen

Prüfen Sie die tatsächliche Ausgabe anhand dieser beobachtbaren Kriterien.

Die Aktion hat einen Weg ohne Geste.
Scroll- und Systemgesten behalten bei Bedarf Vorrang.
Nutzer können die jeweilige Aktion abbrechen oder rückgängig machen.

OpenDesign bietet einen lokalen Design-Arbeitsbereich für Coding-Agenten. Diese Auflistung bedeutet nicht, dass der Skill mitgeliefert wird oder dass externe Tools, Zugangsdaten und Softwareabhängigkeiten enthalten sind.

OpenDesign herunterladen Schnellstart lesen

05 Quelle und Lizenz

Quelle und Lizenz

Diese Seite beschreibt die unten verlinkte festgelegte Quellrevision. Verhalten und Anforderungen im Upstream können sich ändern.

Quellen-Eigentümer: Owl-Listener
Repository: Owl-Listener/designer-skills
Skill-Datei: interaction-design/skills/gesture-patterns/SKILL.md
Lizenz: MIT
Geprüfter Stand: 2026-10-07 · 9a6930cf84a8

Redaktionelle Quellenzusammenfassung

Festlegen, wie Nutzer Gesten entdecken, ausführen, abschließen und abbrechen, einschließlich barrierefreier Alternativen.

Originalzusammenfassung von OpenDesign auf Grundlage der verlinkten Quelle. Repository-Sterne sind ein datiertes Popularitätssignal, weder Skill-Nutzung noch Qualitätswert.

06 Fragen vor dem Start

Fragen vor dem Start

Darf die Aktion nur hinter einer Wischgeste existieren?

Laut Quelle muss jede Geste eine Alternative ohne Geste haben.

Sind die Beispielschwellen verbindlich?

Nein. Sie sollten für Gerät, Bewegung und Nutzer getestet werden.

Was gilt, wenn eine Geste mit dem Betriebssystem kollidiert?

Laut Quelle haben Systemgesten Vorrang.

OpenDesign

Schaffen Sie Raum für die nächste Design-Iteration.

Halten Sie Briefing, Quellenmaterial und Designarbeit in einem lokalen Arbeitsbereich zusammen. Prüfen Sie die Einrichtung des Skills, bevor Sie ihn in Ihren Workflow aufnehmen.

OpenDesign herunterladen Design-Skills durchstöbern