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

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

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

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

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

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

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

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

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

start

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

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

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