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