Провела редизайн 100% ключевых экранов ПО, внедрив современный UI/UX на основе новой дизайн-системы;
Создала с нуля и внедрила дизайн-систему, включающую >50 компонентов, для ускорения разработки и единообразия;
Внедрила 8+ функций, напрямую решающих боли пользователей: ускорила настройку (сократила шаги), упростила анализ данных (разделение экрана, мини-карта) и улучшила читаемость (20+ иконок, WCAG AA, линейные шкалы)
Как единственный дизайнер продукта, отвечала за полный цикл проектирования цифрового архива “Дорожный Видеоархив”.
Моя роль заключалась в:
Продумывании Ux/Ui новых функций совместно с отделом инженеров и разработчиков;
Редизайне ПО;
Создании дизайн-системы;
Проведении ux-исследований (интервью с пользователями ПО, чтобы понять чего не хватает и что можно улучшить; анализ прямых и косвенных конкурентов);
Проведении дизайн-ревью.
Моя роль
Представлены обезличенные фрагменты
Цифровой архив видеоданных для контроля качества ремонта, строительства и диагностики автомобильных дорог. Инструмент дорожных служб для визуальной оценки работ и состояния инфраструктуры
О проекте
Предложенные изменения существенно повысили удобство использования критически важных элементов интерфейса, снизив когнитивную нагрузку на пользователя и позволив эффективнее решать рабочие задачи.
Редизайн интерфейса проводился на основе UX-исследования, включавшего интервью с сотрудниками ключевых отделов, анализ решений конкурентов для выявления проблем и поиска оптимальных путей их решения, A/B и юзабилити-исследований.
Про UX-исследования
Стало:
Было:
Редизайн авторизации: Обновила UI/UX окна входа в соответствии с дизайн-системой, повысив удобство;
Стартовые настройки: Ввела окно конфигурации при открытии дороги для быстрой установки параметров, сократив время подготовки.
Улучшение стартового опыта пользователя:
Стало:
Было:
Больше места: Провела редизайн, оптимизировав пространство под длинные названия дорог;
Поиск и фильтрация данных: Реализовала поиск и фильтрацию данных для удобства навигации.
Решение проблемы нечитаемой таблицы:
Стало:
Было:
Замена диаграммы: Внедрила линейные шкалы для точного отображения расстояний;
Улучшение иконок: Переработала дизайн (размер, контур, цвет) для лучшей видимости на видео;
Модернизация таблицы: Редизайн + функция полноэкранного режима;
Коррекция контраста: Подобрала цвета текста/фона по стандарту WCAG AA.
Редизайн ключевых компонентов:
Стало:
Было:
Замена диаграммы: Внедрила линейные шкалы для точного отображения расстояний;
Улучшение иконок: Переработала дизайн (размер, контур, цвет) для лучшей видимости на видео, также добавив подписи.
Редизайн ключевых компонентов:
Новое:
Добавила режим разделения экрана с одновременным показом карты для параллельного анализа данных.
Параллельный просмотр данных:
Новое:
Добавила разделы "Файлы" и "Графические свойства" в окно настроек.
Управление файлами и графикой:
Новое:
Цветовая маркировка: Внедрила цветовое кодирование состояния дороги по полосам (1-8);
Мини-карта: Добавила интерактивную мини-карту, обеспечив мгновенное понимание проблемных участков и удобную навигацию по длинным дорогам.
