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

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

На мобильном экране пальцу нужна не «красота», а предсказуемость. Если элемент выглядит кликабельным, он должен нажиматься сразу и без промахов.

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

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

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

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

Свежие посты в категории «Сервисы и инфраструктура»

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

start

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

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

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