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

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

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

Пользователь не должен угадывать, куда нажать. Для тача важны три вещи: размер зоны касания, расстояние между интерактивными элементами и предсказуемая реакция на жест.

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

Отдельно смотрите на сценарии одной рукой: если важная кнопка уезжает в верх экрана, ее будут промахивать. Лучше держать частые действия в доступной зоне и не прятать их за лишними жестами. Хороший тач-экран не заставляет запоминать правила — он ведет пользователя сам.

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

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

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

start

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

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

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