Мобильная верстка: лучшее

Тач-интерфейс ломается не из-за дизайна, а из-за мелких ошибок в зоне касания

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

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

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

Если интерфейс нужно объяснять, касание уже неочевидно. Сделайте крупнее цель, чище экран и короче путь до действия: на таче выигрывает не самый красивый экран, а тот, где палец не ошибается.
Этот пост опубликован в Telegram-канале Мобильная верстка: лучшее. Подписаться можно по ссылке: @mobile_first_design_tips_ww.
tech

Свежие посты в категории «Сервисы и инфраструктура»

Все каналы категории →

start

Готовы запустить рекламу через сеть public.tg?

Новый оффер, продукт, GEO, кейс, событие или партнёрский запуск — соберём маршрут под задачу и отдадим медиаплан.

Telegram для медиаплана: @AFFtop_connect. Быстрый тест: $20 за канал, $1000 за пакет по сети.