Собака
Павлова
Дизайн сложных интерфейсов
Дизайн сложных интерфейсов
2021
Чтобы калибратор получил популярность среди метрологов, разработчики решили сделать новый интерфейс, который упрощает работу специалистов.
Снижает количество ошибок
Ускоряет погружение в рабочий процесс
Уменьшает время проведения поверки
Избавляет от использования бумажных документов
Заказчик рассчитывает, что специалисты оценят преимущества прибора и станут своего рода амбассадорами продукта внутри своих организаций.
Одно из ключевых преимуществ — возможность сохранять данные поверки в память и выгружать их на ПК — вместо обычного составления протоколов на бумаге.
Описывают две методики поверки, настройку и работу с уже проведенными измерениями.
Экранов много, потому что дисплей прибора маленький, управление нетиповое. Мы досконально прорисовывали каждое действие, которое пользователь может совершить в интерфейсе.
Размер:
71×53 мм (3,5″)
Цветность:
16 оттенков серого
Не сенсорный
Разрешение:
320×240 px
Частота обновления:
25 Гц
Цифровая клавиатура (0-9, клавиши «±» и «.»)
Вращающаяся ручка с возможностью нажатия (энкодер)
D-Pad из четырех кнопок-стрелок и центральной кнопки «ОК»
Функциональные клавиши «Старт», «Стоп», «Удалить», «Возвести в степень», «Назад» и «Меню»
общей продолжительностью 23 часа
Обсуждали как интерфейсные решения, так и общие продуктовые вопросы.
К тестированию интерфейсов мы привлекли специалистов из ВНИИМ им. Д.И.Менделеева. Оказалось, что их привычные паттерны работы несколько отличаются от тех, что заложены в прибор.
Мы использовали результаты тестирования для улучшения интерфейса, а заказчик — для корректировки методики поверки.
Поставили себя на место метролога. Чтобы помочь нам понять специфику его работы, заказчик прислал прошлую версию прибора, которая отличается только экраном и кнопками.
Заказчик изготовил контроллер, полностью повторяющий клавиатуру прибора, а мы подключили его к высокодетализированному интерактивному прототипу.
Прототип в Figma имитировал не только интерфейс калибратора, но и работу аналогового вольтметра.
Чтобы подобрать яркость, контраст, шрифты и размеры, мы готовили растровые изображения. Заказчик «загружал» их в прибор и оценивал, как интерфейс выглядит на реальном монохромном экране калибратора.
.png)
Высшее техническое образование у дизайнера и менеджера-аналитика помогло команде быстро разобраться в специфике поверки измерительных приборов. Мы могли достаточно квалифицированно обсуждать с заказчиком, как уменьшить количество действий метролога, как можно (или нельзя) их упростить.
Одни и те же клавиши контроллера в разных контекстах выполняют разные действия. Это следствие ограниченного количества клавиш. Чтобы пользователь не запутался, каждый экран мы снабдили контекстными подсказками (так называемый принцип проекции).
Отдельная сложность — ввод текстовых данных в отсутствие буквенной клавиатуры. Мы рассматривали разные варианты.
Ввод символов стрелками, по аналогии с настройкой принтера или ввода текста с пульта ТВ.
T9, как на старых кнопочных телефонах
Голосовой ввод, как вау-фича
В итоге остановились на вводе «крутилкой»-энкодером. Устоявшегося паттерна и привычного аналога здесь нет, однако из всех вариантов — это самый быстрый и интуитивно понятный способ.
Конечно, мы внедрили результат. Такой результат — и не внедрить. Для меня это было важно не только как для бизнесмена, а именно как для технаря. В моей голове были фантазии и мечты, и мы вместе их приземлили. Вы были руками, которые меня услышали и сделали. И теперь я на это смотрю и говорю: «Я сделал!»
Внедрили больше, чем 50% из того, что вы нам нарисовали. Для пользователя это выглядит как на 70% обновленный интерфейс. Все новые приборы, которые мы делаем и поставляем, а так же те, что были на складе, идут с вашим интерфейсом.
Если вы помните, мы к вам пришли, потому что один крупный заказчик сказал, что с таким интерфейсом он прибор не купит. Но теперь мы с ними заключили контракт. Все остальные пользователи в восторге. Отзывы только положительные по интерфейсу.
То, как мы с вами работали, позволило нам очень сильно вырасти как заказчику. У вас отличная культура ведения проекта.
Игорь Сюндюков,
руководитель проекта «Калибратор»
Наталья Прокофьева,
генеральный директор «Собаки Павлова»
В Figma
~ 2 200 000 ₽
~ 3 месяца
Получите консультацию по телефону +7 (921) 654-26-80
ТМХ
Платформа дистанционного мониторинга пациентов
Разработали интерфейсы личного кабинета врача и мобильного приложения пациента.
АТОЛ
Управление парком устройств
Разработали дизайн интерфейса для управления онлайн-кассами.
.png)
Спормастер
Терминалы самообслуживания
Провели юзабилити-тестирование, дали экспертную оценку интерфейсам, подготовили рекомендации и идеи для развития.
