Редизайн web-приложения
для Performance Review
Это внутренний продукт компании, который используется для оценки эффективности работы сотрудников во время проведения Performance Review, пользователи 1100+
Увеличили удовлетворенность продуктом на 16%, сократили время разработки в 1,5 раза
Моя роль
Единственный дизайнер — отвечала за весь цикл: от сбора требований и построения гипотез до проектирования финального UI и подготовку к передаче в разработку
Команда
Product Owner
Frontend Developer
Backend Developer
Что сделала
- Пришла на MVP — с нуля выстроила структуру и навигацию
- После запуска MVP провела глубинные интервью с пользователями
- После второй волны провела количественное исследование на всю компанию, сделала анализ полученных данных
- Переработала навигацию и визуальную иерархию всего приложения
- Упростила флоу проведения ревью для руководителей
- Спроектировала новый функционал для подготовки к калибровочным сессиям
- Переработала архитектуру приложения
- Перевела продукт на новую дизайн-систему компании — изменила UI на всех экранах
Развитие приложения
За два года приложение выросло от MVP до более сложного продукта: появились новые сценарии, роли и требования к интерфейсу
Первая итерация
Подключилась на этапе запуска MVP: погрузилась в бизнес-процессы, собрала первый прототип и спроектировала базовую структуру приложения. Выстроила навигацию, учла разные пользовательские роли и оформила интерфейс в едином стиле на базе существующего UI Kit
Вторая итерация
Провела редизайн приложения и перевела интерфейс на новую дизайн-систему. В процессе улучшила проблемные UX-сценарии, обновила визуальный стиль и спроектировала новый функционал для расширяющихся задач продукта
Исследование и анализ
После запуска MVP провела глубинное интервью с руководителями, а также количественное исследование на всю компанию
Проблемы
- Пользователю было не удобно проводить ревью сотрудников: личная карточка открывалась в модальном окне
- Также, пользователь был неудовлетворен процессом калибровочных сессий: они занимали много времени из за того, что не было возможности к ним подготовиться заранее
- Сам процесс ревью был не понятен и создавал много вопросов, что каждый раз повышало тревожность у сотрудников
- Устаревший UI-кит — он усложнял поддержку продукта и тормозил процессы разработки
Это подтвердило количественное исследование. SUS снижался с ростом должности:
На основе ответов выделила ключевые ожидания пользователя и сформулировала продуктовые гипотезы
- сотрудники — 72,1
- руководители — 62,0.
На основе ответов выделила ключевые ожидания пользователя и сформулировала продуктовые гипотезы
JTBD
Когда я провожу ревью сотруднику,
хочу видеть личную карточку на всю страницу,
чтобы оставаться в фокусе одного сотрудника
хочу видеть личную карточку на всю страницу,
чтобы оставаться в фокусе одного сотрудника
Когда я участвую в калибровочных сессиях,
хочу видеть весь список сотрудников заранее
чтобы подготовиться и сократить время на обсуждение
хочу видеть весь список сотрудников заранее
чтобы подготовиться и сократить время на обсуждение
Когда я планирую разработку нового функционала
хочу использовать дизайн-систему компании,
чтобы собирать консистентный и масшабируемый продукт
хочу использовать дизайн-систему компании,
чтобы собирать консистентный и масшабируемый продукт
Гипотезы
Если перенести карточку сотрудника из модального окна на полноценную страницу (Full-page), время на оценку снизится, так как руководителю будет проще фокусироваться на больших объемах информации
Если обеспечить прозрачность составов калибровочных групп до старта этапа, мы сократим время самих сессий, так как участники смогут заранее ознакомиться с контекстом и прийти на встречу подготовленными
Если мы переведем интерфейс на актуальную дизайн-систему, мы ускорим сборку новых фич
Если мы проведем редизайн интерфейса с учетом UX исправлений, то мы повысим удовлетворенность продуктом за счет улучшения пользовательского опыта
Если дать сотрудникам возможность редактировать самооценку без запроса к руководителю, мы повысим удовлетворенность приложением, за счет сокращения дополнительного действия и сокращения времени на коммуникацию
Если мы внедрим наглядный прогресс-бар с этапами ревью, то снизим тревожность пользователей и количество уточняющих вопросов («А что дальше?»), так как процесс станет визуально прозрачным и предсказуемым
Решение
Продукт жил на устаревшем самописном UI-kit, что сильно тормозило разработку и усложняло масштабирование. Чтобы избавиться от легаси, мы совместно с фронтенд-разработчиком инициировали полный переезд интерфейса на актуальную дизайн-систему компании
Также я провела аудит всех текстов интерфейса и совместно с UX-писателем переработала компоненты — от лейблов до ошибок валидации
После авторизации пользователь попадает в личный кабинет — основную точку входа в Performance Review. Исследование показало, что сотрудники плохо понимали этапы ревью, из-за чего росли тревожность и раздражение.
Я добавила визуализацию текущих этапов и историю прошлых ревью, чтобы сделать процесс прозрачнее и понятнее
As is
Нет аналитики по отделу и оценкам, не понятны иконки и присутствуют не релевантные колонки. Также нет возможности сравнить оценки сотрудников с итоговой
To be
Добавлена аналитика dashboard позволяет видеть распределение оценок по отделу сразу, без погружения в таблицу
Реструктурирована таблица — убраны нерелевантные колонки, добавлены данные об оценках и номинациях, позволяющие сравнивать сотрудников
To be
Добавила информационную панель: статус ревью, этапы с датами, имя ревьюера, так же теперь легко сравнивать все оценки сотрудника за это ревью
As is
To be
Длинные ответы сотрудника и руководителя сворачиваются — проработала компонент с раскрытием текста, чтобы экран не перегружался
As is
Блок был очень перегружен, шкала с оценками выглядит как зафиксированная оценка
To be
Четко понятно, что оценки выставлены и зафиксированы, также снижена нагрузка на пользователя за счет уменьшения деталей
As is
To be
Калибровочные группы
Добавила отдельный таб «Калибровочные группы» в навигацию ревью-процесса. Информация доступна заранее — руководитель может подготовить аргументы по своим сотрудникам до встречи
Результаты
SUS (System Usability Scale)
на 16%
Увеличили удовлетворенность приложением
Time on Task
в 1,5 раза
Сократилось время на разработку нового функционала
