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