редакции
Программное обеспечение для оборудования
Azor — это российский производитель лазерного медицинского оборудования, который присутствует на рынке более 30 лет. Компания входит в список ведущих поставщиков лазерного медицинского оборудования для столичных и региональных клиник.
Совместно с авторитетными научно-медицинскими центрами инженеры компании разработали более 30 аппаратов.
В линейке приборов — лазеры с передовыми техническими решениями разного назначения: от персональной портативной техники до многофункциональных систем. Оборудование применяется в следующих областях медицины: косметология, хирургия, лор-хирургия, флебология, спортивная медицина.
История обращения в «Атвинту»
Компания запустила масштабную модернизацию, чтобы повысить качество продукта. На производстве запланировали обновить ряд аппаратов и внедрить функциональные изменения, которые улучшат характеристики лазеров.
Одной из задач проекта модернизации стала разработка новых интерфейсов для управления оборудованием. Так как обновленные характеристики и дизайн задали высокую планку качества, производитель решил сделать взаимодействие пользователей с аппаратами максимально комфортным и эстетичным.
Технические улучшения изменили логику работы приборов, и это нужно было учесть в панели управления. Экраны предыдущей линейки оборудования морально устарели и были построены без учета принципов UX/UI-дизайна. Новые экраны должны были стать одновременно стильными, удобными для врачей и безопасными для пациентов.Алексей Нибо, арт-директор digital-агентства «Атвинта»
Ранее интерфейсами занимались инженеры Azor. Они являются экспертами в технологиях и безопасности оборудования, но не обладают профильным опытом в дизайне интерфейсов. Это сказывалось на качестве предыдущих панелей управления, поэтому во время очередной модернизации производитель решил делегировать эту задачу профессионалам.
За разработкой интерфейсов компания обратилась в «Атвинту». Ранее мы реализовывали похожие проекты в области научных исследований и промышленности. Команда «Атвинты» разрабатывала софт и интерфейс для IoT-лаборатории, а также панель управления устройства, смешивающего жидкости для парения.
Кейс Azor стал новым вызовом для агентства — оборудование обладает уникальными настройками, которые необходимо отразить в интерфейсе компактных экранов оборудования.
Задачи проекта
Предстояло разработать типовые макеты интерфейса, которые производитель будет использовать на разных устройствах Azor.
В линейке аппаратов представлена модель Fraxor, настройки которой отличаются от остальных приборов. Для нее было необходимо создать отдельный экран управления лазером. Работа с интерфейсами лазерного оборудования специфична: Эти нюансы были учтены при разработке интерфейса. Чтобы дизайнеру было удобнее разрабатывать макеты и синхронизироваться с заказчиком по наполнению будущих экранов, мы создали информационную структуру аппаратного ПО. Аналитик получил вводные от заказчика и перенес это в более наглядный вид. Схема помогала в процессе обсуждения деталей проекта — на нее основе мы утверждали логику работы аппарата и наполнение будущих экранов. Для создания и утверждения концепции использовали наиболее важный по значению макет — экран настройки аппарата. Через него врач настраивает параметры лазера и проводит процедуру. Вариант № 1 На экране отражены основные настройки лазера: плотность точек и энергия импульса. Для управления добавлены кнопки увеличения и уменьшения показателей. Также в макетах тестировали несколько вариантов выбора формы и площади лазерной вспышки: через кнопки, ручной ввод и джойстик. В концепциях использованы разные цветовые решения и дизайнерские элементы. Например, в первом варианте мы предложили расположить хаотичные волны по окружности, огибающей параметры мощности. Они ассоциируются с абстрактными физическими процессами. Также в рамках первой концепции представили вариант с цветной тенью по окружности вместо волн. Здесь же опробовали оформление кнопок со стрелками вместо знаков плюс и минус. Вариант № 2 Во второй концепции много экспериментировали с расположением кнопок и полей — пробовали размещать их в центре и в нижней части экрана. Заказчик оценил джойстик на одном из макетов первой концепции, и здесь мы решили показать другие варианты его оформления. Во обеих концепциях использованы крупные кнопки, индикаторы и текст. Элементы размещены на значительном расстоянии, при этом акцент сделан на основных настройках. Так врач не промахнется при нажатии и будет быстро ориентироваться в интерфейсе. Это сэкономит время пользователя и сделает процедуру более безопасной. Заказчик выбрал вторую концепцию для реализации. Опираясь на нее, мы доработали настройку лазера и создали другие экраны. Мы скорректировали цвета и отказались от нижней части окружностей, чтобы освободить пространство и разместить на нем кнопки. Поля со временем и энергией перенесли в левый нижний угол экрана и по запросу заказчика рядом с кнопкой старта добавили кнопку «Установка» для выставления режима. В параметрах вспышки остановились на джойстике из первой концепции. Чтобы не занимать лишнее место, для формы фигуры оставили одну кнопку, которая меняет квадрат и круг по клику. Данный экран был утвержден в качестве основного — он будет использоваться в нескольких моделях Azor с идентичными функциями. Так как некоторым врачам удобнее включать готовые программы, мы создали меню с выбором процедур. Для каждого режима отрисована своя иконка, которая продолжает тематику процедуры и помогает пользователю быстрее найти нужную плашку. Всего создано 15 иконок для уникального стиля Azor. Идентично выглядит меню основных настроек. По запросу заказчика разработали типовые диалоговые окна с разным набором кнопок и традиционными сценариями в минималистичном стиле. В уведомлении о перегреве лазера использовали акцентные цвета, которые сигнализируют о критическом состоянии аппарата. Новый интерфейс Azor экономит время, повышает безопасность и делает процесс работы врача не только удобным, но и эстетичным.
Создание структуры аппаратов
Разработка концепции
Финальный вариант
Итоги проекта