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

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

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

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

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

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

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

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

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

start

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

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

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