KNDKV
Foresight

Редизайн и перенос в веб BI платформы

Foresight — интерфейс
Контекст
«Форсайт» ‑ российский разработчик ПО классов BI, CPM и IBP. Продукты компании используются в крупном бизнесе и госсекторе для анализа данных, бюджетирования и интегрированного планирования.
Бизнес-задача
Перевести экосистему продуктов с desktop-платформы в web, сохранив существующую функциональность, и полностью обновить визуальный и UX подход. Основные цели переноса: работа на Linux системах в рамках импортозамещения, сокращение времени на развёртывание.
Проблемы
Проведя аудит платформы я понял, что задачу нельзя решить «простой перерисовкой» интерфейсов. Для решения задачи определил три ключевые проблемы:
Устаревший дизайн

Весь UI платформы проектировался по гайдлайнам Microsoft Office, предназначенным для десктопных систем.

10+ инструментов

Редизайн платформы должен был охватить больше 10 бизнес и системных инструментов, сохранив консистентность.

Масштабируемость

Дизайн платформы строился на одном UI‑ките без единой дизайн-системы и единых принципов проектирования.

Процесс разработки

Перед стартом разработки анализирую, как решены аналогичные проблемы у крупных игроков рынка: Tableau, Qlik и Power BI. Также обращаюсь к опыту Google, который решал похожую задачу при переносе функциональности Microsoft Office в Google Docs. Все перечисленные системы отказываются от опыта громоздкого RibonUX‑контекстного меню в пользу контекстных боковых панелей, это позволят минимизировать размер интерфейса в условиях работ с большой плотностью данных

Выбираю самый высоконагруженный инструмент платформы и собираю на его основе прототип интерфейса, чтобы проверить гипотезы и UI-решения. Совместно с бизнес-аналитиком разбираем функциональные требования и переносим их в прототип, валидируя решения с BI-экспертами. Поскольку инструменты платформы тесно связаны, большинство UI/UX-решений можно масштабировать на другие инструменты. Это позволилит ускорить разработку и сохранить единые паттерны взаимодействия во всей платформе.

Выбранный подход позволил обойтись без долгих количественных тестов и быстро валидировать сложные UX‑решения на соответствие бизнес‑логике. Только в рамках одного инструмента было проработано:
50 +

Пользовательских сценариев

Было детально спроектировано и валидировано в рамках работы всего над одним инструментом.

2 500 +

Макетов

Создано для фиксации всех состояний и вариантов взаимодействия интерфейса.

Финальный дизайн

После обкатки всех сценариев на одном из инструментов приступаю к следующему этапу UI что бы привести все элементы к единому стилю и сложить единую картину. Еще при работе над прототипом все UI элементы заносились в дизайн-систему что в будушем позволило значительно упростить следующий этап редизайна платформы.

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

Пользовательские
сценарии

Разработчики быстро собрали рабочий прототип с помощью AI-инструментов и вайбкодинга, это позволило оперативно проверить игровые механики и собрать ключевые экраны платформы.

Приоритет
мобильной версии

На рынке Аргентины мобильные устройства являются основным способом доступа в интернет. Более 96% пользователей выходят в сеть со смартфонов.

Концепция интерфейса разрабатывалась по принципу Mobile First.

Финальный дизайн
ключевых экранов

На этапе формирования визуальной концепции были проанализированы интерфейсы онлайн-казино Stake и Bet365. Эти продукты стали основными референсами благодаря сдержанному визуальному стилю, продуманной иерархии и удобной организации большого объёма контента.
UI

Финальный дизайн
ключевых экранов

На рынке Аргентины мобильные устройства являются основным способом доступа в интернет.
UI