Gesture Patternsавтор Owl-Listener

Gesture Patterns Skill.

Продумайте, что происходит до жеста, во время него и после — а не только итоговое действие по свайпу.

UX
Рекомендации по дизайну

Скачать OpenDesign Открыть руководство по использованию

Обзор источника · Gesture PatternsSKILL.md

Задача UX Результат • Спецификация жестов и видимых подсказок • Поведение при активации, ходе жеста, завершении и отмене • Правила разрешения конфликтов и доступные альтернативы Перед началом Агент, способный прочитать бриф по взаимодействию, целевые платформы и действия, доступные через кнопки или меню.

Редакционное резюме · источник проверен 2026-10-07 · не сгенерированный пример

01 Возможности

Gesture Patterns: сделайте жесты обнаруживаемыми

Описывает, как пользователи находят, выполняют, завершают и отменяют жесты, включая доступные альтернативы.

Рабочий процесс на основе источникаНе тест производительности выполнения

Подход к работе

Gesture Patterns охватывает касания, долгие нажатия, свайпы, перетаскивание, щипок, поворот и жесты «потянуть». Обнаруживаемость и обратная связь считаются частью жеста: нельзя рассчитывать, что пользователи знают скрытый быстрый жест.

Источник также разбирает конфликты: прокрутка и свайп, касание и удержание, жесты приложения и поведение операционной системы. У каждого жеста должна быть альтернатива, а у разрушающих действий — путь восстановления. Предлагаемые расстояния и задержки — стартовые значения, которые нужно проверить на целевом устройстве.

Ожидаемые результаты

Спецификация жестов и видимых подсказок
Поведение при активации, ходе жеста, завершении и отмене
Правила разрешения конфликтов и доступные альтернативы

Смотреть пример брифа

От брифа до проверки

01
Выберите жест
Сопоставьте действие с привычным способом ввода и покажите подсказку.
02
Определите переход
Опишите порог активации, обратную связь о ходе жеста, завершение и отмену.
03
Разрешите конфликты
Проверьте прокрутку и системные жесты, затем предусмотрите кнопку или пункт меню для того же действия.

02 Когда использовать

Когда использовать

Используйте, чтобы определить жест касания или указателя, поведение, обратная связь и альтернативы которого должны быть явными.

Хорошо подходит

Изменение порядка касаниемОпределите начало перетаскивания, обратную связь при движении и способ отмены.
Действия по свайпуСделайте показ или смахивание обнаруживаемыми и обратимыми.

Ограничения для проверки

Не справочник по соглашениям ОССтандарты жестов для конкретных платформ относятся к области другого навыка.
Никаких действий, доступных только скрытым жестомИсточник требует альтернатив без жестов, а не функциональности, доступной только жестом.

Что подготовить

Действие и контекстУкажите, что делает жест и где он начинается.
Устройство и платформаОпределите ограничения касания, указателя и системных жестов.
Запасной путьПредоставьте соответствующее меню, кнопку или доступный элемент управления.

03 Важные решения

Важные решения

Правила конфликтов
Фиксация направления и приоритеты не дают одному движению запускать конкурирующие действия.
Обратная связь на протяжении жеста
Подсказки о ходе и отмене делают порог понятным до подтверждения действия.

04 Пример задания

Попробуйте целевой бриф

Приведённый ниже пример брифа не тестировался. Перед использованием проверьте настройку навыка.

Проверьте настройку

Загрузите SKILL.md этой задачи из репозитория designer-skills в поддерживаемое место для навыков вашего агента. Универсальной команды установки во входном файле не указано.

Исходный файл в репозитории

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

Укажите целевые устройства и окружающие элементы управления. Пороги и конфликты жестов всё равно нужно проверить на этих устройствах.

Начните с одного результата

Перед запуском навыка адаптируйте в этом брифе объём, исходные материалы и ограничения.

Пример брифа

Используйте gesture-patterns, чтобы описать «свайп для архивации» в этом мобильном списке. Включите видимую подсказку, разделение прокрутки и свайпа, зону отмены, обратную связь о завершении, отмену действия и альтернативу через меню. Считайте пороговые значения кандидатами для тестирования, а не универсальными константами.

Проверьте результат

Сравните фактический результат с этими наблюдаемыми критериями.

У действия есть путь без жестов.
Прокрутка и системные жесты сохраняют приоритет там, где это нужно.
Пользователи могут отменить или откатить соответствующее действие.

OpenDesign предоставляет локальное дизайн-пространство для кодинг-агентов. Этот список не означает, что навык входит в комплект или что внешние инструменты, учётные данные и программные зависимости включены.

Скачать OpenDesign Читать краткое руководство

05 Источник и лицензия

Источник и лицензия

На этой странице описана зафиксированная версия источника по ссылке ниже. Поведение и требования в исходном проекте могут измениться.

Владелец источника: Owl-Listener
Репозиторий: Owl-Listener/designer-skills
Файл навыка: interaction-design/skills/gesture-patterns/SKILL.md
Лицензия: MIT
Проверенный снимок: 2026-10-07 · 9a6930cf84a8

Редакционное резюме источника

Описывает, как пользователи находят, выполняют, завершают и отменяют жесты, включая доступные альтернативы.

Оригинальное резюме OpenDesign на основе связанного источника. Звёзды репозитория — датированный показатель популярности, а не использование навыка или оценка качества.

06 Вопросы перед началом

Вопросы перед началом

Может ли действие существовать только за свайпом?

В источнике сказано, что у каждого жеста должна быть альтернатива без жеста.

Обязательны ли примерные пороги?

Нет. Их нужно проверять для конкретного устройства, движения и пользователей.

Что делать, если жест конфликтует с операционной системой?

Источник отдаёт приоритет системным жестам.

OpenDesign

Оставьте место для следующей итерации дизайна.

Храните бриф, исходные материалы и дизайн-работу вместе в локальном рабочем пространстве. Перед добавлением навыка в рабочий процесс проверьте его собственную настройку.

Скачать OpenDesign Просмотреть дизайн-навыки