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

Дизайн сложных интерфейсов

2021

Дизайн интерфейса калибратора тока и напряжения

ООО «Радиоэлектронные системы» выводят на рынок новый продукт — ставка на интерфейс

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

Снижает количество ошибок

Ускоряет погружение в рабочий процесс

Уменьшает время проведения поверки

Избавляет от использования бумажных документов

Калибратор будут демонстрировать на выставках электроники и приборостроения

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

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

120 экранов

Описывают две методики поверки, настройку и работу с уже проведенными измерениями.

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

Характеристики дисплея

Размер:

71×53 мм (3,5″)

Цветность:

16 оттенков серого

Не сенсорный

Разрешение:

320×240 px

Частота обновления:

25 Гц

Характеристики клавиатуры

Цифровая клавиатура (0-9, клавиши «±» и «.»)

Вращающаяся ручка с возможностью нажатия (энкодер)

D-Pad из четырех кнопок-стрелок и центральной кнопки «ОК»

Функциональные клавиши «Старт», «Стоп», «Удалить», «Возвести в степень», «Назад» и «Меню»

17 созвонов

общей продолжительностью 23 часа

Обсуждали как интерфейсные решения, так и общие продуктовые вопросы.

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

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

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

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

Собрали стенд, имитирующий работу калибратора

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

Прототип в Figma имитировал не только интерфейс калибратора, но и работу аналогового вольтметра.

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

Некоторые детали проекта

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

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

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

Ввод символов стрелками, по аналогии с настройкой принтера или ввода текста с пульта ТВ.

T9, как на старых кнопочных телефонах

Голосовой ввод, как вау-фича

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

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

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

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

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

Игорь Сюндюков,
руководитель проекта «Калибратор»

Мы делаем интерфейсы для технически сложных устройств

Наталья Прокофьева,
генеральный директор «Собаки Павлова»

Финальные макеты

Смотреть

Стоимость проекта

~ 2 000 000 ₽

Работали над проектом

~ 3 месяца и 5 часов :)

Получите консультацию по телефону +7 (921) 654-26-80

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Похожие проекты

РАИСА

Дизайн системы мониторинга пациентов в реанимации

Провели исследование и вместе с заказчиком поменяли всю логику работы медицинской системы для реаниматологов

АТОЛ

Управление парком устройств

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

Спормастер

Терминалы самообслуживания

Провели юзабилити-тестирование, дали экспертную оценку интерфейсам, подготовили рекомендации и идеи для развития.

Sindbad

Дизайн авиабилета и писем

Разработали дизайн бумажного авиабилета и спроектировали ключевые электронные письма.