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

Заказчик

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

Задача

За ограниченное время разработать интерфейс продукта по высокоуровневой постановке задачи

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

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

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

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

Результат

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

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

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

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

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

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

Поиск верных визуальных решений на основе обширного мудборда

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

Эволюция статистических графиков

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

История про поиск лучшего интерфейсного решения

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

Геймификация? Можно ли красиво это расписать? Почему хотели сделать и почему не сделали

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Владимир Падишин, Руководитель продукта

Перейти на сайт