Мы используем печеньки,
точнее cookie.
В KOTELOV обратился крупный международный заказчик с запросом на разработку CRM для нефтегазовой отрасли. Программа собирала бы и анализировал данные с разных направлений нефтянки. Всю полученную информацию он должен представлять на визуально-понятных дашбордах.
«Нам нужна платформа, которой еще нет», — сказал заказчик.
Нам предстояло разработать дизайн интерфейса такой программы, но сделать его максимально удобным и понятным для пользователя. Именно из-за нефункционального дизайна специалисты тратят время на изучение платформы и теряют в эффективности.
Главная проблема заключалась в том, что нефтяная промышленность очень закрытая отрасль, и поэтому практически нельзя найти референсы для ресерча. А с точки зрения дизайна — эти программы очень устарели.
Но еще есть проблема, связанная со спецификой бизнеса. В нефтяной промышленности есть три основных направления: downstream (переработка и продажа), midstream (транспортировка и хранение) и upstream (добыча нефти). Эти направления очень разные, и большинство софта на рынке обычно затачивается только под одно из них.
Например, для upstream много сервисов, которые анализируют состояние скважин или показывают данные по добыче нефти и газа. А для midstream — это про совсем другие сервисы.
Нам нужно сделать CRM для нефтегазовой отрасли, но оставить ее доступной и удобной для пользователей.
Создать такой сервис, который бы объединил разнопрофильные задачи всех трех направлений. Это поможет компании получать подробную аналитику в режиме реального времени, строить прогнозы и видеть как частные данные, так и общую картину по предприятию.
Мы пересмотрели кучу видео с презентациями платформ, перечитали статьи с описанием функционала и очень подробно изучили сайты, предлагающие аналогичное ПО, чтобы найти хоть какие-то экраны для ресерча.
Главная проблема существующего софта в его неинтуитивности: пользователю нужно потратить время, чтобы начать ориентироваться на платформе. Нет четкой визуальной иерархии — важная и второстепенная информация подана с одинаковым акцентом.
Тексты и графики слишком мелкие, их трудно воспринимать, а это замедляет работу. А ещё цвета не используются логично: много похожих оттенков, без пояснений.
Наше ПО содержит четыре раздела, посвященные разным направлениям: Oil & Gas Production по upstream, Transportation по midstream, Customer and Market Analytics по downstream, а также добавили Company Efficiency.
Продумали логику платформы: разделы меню, навигацию по страницам, содержание шапки и прочее. На дашборде с данными по добыче нефти и газа (Upstream направление) мы выделили ключевые показатели прямо в верхней части экрана. Здесь собрана важная информация по давлению потока и соотношению нефти к газу. Это позволяет пользователям сразу видеть состояние производства.
Для быстрой оценки динамики мы добавили стрелки и процентные изменения, чтобы можно было мгновенно понять, как показатели меняются со временем. Крупные шрифты и контрастные цвета делают информацию легко читаемой, а цветовые акценты на рост или падение показателей сразу привлекают внимание и помогают быстро сориентироваться.
График трендов (Oil and Gas Production Trends) показывает изменения добычи нефти и газа во времени с возможностью фильтрации по скважинам и регионам.
Добавили интерактивные элементы, такие как всплывающие подсказки при наведении на точку данных (tooltip), позволяют пользователям быстро получить детализированную информацию. Фильтры помогают настроить график под нужные параметры.
Разработали четкий и легкий для восприятия график благодаря использованию разных цветов для нефти и газа, что упрощает различение данных.
Дашборд «Топ-5 скважин по добыче» включает горизонтальные диаграммы по производительности скважин, сравнивают фактические данные с целевыми значениями. Мы старались сделать простое и понятное отображение данных.
Эта таблица предоставляет детализированные данные по каждой скважине, такие как цель, статус, водоотдача, выбросы CO2 и другие технические параметры.
Добавили четкое разделение колонок, возможность сортировки и фильтрации данных позволяют пользователю быстро находить нужную информацию. Прозрачная структура облегчает понимание сложных данных.
Использование цветовых акцентов (например, для статуса скважин) делает таблицу визуально приятной и легко воспринимаемой. Аккуратное использование шрифтов и границ помогает организовать большие объемы информации.
Основной график «Объемы транспортировки нефти и газа» (Oil and Gas Transport Volumes over Time) включает четкую визуализацию данных за выбранный период времени с возможностью фильтрации по временному шагу и диапазону времени.
Всплывающие подсказки с конкретными значениями на графике позволяют пользователю получить точную информацию о конкретных точках данных.
Добавили сравнительную визуализацию расходов на транспортировку по различным категориям (логистика, топливо, обслуживание и т.д.). Это помогает пользователю быстро понять, где происходят основные затраты.
Этот столбиковый график показывает загрузку различных трубопроводов в процентах. Простой и интуитивный формат столбиков помогает пользователю быстро оценить производительность по каждому трубопроводу.
Таблица представляет данные в виде календаря по месяцам, что позволяет пользователю легко отслеживать изменения во времени доставки по различным маршрутам. Цветовое кодирование в ячейках помогает быстро ориентироваться, где задержки больше или меньше.
Два круговых графика отображают процент использования разных транспортных средств (грузовики и танкеры). Такой формат помогает пользователю сразу понять долю задействованных транспортных мощностей.
Этот экран является частью дашборда для анализа рынка и клиентов в нефтегазовой отрасли (Downstream).
Логично разделили пространство на блоки по ключевые показатели (цены на нефть и газ, рыночная доля, прогноз роста спроса), динамика цен, прогнозы спроса и объемы продаж по регионам.
Сверху представили главные метрики, чтобы мгновенно оценить текущее состояние рынка, а далее идут более детализированные данные (графики и диаграммы).
Вся информация легко воспринимается благодаря правильному распределению контента по экрану.
Графики и визуализация данных отображают динамику цен на нефть и газ, а также прогноз спроса и объемы продаж по регионам. Использование линейных и столбиковых диаграмм позволяет легко интерпретировать данные и делать сравнительный анализ.
Легенды для каждого графика интуитивные и помогают пользователю легко сопоставлять цвет с конкретным типом данных (например, разные сорта нефти).
Всплывающие подсказки на графиках при наведении на точку данных дают подробную информацию, что улучшает взаимодействие с интерфейсом.
Этот экран помогает анализировать эффективность компании в нефтегазовой отрасли подтягивая данные с со всех уровней производства.
Ключевой элемент — график нормализованных мультипликаторов — позволяет выбирать и отображать только те показатели, которые наиболее актуальны для пользователя. Значения высчитываются автоматически и обновляются в реальном времени.
Под графиком расположены круговые диаграммы распределения доходов и расходов по сегментам Upstream, Midstream, Downstream.
Внизу отображаются показатели эффективности оборудования (MTTR, MTBF, надежность), что помогает оперативно оценивать производительность ключевых элементов инфраструктуры.
В верхней части представлены ключевые финансовые метрики. Они обновляются в реальном времени и сравнивают текущие значения с предыдущими.
Данные на дашборды приходят от кучи разного оборудования (на нем датчики), из других систем. А наше ПО все это перерабатывает и визуализирует.