Навигация

В мобильных приложениях построить навигацию можно несколькими способами — табами, ссылками в нижней панели или с помощью бокового меню.

Табы

Табы помогают быстро переключаться между несколькими экранами.

Рекомендуются для:

  • • Частого переключения между экранами,
  • • Приложений с небольшим количеством основных экранов,
  • • Альтернативных представлений информации.

Нижняя панель

Нижняя панель помогает быстро переключаться между несколькими экранами.

Рекомендуются для:

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

Боковое меню

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


Может вмещать много ссылок и другую информацию.

Остается скрытым, пока пользователь не откроет его, и не занимает места на экране.

Рекомендуются для:

  • • Приложений с большим количеством экранов,
  • • Быстрых переходов между несвязанными экранами,
  • • Сложной иерархии экранов в приложении,
  • • Скрывания редко нужных ссылок.

Боковое меню открывается свайпом от левого края экрана и по клику на иконке бургера. Закрывается при выборе пункта меню либо свайпом влево.

В меню показывается не только навигация, но и имя пользователя и ссылки для выхода или смены пользователя.

В стандартах для iOS нет бокового меню.
 Для приложений Контура для iOS мы нарисовали кастомное боковое меню. Он выдвигается слева при свайпе от левого края экрана либо при нажатии на иконку бургера. Иконка при этом поворачивается на 90 градусов, а топ-бар с иконками скрывается.