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

Тач-интерфейс ломается не на кнопках, а на мелочах расстояния и реакции

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

Проверьте базу:
— tap target не должен сливаться с соседними элементами
— активное состояние обязано быть заметным сразу
— жесты не должны скрывать обычное нажатие
— рядом с опасными действиями нужен запас на ошибку

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

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

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

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

start

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

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

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