HR-платформа использовалась сотрудниками ежедневно для решения операционных задач, однако со временем интерфейс стал перегруженным, а ключевые сценарии — сложными и запутанным.
В продукте существовало множество точек входа в одни и те же сценарии. Дизайн-система была развернута на несколько продуктов.
Вместо решения своих задач пользователи были вынуждены тратить время на то, чтобы разобраться в интерфейсе.
Задача
Спроектировать концепт интерфейса ключевых flow;
Сформировать UI-kit и определить дизайн-систему, которая станет основой редизайна платформы;
Проверить решения через исследования и защитить выбранную концепцию.
Новый интерфейс HR-платформы
Редизайн начался с концепции нового визуального направления продукта, предложенной внутри команды.
Переход между согласованием документов
Для упрощения согласования документов было предложено решение с быстрым переходом к новому сотруднику и выбором нужного документа прямо в конце сценария.
Это сократило количество кликов и снизило когнитивную нагрузку на пользователя.
Исследования
После проектирования ключевых флоу, выбранных на основе общения с пользователями, мы провели несколько качественных исследований. Пользователям показали старые и новые сценарии, чтобы сравнить их восприятие и удобство использования.
После исследований были собраны метрики и ответы респондентов. На их основе проведён анализ, который позволил доработать макеты и подготовить их к защите концепции.
Дизайн система
Так как текущая дизайн-система была слишком большой и содержала множество багов — как в Figma, так и в коде — было принято решение перейти на новую DS и кастомизировать её под продукт: цвета, шрифты и компоненты.
После обсуждения вариантов с разработчиками в качестве основы выбрали Ant 4 с последующей кастомизацией под нужды платформы.
Результат
После проведённых исследований, анализа метрик и подготовки макетов главной страницы, ключевых сценариев и распутанных флоу редизайн был успешно защищён перед руководством.
Следующим этапом стал постепенный переход к новому интерфейсу через несколько итераций внедрения.
