Клиент
Аналитический центр при Правительстве Российской Федерации собирает и анализирует данные по работе госструктур, дает экспертную оценку нацпроектам и следит за выполнением ключевых задач в социально-экономической сфере.
Одним из инструментов, с которым работает центр, является информационная система досудебного обжалования (ИС ДО). С ее помощью граждане по всей стране могут оспорить действия органов власти при оказании госуслуг.
Система помогает выявлять проблемы в этой инстанции и оперативно на них реагировать. Ее контролируют госслужащие разных уровней: от региональных инспекторов до федеральных министров.
Задача
Клиент обратился к нам за обновлением дашбордов в информационной системе досудебного обжалования.
Пять лет назад мы разработали для системы первый интерфейс. Он успешно использовался в работе госслужащих и получил высокую оценку на конкурсах «Золотой сайт», Tagline и G8.
Первый вариант дизайна дашборда для BI-системыСо временем система развивалась — появились новые типы данных, расширился круг пользователей и изменилась логика работы с показателями. Параллельно накапливалась обратная связь, которую нужно было учесть в дизайне интерфейса.
Клиенту понравилось наше первое решение, и он вновь обратился к нам — на этот раз с задачей переработать визуальную часть, обновить структуру и улучшить пользовательский опыт без потери уже привычной логики.
Задачи:
- Обновить визуальный стиль дашбордов с учетом новых требований к дизайну.
- Переделать структуру экрана с минималистичными акцентами.
- Оптимизировать навигацию и расширить рабочую область.
- Сохранить универсальность интерфейса для повседневной аналитики и публичных презентаций.
Решение
Мы сделали редизайн дашбордов — оптимизировали все страницы системы и предложили новый стиль для ее оформления. В проекте сфокусировались на визуальном балансе и обновлении навигации.
Работу начали с разбора текущей версии интерфейса — за время использования появились новые показатели и обратная связь от госслужащих, а использованные паттерны местами устарели и требовали обновления.
Совместно с заказчиком зафиксировали слабые места: перегрузка, дублирование информации и устаревшие визуальные приемы. Также у клиента было видение нового оформления — мы собрали требования и воплотили его идеи в интерфейсе.
Что мы сделали:
- Провели аудит интерфейса. Разобрали, как устроена текущая версия. Выявили перегруженные блоки, неочевидные действия и слабые визуальные акценты.
- Переработали карточки показателей. Упростили визуал, использовали более приглушенные оттенки и расставили акценты на ключевых данных.
- Изменили структуру экрана. Меню перенесли в боковую панель. Это помогло освободить больше места для отображения данных.
- Внедрили «живой» фон. Вместо статичного фона добавили анимацию — метафорическую карту России, собранную из кубиков. Она делает интерфейс более динамичным во время запуска презентаций.
- Упростили структуру и взаимодействие. Сократили количество кликов, избавились от лишних экранов и сценариев, которые со временем стали не актуальны.
- Дополнили анимации и эффекты при наведении. Элементы реагируют на действия пользователя и подсказывают, что можно сделать. Это делает систему доступной даже для тех, кто редко работает с цифровыми системами.
Ключевые решения в обновлении BI-системы
Наша команда дизайнеров переосмыслила логику подачи данных, интерфейсные паттерны и роль визуала. Мы убрали лишние элементы и усилили детали, которые в процессе работы оказались наиболее полезны госслужащим.
Сравнение старого и нового дизайна дашбордовОбновление карточек с основными метриками
Полностью переработали подачу информации внутри карточек. Вместо диаграмм сделали акцент на цифрах. Каждый блок содержит один ключевой показатель, а дополнительная информация раскрывается в следующих уровнях дашборда. Такой подход упростил работу с данными и ускорил принятие решений.
Обновленная структура карточек с метрикамиУлучшение навигации и освобождение пространства
Перераспределили элементы управления: меню и вспомогательные функции перенесли из верхней панели в левую боковую область. Это освободило экран, увеличило рабочую зону и сделало интерфейс более структурированным. Верхняя панель с фильтрами стала компактнее, а вся навигация теперь логично сгруппирована в боковом меню.
Система фильтров в дашбордахНовая цветовая схема
В новой версии перешли к более приглушенным оттенкам, а яркие цвета теперь используются точечно, чтобы обозначить статус, направление или подчеркнуть важные детали. Новый интерфейс получился более сдержанным, но не менее информативным за счет проработки структуры экранов.
Цветовые решения в редизайне дашбордаАнимация фона и интерактивность интерфейса
Добавили анимированный фон с картой России, которая собрана из объемных кубиков. Это подчеркивает масштаб системы и создает ассоциацию с управлением по всей стране. Анимация сделана деликатно, чтобы не мешать работе и при этом оживить интерфейс.
Интерфейс реагирует на действия пользователя: при наведении элементы подсвечиваются, появляются плавные переходы и визуальные подсказки. Это помогает быстро ориентироваться в рабочем пространстве. Такой подход делает систему понятной даже для тех, кто редко работает с цифровыми инструментами.
Универсальность для работы в системе и проведения презентаций
Дизайн дашбордов адаптирован под два формата использования:
- анализ данных для инспекторов и министров;
- проведение публичных совещаний и презентаций на больших экранах.
Отображение данных в диаграммеНовая версия выглядит одинаково и на мониторе аналитика, и на большом экране в зале заседаний. Это экономит время команды — не нужно готовить отдельные презентационные материалы. Все работает в рамках одного интерфейса.
Обновленный стиль темной темы
Темная тема использовалась в системе и раньше, поэтому мы сохранили этот функционал. Сделали фон глубже и переработали палитру цветов, чтобы акценты выглядели спокойнее и не перегружали восприятие.
Карточки в темной теме стали компактнее и аккуратнее. Ключевые показатели теперь выделяются более четко, а вспомогательные данные не отвлекают внимание.
Темная тема для дашбордовРезультат
Через 2 года после запуска наша команда обновила и упростила интерфейс дашбордов для ИС ДО. После редизайна система стала еще проще в работе: элементы выстроены логично, а детали не отвлекают внимание от основных задач.
- Интерфейс стал лаконичным. Убрали лишние блоки, улучшили подачу информации и сфокусировались на главных метриках.
- Удобство работы выросло. Оптимизировали навигацию, чтобы все показатели считывались с первого взгляда. Новые пользователи быстро понимают, как работать с интерфейсом.
- Динамика и легкость. Добавили больше воздуха и сделали аккуратные анимации. Рабочее пространство выглядит свободнее и содержит только ключевую информацию.
Системы развиваются, вместе с ними появляются новые потребности пользователей и требования к интерфейсам. Мы оперативно реагируем на изменения — обновляем решения, не теряя сути, и делаем интерфейсы, которые остаются актуальными и эффективными. Обращайтесь в Атвинту за развитием вашего веб-сервиса, чтобы адаптировать его к новым запросам и ожиданиям пользователей.
