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

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

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

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

Важны три вещи:
— состояние нажатия должно быть заметным сразу;
— жесты нельзя прятать без подсказки;
— действие после тапа должно быть предсказуемым.
Если элемент выглядит как кнопка, он обязан вести себя как кнопка. Если это свайп, покажите намёк или дайте альтернативу через обычное нажатие.

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

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

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

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

start

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

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

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