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

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

2020

Дизайн интерфейса глобальной системы дистанционного мониторинга артериального давления

Дизайн интерфейса глобальной системы дистанционного мониторинга артериального давления.

Бизнес-вводные

Компания ТИС заказала интерфейс своего нового масштабного проекта — дистанционного наблюдения пациентов с гипертонией.

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

ТИС (телемедицинские информационные системы) — команда, которая создает программное обеспечение для дистанционного диспансерного наблюдения (ДДН) пациентов с сердечно-сосудистыми заболеваниями. Бизнес-задача компании — включить в систему ДДН к 2024 году до 70% состоящих на диспансерном наблюдении россиян.

Новый проект «ТИС Самоконтроль» даст возможность врачу дистанционно наблюдать состояние пациентов с гипертонией. Одно из главных бизнес-требований заказчика — возможность использования системы для научных исследований. Весь массив данных будет собираться в единой базе и сортироваться для получения статистики по разным показателям: возрасту пациентов, результатам терапии и многим другим.

У ТИС есть целевой показатель — это снижение количества случаев инсульта и инфаркта у пациентов, находящихся на дистанционном диспансерном наблюдении (ДДН)

на 30%

Результаты

В результате заказчик получил сверстанный интерактивный прототип системы «ТИС Самоконтроль», протестированный врачами и позволяющий презентовать продукт еще на стадии разработки.

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

Дизайн интерфейса системы дистанционного мониторинга артериального давления

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

Интерфейс личного кабинета врача. Интерфейс мобильного приложения пациента.

Поиск решения

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

Интерфейс личного кабинета врача.
Интерфейс личного кабинета врача.

Заказчик изначально сделал эскиз интерфейса своего продукта на основе одного из наших кейсов

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

1

Подходящий вид и форму графиков мы искали с помощью обширного мудборда

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

2

Главные статистические графики адаптированы под конкретные задачи конкретных пользователей

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

3

В процессе работы произошла концептуальная эволюция интерфейса

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

4

Рассмотрели возможность использования игровых элементов в мобильной версии системы

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

5

В личном кабинете создали «Паспорт участка»

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

Интерфейс личного кабинета врача. Паспорт участка.

Ключевой элемент – карточка пациента

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

Консультация эксперта

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

Интерфейс личного кабинета врача. Консультация эксперта.

Таблица со списком пациентов

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

Мобильное приложение

В мобильном приложении пациента кроме результатов измерения давления и пульса нужно будет отмечать самочувствие, просматривать назначения врача. А в случае необходимости — вызывать скорую помощь, нажав на «кнопку жизни».

Мобильное приложение пациента. Показатели давления и пульса. Мобильное приложение пациента. Показатели давления и пульса.

Мобильное приложение

В мобильном приложении пациента кроме результатов измерения давления и пульса нужно будет отмечать самочувствие, просматривать назначения врача. А в случае необходимости — вызывать скорую помощь, нажав на «кнопку жизни».

Разработка

В дополнение к дизайну мы взяли на себя еще и frontend-разработку системы.

ТИС — исключительно профессиональная команда с ясным видением финального продукта. Аналитики компании предоставили много полезных документов, описывающих рабочие моменты врачей. Это значительно упростило нам процесс погружения в проект.

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

ТИС получил еще и frontend, дающий возможность оценить систему в действии. Под нашим руководством его сделала компания программистов на субподряде. Таким образом, мы включились уже в процесс разработки продукта.

Артефакты проекта.
Региональная медицинская информационная система.

Масштаб

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

У врачей уже есть Региональная медицинская информационная система (РМИС). Чтобы не грузить их еще одной, после совместного обсуждения с заказчиком мы решили встроить «ТИС Самоконтроль» в РМИС отдельным модулем. То есть подсистемой, в которую врач прямо из РМИС сможет войти в любой момент.

180+

экранов системы

50+

экранов мобильного приложения

Дизайн интерфейса глобальной системы дистанционного мониторинга артериального давления.

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

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

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

По итогу у нас есть всё для создания продукта, даже верстка. С «Собакой Павлова» приятно и выгодно работать. Обязательно обратимся к ним еще, если будет такая необходимость.

В творческом сотрудничестве с заказчиком нам удалось сделать дизайн интерфейса не существующего пока продукта и даже включиться в процесс его создания, предоставив frontend-разработку.

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

Интерактивный прототип

Концептуальное проектирование

Смотреть

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

~ 5 месяцев

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

~ 2 400 000 ₽

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

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

РАИСА

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

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

МИАЦ

Электронная карта пациента

Разработали дизайн раздела «Анализы» интегрированной электронной медицинской карты.

Algohelp

Цифровые инструкции для медиков

Разработали прототип мобильного приложения на основе алгоритмов оказания неотложной медицинской помощи.

M-LINE

Интерфейс профессиональной системы

Спроектировали с нуля коммерческий продукт для дистанционного мониторинга артериального давления.

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

Пишите нам

На обычную почту  
,
в WhatsApp 
или в
(это наш директор)

Позвонить тоже можно

8 (800) 511-84-17

Кое-что показываем и рассказываем на весь интернет

Красивое на
, интересное в
, полезное на

На сайте могут встретиться упоминания социальных сетей, признанных на территории РФ экстремистскими организациями

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

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

© Да какие уж тут копирайты

Санкт-Петербург • Подгорица • Хайфа

Адрес для почтовых отправлений: 194291, Санкт-Петербург, ул Руднева, д. 9 к. 3 литера А, кв. 169