Навигация в мобильном приложении: таб-бар, ящик, жесты

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

Видимое используется чаще

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

Поэтому нижняя панель с видимыми разделами стала стандартом для приложений с несколькими равнозначными сценариями.

Сколько разделов

Нижняя панель комфортно вмещает 3–5 разделов. При трёх остаётся много места для подписей, при пяти иконки уже тесноваты, шесть не помещаются на узких экранах.

Если разделов больше пяти, это обычно означает, что структура продукта не выстроена, а не что нужна другая навигация.

Когда боковое меню оправдано

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

Она также уместна в приложениях с большим количеством равнозначных сущностей — например, в почтовых клиентах со списком папок.

Жесты

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

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

Зоны досягаемости

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

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

Что происходит при возврате назад

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

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

Глубина, после которой человек теряется

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

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

Что в итоге

Мобильная навигация работает, когда основные разделы видны, их не больше пяти и они находятся внизу экрана.

Жесты ускоряют, но не заменяют видимые элементы: у каждого должна быть очевидная альтернатива.