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

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

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

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

Чаще всего проблемы такие:
— слишком маленькие тач-таргеты;
— тесные списки, где легко задеть соседний пункт;
— свайпы без альтернативы для тех, кто не угадывает жест;
— важные действия, спрятанные в долгом тапе;
— состояния hover, на которых строят логику интерфейса.

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

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

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

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

start

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

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

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