Разработка интерфейса для устройства мониторинга электроэнергии

Главное о кейсе

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

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

Этого удалось добиться за счет:
— разработки дашборда с ключевыми блоками и показателями, чаще всего требующиеся в работе;
— добавления новых функций в существующие разделы, которых не хватало пользователям;
— оптимизации процесса поиска необходимой информации в сервисе;
— добавления тёмной темы для комфортной работы в плохо освещенных местах.
_______________________

The effectiveness of the work done consists in optimizing the use of time of the specialists who work in the system.
When we tested the new interfaces the users said things like: «I see how it works», «It’s more convenient than before», «The necessary functions, at last!», «Helps me to do my work».
We could get this result because we did the following:
— developed a dashboard with essential information blocks and most frequently used values;
— added to the existing sections some new functions that users lacked before;
— optimized search in the system;
— added dark mode to make work in low-light environments more comfortable.

Бизнес-задача и ее решение

У устройства «УМ-31 Смарт» уже был веб-интерфейс, с которым специалисты работали несколько лет.
Из-за проблем в логике и юзабилити эффективность их работы была низкой. Кроме того, у продукта появились новые функциональные возможности, которые нужно было учесть при перепроектировании.

Нашей задачей стало разработать новый улучшенный интерфейс.

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

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

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

При работе над UI-дизайном собрали референсы подобных интерфейсов, варианты оформления таблиц и графиков навигации. Определили визуальный стиль элементов: основной и дополнительные цвета, типографику, иконки, вид полей для ввода информации, подсказок и тегов. Важно было не перегружать интерфейс и при этом правильно расставить акценты. Чтобы сделать работу сотрудников более комфортной, проработали темную тему, так как оборудование часто стоит в помещениях с плохим освещением, например подвалах и чердаках.
_______________________

The UM-31 Smart device had an old interface developed several years ago.

The interface was inefficient due to problems in logic and usability. Besides, the product had acquired several new functions which had to be taken into account during the redesign process.

Our task was to develop a new and improved interface.

We started with the pre-project analytics when we studied the technical characteristics, description of the device, user manual, and the current interface. Our analysts visited the company’s office, met the device designer and head of the company, analyzed the ways in which the company’s specialists interact with the device and carried out in-depth interviews with them. It enabled us to determine the requirements to the interface. The interview summaries were used at further stages of our work.

In order to get a clearer understanding of how users employ the service, and to determine the necessary sections, we charted the key scenarios. This helped us to successfully build the information architecture, to divide all the sections into the primary and secondary ones, think out the navigation and interactions between the parts.

The interface contained numerous functions, states and a lot of information used by various specialists with different frequency. It was important to group the interface segments correctly in order to enable the users to adjust and filter the readings, enter and delete data, and quickly reach any necessary section according to their current scenario.

While developing the UI design we studied numerous similar interfaces paying special attention to the tables and graphs composition and layout. Our designers determined the visual style of the elements, such as basic and extra colors, typography, thumbnail images, configuration of fields for input of the information, prompts and tags. It was important to avoid overloading the interface while correctly placing all the accents. We also developed Dark Mode to make the specialists’ work more comfortable as the equipment is often situated in poorly lighted places, like basements or attics.

Прочая информация о кейсе

АО «Связь инжиниринг М» автоматизирует процесс сбора и передачи данных электроэнергии. Компания оказывает широкий комплекс услуг: разрабатывает и производит оборудование, программное обеспечение, внедряет системы энергоучета. Продукция компании применяется в промышленности, электроэнергетике, железнодорожной сфере, жилищно-коммунальном хозяйстве, на объектах операторов связи и в других отраслях.

Для компании «Связь инжиниринг М» мы разработали новый интерфейс для устройства мониторинга «УМ-31 Смарт». Оно подключается к счетчикам электроэнергии многоквартирных домов, собирает и хранит показания, а затем передает данные на центральный пульт.

С прибором и его интерфейсом работают несколько сотрудников компании: при первичном подключении и запуске — монтажники и пусконаладчики, а затем операторы. Также с ним взаимодействуют частные клиенты, например СНТ (садоводческое некоммерческое товарищество).
_______________________

AO Svyaz Engineering M automates the process of collecting and transferring the data about electric power. The company provides a wide range of services, including equipment and software development and manufacturing, as well as implementing electric power management systems. The company’s products find applications in various fields of manufacturing, electric power industry, railway transportation, housing and utilities sector, telecom and other spheres.

For Svyaz Engineering M we developed a new interface for the monitoring device UM-31 Smart. This device is connected to the electrical energy meters of apartment houses for collecting and keeping the readings and transferring them to the processing center.

The company’s employees at several positions use the interface and the device itself: during the initial connection and testing it is used by installers and start-up engineers, then it is used by operators. Some private clients, such as Non-Profit Gardening Partnerships (SNTs) need to interact with the device as well.

Скриншоты