Пользователь не читает интерфейс — он тыкает в него пальцем. Поэтому у каждого интерактивного элемента должен быть понятный размер, заметный отступ и зона, куда реально попасть без зума. Если цель мелкая, ее лучше не «дотягивать» визуально, а увеличить область нажатия.
Проверьте базу:
— tap target не должен сливаться с соседними элементами
— активное состояние обязано быть заметным сразу
— жесты не должны скрывать обычное нажатие
— рядом с опасными действиями нужен запас на ошибку
Отдельно смотрите на скролл: если карточка и кнопка внутри нее конкурируют за одно касание, пользователь теряется. В тач-интерфейсах лучше один явный сценарий на один экранный фрагмент, чем два слабых. Чем меньше двусмысленности, тем ниже шанс случайных тапов.
Хороший тач-дизайн — это когда человек не думает, куда нажать, а просто делает действие.
Мобильная верстка: лучшее
@mobile_first_design_tips_ww
Тач-интерфейс ломается не на кнопках, а на мелочах расстояния и реакции
Этот пост опубликован в Telegram-канале Мобильная верстка: лучшее. Подписаться можно по ссылке: @mobile_first_design_tips_ww.