Frank RG | Автомониторинг

Frank RG  | Автомониторинг — Изображение №1 — Интерфейсы на Dprofile
Frank RG  | Автомониторинг — Изображение №2 — Интерфейсы на Dprofile



Как мы ускорили работу аналитиков банковских продуктов в 2 раза и навели порядок в хаосе данных

Дизайн интерфейса десктоп-приложения. Аналитики компании Frank RG постоянно отслеживают различные банковские продукты на рынке страны, проводят их анализ, составляют рейтинги и отчеты, а также вручают премии. Приложение автоматического мониторинга позволяет ускорить и автоматизировать этот процесс. Наша команда была приглашена для улучшения интерфейса системы благодаря нашему опыту в создании удобных и эффективных решений, которые повышают продуктивность пользователей.

Cтарый интерфейс имел всю необходимую функциональность, но из-за нелогичной структуры и информационного шума аналитики тратили время на поиск изменений, а не на их анализ. Возникал риск пропустить важные изменения рынка.

Frank RG  | Автомониторинг — Изображение №3 — Интерфейсы на Dprofile



За день аналитик просматривает сотни страниц
банковских продуктов

Frank RG  | Автомониторинг — Изображение №4 — Интерфейсы на Dprofile

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

Frank RG  | Автомониторинг — Изображение №5 — Интерфейсы на Dprofile
Frank RG  | Автомониторинг — Изображение №6 — Интерфейсы на Dprofile




На главном экране реализован основной функционал


Время на вход в задачу сократилось на 30%

Топ-20 банков всегда закреплены сверху или вынесены в отдельный блок. Аналитик видит изменения мгновенно. Банки можно сортировать и добавлять в избранное. Скорость сканирования экрана выросла. Мозг аналитика перестал обрабатывать лишнюю информацию, сразу фокусируясь на красных зонах.

Frank RG  | Автомониторинг — Изображение №7 — Интерфейсы на Dprofile
Frank RG  | Автомониторинг — Изображение №8 — Интерфейсы на Dprofile

Все действия происходят в режиме одного окна.
Поэтому весь функционал должен быть максимально компактным и интуитивно понятным.

Frank RG  | Автомониторинг — Изображение №9 — Интерфейсы на Dprofile



Мы закрепили плавающую панель инструментов непосредственно в зоне просмотра страницы. Пользователь не должен покидать просмотр, чтобы совершить быстрое действие.




Frank RG  | Автомониторинг — Изображение №10 — Интерфейсы на Dprofile



Информация открывается в выезжающей панели или в отдельной колонке справа и слева,
частично перекрывая страницу, но оставляя её на фоне.

Frank RG  | Автомониторинг — Изображение №11 — Интерфейсы на Dprofile
Frank RG  | Автомониторинг — Изображение №12 — Интерфейсы на Dprofile

Экономим время аналитика через множественные действия

Спроектировали систему так, чтобы она позволяла применить действие для нескольких страниц.

Frank RG  | Автомониторинг — Изображение №13 — Интерфейсы на Dprofile



Мы не изобретали велосипед. Мы собрали интерфейс из качественных готовых компонентов. Стиль выбрали близкий к основному для клиента, но сделали его ещё более универсальным. Собрали UI-кит, который позволил команде разработчиков легко подхватить масштабирование интерфейса.

Frank RG  | Автомониторинг — Изображение №14 — Интерфейсы на Dprofile
Frank RG  | Автомониторинг — Изображение №15 — Интерфейсы на Dprofile



Спроектировали все необходимые экраны

Frank RG  | Автомониторинг — Изображение №16 — Интерфейсы на Dprofile



Профиль аналитика предоставляет полный набор данных, который помогает эффективно просматривать страницы и собирать нужную информацию.

Frank RG  | Автомониторинг — Изображение №17 — Интерфейсы на Dprofile



Мы построили систему обратной связи. Если автомониторинг ошибся, аналитик может оставить жалобу.
Ответ приходит в уведомления профиля.



Простые графики и дашборд с KPI, которые важны руководителю отдела аналитики




Frank RG  | Автомониторинг — Изображение №18 — Интерфейсы на Dprofile



Аналитик видит изменения в банковском продукте за 1 клик. Приоритезация и подсветка статусов снизили риск пропустить важное изменение. Бизнес теперь может зайти в раздел статистики и оценить объем работы отдела в реальном времени. Система готова к подключению новых банков и типов продуктов.

Frank RG  | Автомониторинг — Изображение №19 — Интерфейсы на Dprofile
Frank RG  | Автомониторинг — Изображение №20 — Интерфейсы на Dprofile

Благодаря нашей работе над интерфейсом компания экономит деньги,
потому что аналитики меньше устают и быстрее справляются со своей задачей



UX+UI дизайн и анимации
Никита Шубин



Менеджер проекта

Ольга Ахачева
Imagine B

Оценить

Добавить в коллекции...

От автора