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

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

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

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

Хороший тач-интерфейс всегда прощает неточный жест: дает запас, видимую обратную связь и один понятный путь к действию.