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

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

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

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

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

Отдельно смотрите на жесты. Свайп, long press и drag работают только если у действия есть понятный запас по времени и движению. Если жест слишком чувствительный, пользователь боится ошибиться; если слишком тугой — перестает им пользоваться. Хороший тач-интерфейс не требует догадок: действие видно, зона понятна, реакция мгновенная 👌

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

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

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

start

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

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

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