
Авторизация

Сброс пароля
Дизайн интерфейса калибратора: как инструменты UX помогли улучшить прибор и получить конкурентное преимущество
Заказчик: ООО «Радиоэлектронные системы»
Страница кейса/результат: https://sobakapav.ru/portfolio/res

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

Калибратор тока и напряжения
2. Описание реализации кейса и творческого пути по поиску оптимального решения
Этап тестирования
Мы поставили себя на место метролога. Чтобы помочь нам понять специфику работы специалиста, заказчик прислал предыдущую версию прибора, которая отличается только экраном и кнопками.
К тестированию интерфейсов мы привлекли специалистов из ВНИИМ им. Д.И.Менделеева. Оказалось, что их привычные паттерны работы несколько отличаются от тех, что заложены в прибор.
Мы использовали результаты тестирования для улучшения интерфейса, а заказчик — для корректировки методики поверки.
Так тестирование помогло заказчику улучшить методику проведения поверки.
Внедрение интерактивного прототипа
На этапе проектирования собрали стенд, имитирующий работу калибратора.
Заказчик изготовил контроллер, полностью повторяющий клавиатуру прибора, а мы подключили его к высокодетализированному интерактивному прототипу. Прототип в Figma имитировал не только интерфейс калибратора, но и работу аналогового вольтметра.
Чтобы подобрать яркость, контраст, шрифты и размеры, мы готовили растровые изображения. Заказчик «загружал» их в прибор и оценивал, как интерфейс выглядит на реальном монохромном экране калибратора.
Особенности проекта
У прибора маленький дисплей и нетиповое управление. Одни и те же клавиши контроллера в разных контекстах выполняют разные действия. Это следствие ограниченного количества клавиш. Чтобы пользователь не запутался, каждый экран мы снабдили контекстными подсказками (так называемый принцип проекции).
Отдельная сложность — ввод текстовых данных в отсутствие буквенной клавиатуры.
Мы рассматривали разные варианты.
- Ввод символов стрелками, по аналогии с настройкой принтера или ввода текста с пульта ТВ.
- T9, как на старых кнопочных телефонах
- Голосовой ввод, как вау-фича
В итоге остановились на вводе «крутилкой»-энкодером. Устоявшегося паттерна и привычного аналога здесь нет, однако из всех вариантов — это самый быстрый и интуитивно понятный способ.

Дисплей прибора

Блоки управления прибором

Демонстрационный стенд
3. Результаты сотрудничества
Дисплей прибора маленький, управление нетиповое, одни и те же клавиши контроллера выполняют разные действия. Мы досконально прорисовывали каждое действие, которое пользователь может совершить в интерфейсе и получили 120 макетов экранов, описывающих две методики поверки, настройку и работу с уже проведенными измерениями.
В результате обновленные сценарии взаимодействия с прибором упрощают работу специалистов-метрологов: сокращают время поверки, снижают количество ошибок, избавляют от бумажной рутины.
Игорь Сюндюков
Руководитель проекта «Калибратор», ООО «Радиоэлектронные системы»
Конечно, мы внедрили результат. Такой результат — и не внедрить. Для меня это было важно не только как для бизнесмена, а именно как для технаря. В моей голове были фантазии и мечты, и мы вместе их приземлили. Вы были руками, которые меня услышали и сделали. И теперь я на это смотрю и говорю: «Я сделал!»
Внедрили больше, чем 50% из того, что вы нам нарисовали. Для пользователя это выглядит как на 70% обновленный интерфейс. Все новые приборы, которые мы делаем и поставляем, а так же те, что были на складе, идут с вашим интерфейсом.
Если вы помните, мы к вам пришли, потому что один крупный заказчик сказал, что с таким интерфейсом он прибор не купит. Но теперь мы с ними заключили контракт. Все остальные пользователи в восторге. Отзывы только положительные по интерфейсу.
То, как мы с вами работали, позволило нам очень сильно вырасти как заказчику. У вас отличная культура ведения проекта.


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