19 Июня 2025 11:43 19 Июн 2025 11:43 |

Поделиться

Александр Лопаткин, «Экзон»: Если запутан интерфейс — запутается и работа

CNews: Шапка и навигация — что это за элементы и зачем они вообще нужны пользователю?

Александр Лопаткин: Шапка — это верхняя часть интерфейса. Там обычно заголовок, кнопки, статусы. У нас она разрослась до третьей части экрана. Навигация — это то, как пользователь перемещается по системе. В «Экзон» это и основное меню, и «хлебные крошки» — цепочка из названий разделов, чтобы понять, где ты находишься.

CNews: Что именно стало неудобным в старом интерфейсе? Когда поняли, что просто доработками уже не обойтись?

Александр Лопаткин: «Экзон» изначально строился быстро. Мы гнались за функциональностью — чтобы весь документооборот по стройке можно было вести в одном месте. Но ресурсов на всё не хватало. В первый год дизайном занимался один человек, а часть экранов рисовали аналитики.

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

Пользователи начали жаловаться, что не видят контент.

Летом 2023 года стало понятно: это больше не лечится правками. Нужно пересобирать с нуля, делать большой редизайн.

CNews: С чего вы начали, когда решили всё переделывать? Как разобрались в накопившемся за годы интерфейсном хаосе?

Александр Лопаткин: Мы пошли с самого начала — провели аудит. Смотрели, как шапка устроена в каждом модуле, как она ведёт себя в разных сценариях. Нашли 37 разных состояний. Всё это зафиксировали, собрали в Figma, нарисовали схему. Это была наша отправная точка.

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

CNews: Какие решения в итоге не сработали? Что пришлось пересматривать по ходу?

Александр Лопаткин: Очень многое пришлось пробовать и выбрасывать. Например, был вариант, где вкладка и заголовок совмещались в одном элементе — экономили место. Но при тестировании шрифт «прыгал», и всё ломалось.

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

CNews: Что пошло не по плану? Где пришлось сильно переделывать и что тормозило процесс?

Александр Лопаткин: Сроки. Мы сильно недооценили объём задачи. Потом — коммуникация: каждое изменение касалось почти всех команд. Не было системы сбора обратной связи.

Например, кнопку «скопировать ссылку» убрали — и только потом узнали, что её активно используют. Пришлось вернуть.

CNews: Что стало лучше для пользователей после редизайна?

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

Благодаря этому высота шапки сократилась с 235 до 88 пикселей. Вместо перегруженной панели теперь — логичная структура, где всё важное доступно сразу, а лишнее не мешает. Также переработали логику хлебных крошек: теперь можно не только понять, где ты, но и быстро перейти в соседний раздел.

CNews: Какие выводы вы сделали после всей этой работы?

Александр Лопаткин: Первое — исследования в сложных продуктах нельзя недооценивать, это важнее и дольше, чем кажется вначале. Второе — живая обратная связь важна. Редизайн — это не только про внешний вид продукта. Мы навели порядок не только в интерфейсе, но и в подходах внутри команды.

Поделиться

Подписаться на новости Короткая ссылка