iOS Guidelines in Russian. Part №5.

Гайдлайны Apple. Перевод.

Навигация

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

Существует 3 основных структуры навигации:

• Иерархичная
• Плоскостная
• Контентонаправленная

Иерархичная структура

Если ваше приложение использует данный вид структуры, то пользователи передвигаются по вашему приложению, совершая выбор на каждом экране, что позволяет в конечном итоге достичь требуемой точки. Чтобы перейти в другую точку, пользователи должны совершить несколько возвратных действий (возврат выше по структуре), либо начать с самого начала. Хорошими примерами, исповедующими данный подход, являются базовые приложения Настройки и Почта.

Плоскостная структура

В приложении, которое использует данный вид структуры, пользователи могут производить прямую навигацию из одной категории в другую. Потому что интерфейсные слои имеют тут одинаковый приоритет и не подлежат никакой иерархичной группировке. Примеры: Музыка и App Store.

Контентонаправленная структура

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

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

Основные положения для навигации

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

Используйте навигационную панель.

Использование стандартной навигационной панели iOS (Navigation Bar) позволяет пользователю легко осуществлять переходы по вашему приложению. Это достигается путем отображения наименования текущей категории и кнопки Назад (Back), которая расположена в левом верхнем углу. Правый угол тогда может использоваться для дополнительных кнопок. Основным плюсом данного вида панели является ее повсеместное использование в стандартных приложениях Apple.

Используйте панель табов.

Панель табов (Tab Bar) является оптимальным решением для представления контента при использовании плоскостной структуры. Такой функциональный элемент дает пользователю возможность непосредственного перехода из одной категории в другую независимо от текущего местоположения.

Используйте контроль за пагинацией.

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

Еще один яркий пример — отображение общего количества рабочих столов в iOS с помощью индикаторов.

Заметим, что в общем случае идеальным будет наличие единственного пути до каждого экрана. Это будет легче восприниматься пользователем. Если же требуется отображение нескольких контекстов на одном экране, либо нескольких состояний экрана, то следует использовать такие элементы как модальное меню, выпадающий список или всплывающее окно (Alert).