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

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

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

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

— Делайте тач-цели достаточно крупными: не только сам иконкой, но и весь кликабельный блок.
— Не прячьте важные действия в жесты без дубля в виде кнопки или меню.
— Разделяйте опасные действия: рядом с «Удалить» не должно быть случайного тапа.

Смотрите на расстояние между элементами: ошибка часто не в размере кнопки, а в том, что соседняя зона перехватывает касание. Добавляйте визуальный отклик на нажатие, иначе пользователь жмёт повторно и начинает нервничать. Для свайпов и удержаний всегда оставляйте явную подсказку: люди не обязаны угадывать механику.

Ещё один частый провал — перегруженные экраны, где все элементы «равноправны». На тач-экране должна быть иерархия: главное действие заметно, второстепенное — тише, служебное — не мешает. Так интерфейс становится быстрее не по ощущениям дизайнера, а по реальным касаниям.

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

Свежие посты в категории «Tech Infrastructure»

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

start

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

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

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