Swipe-to-Action UX: Робимо приховані жести видимими та безпечними
Як розробити дії пальцем у списках: позначки, порогові значення, повне фіксування, скасування, доступність і чому гортання ніколи не має бути єдиним способом.
Основний винос
Дії гортання — це швидкий ярлик для частих дій зі списком, таких як архівування чи видалення, але вони приховані, тому вони ніколи не повинні бути єдиним способом зробити щось. Використовуйте їх для очікуваних дій, показуйте чітке порогове значення під час переміщення предмета, дозволяйте частковому згортанню розкривати, а повному – фіксувати, і пропонуйте скасування для деструктивних дій.
Проблеми зручності використання
Nielsen Norman Group виявив повторювані проблеми з діями «проведіть пальцем, щоб відкрити»: відсутність позначок робить незрозумілим, де працює пальцем, нестандартні дії за пальцем дивують людей, які очікують видалення чи архівування, приховування багатьох дій за пальцем ускладнює їх виявлення, а проведення може бути неоднозначним, коли той самий жест також переміщається між розділами.
Як повинні діяти дії згортання
Material Design описує загальний шаблон для Android: елементи списку можуть відкривати кнопки під час гортання, а основною дією є остання, вирівняна в кінці опція, яку запускає повне гортання.
- Проводьте пальцем, щоб виконувати часті, очікувані дії: архівувати, видаляти, позначати як прочитані.
- Показувати дію та її колір під час переміщення елемента та помітно змінювати його на порозі фіксації.
- Поверніть предмет назад, якщо його відпустити до порогу.
- Пропонувати скасувати або запитувати підтвердження для деструктивних дій.
- Не змішуйте дії горизонтального гортання з горизонтальною навігацією на одному екрані.
Ніколи єдиний шлях
Оскільки проведення пальцем невидиме, виконайте ті самі дії у видимому меню, меню з тривалим натисканням або на екрані деталей. Це також стосується доступності: користувачам програм зчитування з екрана та людям, які не можуть виконувати точні жести, потрібен безжестовий маршрут, і платформи забезпечують доступність дій саме для цієї мети.
Рух робить свайп надійним
Предмет має точно відслідковувати палець, а після відпускання пружина, яка підтримує швидкість пальця, робить фіксацію або відкидку фізичною. Короткий тактильний дотик біля порога, де його підтримує платформа, підтверджує дію перед підняттям пальця.
Ключі Principle, які слід запам’ятати
- Гортання приховано: завжди надавайте видиму альтернативу
- Використовуйте його для частих очікуваних дій
- Часткове змахування розкриває, повне змахування фіксує, ранній випуск повертається
- Скасувати або підтвердити деструктивні дії
- Уникайте суперечливих горизонтальних жестів на одному екрані
Часті запитання
Джерела
- Using Swipe to Trigger Contextual Actions — Nielsen Norman Group
- Lists guidelines — Material Design 3