Авторизация
Забыли пароль?
Сброс пароля
Вернуться к авторизации

Дизайн интерфейса калибратора: как инструменты UX помогли улучшить прибор и получить конкурентное преимущество

20 ноября ‘24

Заказчик: ООО «Радиоэлектронные системы»
Страница кейса/результат: https://sobakapav.ru/portfolio/res

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

Агентство-исполнитель кейса

Собака Павлова

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

1. Вводная задача от заказчика, проблематика, цели

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

Задача проекта – разработка нового интерфейса для калибратора тока и напряжения, который:

  • ускоряет погружение в рабочий процесс
  • уменьшает время проведения поверки
  • избавляет от использования бумажных документов
  • снижает количество ошибок

Калибратор тока и напряжения

2. Описание реализации кейса и творческого пути по поиску оптимального решения

Этап тестирования

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

К тестированию интерфейсов мы привлекли специалистов из ВНИИМ им. Д.И.Менделеева. Оказалось, что их привычные паттерны работы несколько отличаются от тех, что заложены в прибор.

Мы использовали результаты тестирования для улучшения интерфейса, а заказчик — для корректировки методики поверки.

Так тестирование помогло заказчику улучшить методику проведения поверки.

Внедрение интерактивного прототипа

На этапе проектирования собрали стенд, имитирующий работу калибратора.

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

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

Особенности проекта

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

Отдельная сложность — ввод текстовых данных в отсутствие буквенной клавиатуры.

Мы рассматривали разные варианты.

  • Ввод символов стрелками, по аналогии с настройкой принтера или ввода текста с пульта ТВ.
  • T9, как на старых кнопочных телефонах
  • Голосовой ввод, как вау-фича

В итоге остановились на вводе «крутилкой»-энкодером. Устоявшегося паттерна и привычного аналога здесь нет, однако из всех вариантов — это самый быстрый и интуитивно понятный способ.

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

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

Демонстрационный стенд

3. Результаты сотрудничества

Дисплей прибора маленький, управление нетиповое, одни и те же клавиши контроллера выполняют разные действия. Мы досконально прорисовывали каждое действие, которое пользователь может совершить в интерфейсе и получили 120 макетов экранов, описывающих две методики поверки, настройку и работу с уже проведенными измерениями.

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

Игорь Сюндюков

Руководитель проекта «Калибратор», ООО «Радиоэлектронные системы»

Конечно, мы внедрили результат. Такой результат — и не внедрить. Для меня это было важно не только как для бизнесмена, а именно как для технаря. В моей голове были фантазии и мечты, и мы вместе их приземлили. Вы были руками, которые меня услышали и сделали. И теперь я на это смотрю и говорю: «Я сделал!»

Внедрили больше, чем 50% из того, что вы нам нарисовали. Для пользователя это выглядит как на 70% обновленный интерфейс. Все новые приборы, которые мы делаем и поставляем, а так же те, что были на складе, идут с вашим интерфейсом.

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

То, как мы с вами работали, позволило нам очень сильно вырасти как заказчику. У вас отличная культура ведения проекта.

Примеры экранов прибора

4. Заключение

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

Усовершенствованный калибратор демонстрируется на выставках электроники и приборостроения.

Агентство-исполнитель кейса

Собака Павлова

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

Ruward использует технологию "cookie" – сохранение на компьютере пользователя небольших текстовых файлов. Также мы используем на сайте сервис Яндекс.Метрика. Эта информация не позволит идентифицировать вас, однако может помочь нам улучшить работу нашего сайта. Если вы не согласны, чтобы мы использовали данные технологии, вы должны соответствующим образом установить настройки вашего браузера или не использовать наш сайт.

Согласен