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