Лазерное оборудование: разработка ПО и интерфейсов

2023-05-25 14:24:23 Время чтения 12 мин 403

Azor — это российский производитель лазерного медицинского оборудования, который присутствует на рынке более 30 лет. Компания входит в список ведущих поставщиков лазерного медицинского оборудования для столичных и региональных клиник.

Совместно с авторитетными научно-медицинскими центрами инженеры компании разработали более 30 аппаратов.

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

Лазерный аппарат Azor. Фото: azormed.ru

История обращения в «Атвинту»

Компания запустила масштабную модернизацию, чтобы повысить качество продукта. На производстве запланировали обновить ряд аппаратов и внедрить функциональные изменения, которые улучшат характеристики лазеров.

Одной из задач проекта модернизации стала разработка новых интерфейсов для управления оборудованием. Так как обновленные характеристики и дизайн задали высокую планку качества, производитель решил сделать взаимодействие пользователей с аппаратами максимально комфортным и эстетичным.

Алексей Нибо
Арт-директор digital-агентства Атвинта
Технические улучшения изменили логику работы приборов, и это нужно было учесть в панели управления. Экраны предыдущей линейки оборудования морально устарели и были построены без учета принципов UX/UI-дизайна. Новые экраны должны были стать одновременно стильными, удобными для врачей и безопасными для пациентов.Алексей Нибо, арт-директор digital-агентства «Атвинта»

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

За разработкой интерфейсов компания обратилась в «Атвинту». Ранее мы реализовывали похожие проекты в области научных исследований и промышленности. Команда «Атвинты» разрабатывала софт и интерфейс для IoT-лаборатории, а также панель управления устройства, смешивающего жидкости для парения.

Кейс Azor стал новым вызовом для агентства — оборудование обладает уникальными настройками, которые необходимо отразить в интерфейсе компактных экранов оборудования.

Задачи проекта

Предстояло разработать типовые макеты интерфейса, которые производитель будет использовать на разных устройствах Azor.

В линейке аппаратов представлена модель Fraxor, настройки которой отличаются от остальных приборов. Для нее было необходимо создать отдельный экран управления лазером.

Лазерный аппарат Azor Fraxor. Фото: azormed.ru

Работа с интерфейсами лазерного оборудования специфична:

  1. Так как лазер является травмоопасной процедурой и влияет на здоровье пациента, необходимо учесть аспект безопасности
  2. Во время процедуры врач сконцентрирован на пациенте, у него нет времени изучать панель управления — все должно быть понятно с первого взгляда
  3. Экраны аппарата компактного размера, а значит, нужно оптимально использовать доступное пространство и не перегружать его лишними деталями
  4. Клиники эксплуатируют оборудование до 10-15 лет, поэтому дизайн должен быть минималистичным, чтобы сохранить актуальность на долгий период

Эти нюансы были учтены при разработке интерфейса.

Создание структуры аппаратов

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

Структура аппарата Azor

Аналитик получил вводные от заказчика и перенес это в более наглядный вид. Схема помогала в процессе обсуждения деталей проекта — на нее основе мы утверждали логику работы аппарата и наполнение будущих экранов.

Разработка концепции

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

Вариант №1

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

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

Также в рамках первой концепции представили вариант с цветной тенью по окружности вместо волн. Здесь же опробовали оформление кнопок со стрелками вместо знаков плюс и минус.

Вариант №2

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

Во обеих концепциях использованы крупные кнопки, индикаторы и текст. Элементы размещены на значительном расстоянии, при этом акцент сделан на основных настройках. Так врач не промахнется при нажатии и будет быстро ориентироваться в интерфейсе. Это сэкономит время пользователя и сделает процедуру более безопасной.

Финальный вариант

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

Мы скорректировали цвета и отказались от нижней части окружностей, чтобы освободить пространство и разместить на нем кнопки. Поля со временем и энергией перенесли в левый нижний угол экрана и по запросу заказчика рядом с кнопкой старта добавили кнопку «Установка» для выставления режима.

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

Данный экран был утвержден в качестве основного — он будет использоваться в нескольких моделях Azor с идентичными функциями.

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

Идентично выглядит меню основных настроек.

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

Итоги проекта

  1. Разработан удобный и стильный интерфейс лазерного оборудования, учитывающий обновленную логику работы аппаратов
  2. Представлены две дизайн-концепции на выбор с несколькими вариациями тестового экрана
  3. Оптимизировано рабочее пространство, исключены лишние кнопки и поля
  4. Обеспечена безопасность эксплуатации с помощью крупных кнопок, текста и значительного расстояния между элементами управления
  5. Реализован минималистичный дизайн, который будет актуален на протяжении длительного времени
  6. Разработаны иконки для индивидуального стиля Fraxor
  7. Создан подробный UI Kit для дальнейший эксплуатации и внедрения интерфейса заказчиком

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