Приложение для контроля медицинских приборов

Компания “Инноватика” разрабатывает медицинские приборы для пациентов двух типов:

1. Приборы для мониторинга показателей (ЭКГ, АД, сахар, спирометрия и т. д.)
2. Приборы для доставки и контроля приёма лекарственных средств (таблетницы, ингаляторы, инжекторы и т. д.).

Доступные комплекты для пациентов – уникальное предложение компании на рынке. В первую очередь они полезны людям с хроническими заболеваниями, старшему поколению, людям мониторящим своё здоровье (ЗОЖники), но круг потенциальных пользователей – шире.

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

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

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

Бизнес-задача

Быстро запустить новое приложение, чтобы обеспечить работу новых приборов на новом программном обеспечении. Сделать интерфейс удобным в использовании для разных групп пользователей.

Главная. Внеплановое действие

Дизайн-задачи

Сделать UX-дизайн приложения, работая в тесной связи с разработкой.

Дневники

Результат

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

Интерефейсы выполнены на Material 3, что обеспечивает устойчивость решения в разработке и последующем развитии.

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

❮ ❯

Авторизация по пин-коду, по отпечатку и по лицу

Дизайн интерфейса

Результатами работ стали следующие разделы системы и флоу:

I. Навигация и обвязка

II. Вход (Регистрация, Авторизация, Быстрый вход, Сценарии регистрации со сторонними сервисами)

❮ ❯

Регистрация

III. Главная (навигация по действиям для пациента):

1. Сценарии быстрых действий
2. Измерения (давление, ЭКГ, сатурация)

Мои измерения

❮ ❯

ЭКГ

❮ ❯

Сатурация

❮ ❯

Давление

3. Добавить результаты анализа (детализация: глюкоза)

❮ ❯

Анализы

4. Принять лекарство (несколько разных контекстов: по уведомлению/заблаговременно/позже срока, с автоматической таблетницей/без неё)

❮ ❯

Принять лекарства по уведомлению

5. Пополнить автоматическую таблетницу

❮ ❯

Пополнить таблетницу

6. Заполнить дневник (детализация на примере дневника самочувствия)

❮ ❯

Заполнение дневника

IV. Моё здоровье (ЦУП пациента)

Профиль здоровья (current state)

1. Лекарства (навигация) Экран конкретного лекарства

❮ ❯

Лекарства

2. Измерения. Детализация на трёх примерах: ЭКГ, сатурация, давление

❮ ❯

Измерение давления

❮ ❯

Измерение ЭКГ

❮ ❯

Измерение сатурации

3. Анализы (навигация). Детализация на примере истории анализов глюкозы.

❮ ❯

Глюкоза

4. Дневники (навигация). Детализация на примере дневника самочувствия.

❮ ❯

Дневник настроения

5. Курсы - навигация

• добавление курса лечения
• назначение лекарственного препарата
• назначение измерения
• назначение анализа
• назначение дневника

V. Инфоцентр (навигация)

1. Патронируемые лица

• Связь с патронируемым лицом
• Профиль патронируемого лица
• Здоровье (дашборд)
• Помощь в управлении профилем
• Лог событий

2. Новости

• Список новостей с навигацией
• Вебвью для просмотра новости

3. Чаты (техподдержка, чат с медицинским учреждением)
4. Лог событий (список событий с навигацией, карточка события)
5. Отзывы и предложения (форма обратной связи)

VI. Ещё (навигация)

1. Мои данные (просмотр, заполнение)
2. Моя подписка (оформление, выбор тарифа, смена)
3. Я патронирую (добавление, удаление патронируемых лиц)
4. Меня патронируют (добавление, удаление патронирующих лиц)

Важной частью процесса производства были артефакты аналитики:

1. Сценарии взаимодействия пользователей и системы
2. Информационно-архитектурное решение

Экстра-польза

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

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

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

Use cases — пользовательские сценарии, сценарии взаимодействия, сценарии использования, пользовательские сценарии — последовательное описание поведения человека при взаимодействии с системой и системы, когда с ней взаимодействует человек. У нас есть модуль дизайн-задачника «Сценарии взаимодействия» для тех, кто хочет научиться их использовать в дизайне интерфейсов.

Особенности

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

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

Нюансы процесса

Единое приложение, которое и таблетки пить напоминает, и ЭКГ снимет, и с патроном/подопечным свяжется – интерфейсно штука сложная.

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

Для разных элементов продукта (лекарства, измерения, анализы, дневники, назначение/исполнение/просмотр истории) мы проектировали типовой многофункциональный элемент, и дальше на детализации показывали, как он адаптируется, где такой же а где отличается, в ситуациях измерения давления и измерения ЭКГ, например.

В этой работе нам очень помогала информационно-архитектурная карта интерфейса.

Мое здоровье. Назначение