Лучший способ навигации по категориям в мобильных интерфейсах

Как улучшить мобильную навигацию

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

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

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

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

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

Перевод статьи A Better Way to Navigate Content Categories on Mobile из блога UX Movement Newsletter

В нашем Телеграм-канале UX Teddy публикуем так же переводы практических статей из блога UX Movement про проектирование сложных интерфейсов, форм и страниц — подписывайтесь!