ДизайнУха
28
Dec

Основное руководство по дизайну навигации

источникuxmisfit.com
авторPrzemyslaw Baraniak

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

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

Выстройте иерархию правильно

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

Устраните препятствия

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

Иерархическая навигация

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

Плоская (параллельная) навигация

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

Нижняя навигация

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

Когда использовать боковое меню

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

Когда использовать модельные окна

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

Использование панели навигации или панели команд

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

Подводя итог

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