Как я пересобрал навигацию в рамках редизайна продукта

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

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

Параллельно посмотрел, как это устроено у конкурентов. У всех по-разному, но есть общее: навигация собрана вокруг сценариев, а не просто списком разделов. За счёт этого её можно запомнить и идти по ней на автомате.

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

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

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

Для ежедневного инструмента это, по сути, и есть результат.

Как я пересобрал навигацию в рамках редизайна продукта | Сетка — социальная сеть от hh.ru