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

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

20 ноября ‘24

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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