UX Swipe-to-Action: делаем скрытые жесты видимыми и безопасными
Как разрабатывать действия смахивания в списках: указатели, пороговые значения, фиксации полного пролистывания, отмена, доступность и почему смахивание никогда не должно быть единственным способом.
Главное
Действия смахивания — это быстрый ярлык для частых действий со списками, таких как архивирование или удаление, но они скрыты, поэтому никогда не должны быть единственным способом сделать что-либо. Используйте их для ожидаемых действий, покажите четкий порог при перемещении элемента, позвольте частичному пролистыванию раскрыться и полностью зафиксировать, а также предложить отмену деструктивных действий.
Проблемы с юзабилити
Nielsen Norman Group обнаружил повторяющиеся проблемы с действиями смахивания для раскрытия: из-за отсутствия означающих становится неясно, где работает смахивание, нестандартные действия, связанные с смахиванием, удивляют людей, которые ожидают удаления или архивирования, скрытие многих действий за смахиванием затрудняет их обнаружение, а смахивание может быть неоднозначным, когда один и тот же жест также перемещается между разделами.
Как должны вести себя действия смахивания
Material Design описывает общий шаблон Android: элементы списка могут отображать кнопки при пролистывании, а основным действием является последняя опция, выровненная по концу, которая активируется напрямую при полном пролистывании.
- Продолжайте проводить пальцем по экрану, чтобы увидеть частые ожидаемые действия: заархивировать, удалить, пометить как прочитанное.
- Покажите действие и его цвет при перемещении элемента и заметно измените его при достижении порога фиксации.
- Возвращает элемент обратно, если его отпустить до порогового значения.
- Предложите отменить или попросить подтверждения деструктивных действий.
- Не смешивайте действия горизонтального пролистывания с горизонтальной навигацией по смахиванию на одном экране.
Никогда не единственный способ
Поскольку пролистывание невидимо, поместите те же действия в видимое меню, меню длительного нажатия или на экран подробностей. Это также касается доступности: пользователям программ чтения с экрана и людям, которые не могут выполнять точные жесты, нужен маршрут без жестов, и платформы предоставляют специальные возможности именно для этой цели.
Движение делает пролистывание более надежным
Предмет должен точно отслеживать палец, а при отпускании пружина, поддерживающая скорость пальца, делает фиксацию или возврат в исходное положение физическими. Кратковременное тактильное прикосновение к порогу, где его поддерживает платформа, подтверждает действие, прежде чем палец поднимется.
Ключевые принципы
- Проведение скрыто: всегда предоставляйте видимую альтернативу.
- Используйте его для частых и ожидаемых действий.
- Частичное пролистывание открывается, полное пролистывание фиксируется, ранний выпуск возвращается обратно
- Отменить или подтвердить деструктивные действия
- Избегайте противоречивых горизонтальных жестов на одном экране.
Частые вопросы
Источники
- Using Swipe to Trigger Contextual Actions — Nielsen Norman Group
- Lists guidelines — Material Design 3