Золотые правила проектирования навигации в мобильных приложениях

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

Золотые правила проектирования навигации в мобильных приложениях

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

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

Основные требования

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

Простота Хорошая навигация представляет собой „невидимая рука“, который направляет пользователя. Для достижения простоты важно градировать содержимое приложения в зависимости от того, какие действия оно будет выполнять с наибольшей вероятностью.

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

Ясность Для пользователей должно быть понятно, как добраться из пункта А в пункт Б с первого взгляда. Им не нужно руководство для этого. Самый очевидный пример — это узнаваемые иконки, такие как корзина для покупок.

Люди знают, что им нужно нажать на него, чтобы совершить покупку.

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

Навигация, зависящая от пальца

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

Читать также:  5 способов эффективного использования сообщений в мобильном приложении

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

Меню с вкладками

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

3 основных аспекта дизайна навигации

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

1. Показать только самые важные пункты назначения

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

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

2. Представление текущего местоположения

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

Читать также:  5 причин, по которым Android-смартфоны популярнее iPhone

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

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

Текст — Он должен быть кратким, точным и ясным. Обычно для объяснения значения иконы используется одно или два слова. Текст должен быть набран одинарным интервалом и достаточно крупным шрифтом, чтобы быть разборчивым.

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

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

Их цель — улучшить коммуникацию внутри мобильного приложения.

3. Очевидная навигация

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

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

Читать также:  7 приложений для подключения Android-смартфона к компьютеру

Они должны быть в отдельном меню.

Последовательность — вкладки должны быть одинаковыми и располагаться одинаково независимо от ориентации экрана смарт-устройства. Это создает ощущение стабильности для пользователей. Меню должно быть одинаковым для всех.

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

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

Креативная навигация с плавающими кнопками

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

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

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

Заключение

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

Чем проще этим людям пользоваться приложением, тем активнее они будут это делать, а это, в свою очередь, принесет реальную пользу бизнесу.

Понравилась статья? Поделиться с друзьями:
Что нужно знать пользователю?