Дизайн интерфейса платформы дистанционного мониторинга пациентов. Личный кабинет врача и мобильное приложения пациента • ТелеМедХаб

Главное о кейсе

ТелеМедХаб (ТМХ) — компания, которая занимается разработкой и внедрением платформы дистанционного мониторинга пациентов (RPM). Эта платформа собирает данные для мониторинга с медицинских и немедицинских устройств и сервисов разных производителей.

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

Задача дизайна:
Спроектировать интерфейсы личного кабинета врача (платную и бесплатную версии) и мобильного приложения пациента.

Добавить разделы, которых ранее не было в сервисе. Разработать решение, позволяющее использовать сервис в странах, где пишут справа налево, создать white-label макеты.

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

TeleMedHub (TMH) is a company that develops and implements a remote patient monitoring (RPM) platform. This platform collects monitoring data from medical and non-medical devices and services from different manufacturers.

Business goal:
To take a leading position in the field of remote patient monitoring and enter the international market, in particular, the Arab countries.

Design goal:
To design the interfaces of the doctor's personal account (paid and free versions) and the patient's mobile application.

Add sections that were not previously available in the service. Develop a solution that allows using the service in countries where they write from right to left, create white-label layouts.

Result:
The client received layouts with an updated interface of the existing service.
The interface now includes new sections that were conceptually conceived by the client, but not previously implemented: a list of employees, a list of departments, an activity log, favorites, and a dashboard.

Как проект изменил жизнь пользователей

Дадим слово заказчику: «Все существующие в России решения для удаленного мониторинга здоровья пациентов — не фитнес-трекеры, а полноценный мониторинг — требуют оплаты через ДМС или подписки. Платные интерфейсы связаны с пилотными проектами крупных компаний; для врачей из бесплатных медучреждений участие затруднено, обучения нет.

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

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

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

Заказчик получил обновленный интерфейс существующего сервиса, а также интерфейс разделов, которые он планирует добавить в продукт в будущем.
В дополнение к макетам обновленного интерфейса, заказчик получил кликабельные прототипы основных разделов, макеты с примерами white label, RtL в приложении. Эти дополнительные возможности позволят презентовать продукт как решение гибко настраиваемое под различные нужды клиента, в том числе для рынка стран с right-to-left написанием.

The client received an updated interface of the existing service, as well as an interface of sections that he plans to add to the product in the future.
In addition to the layouts of the updated interface, the client received clickable prototypes of the main sections, layouts with examples of white label, RtL in the application. These additional features will allow presenting the product as a solution flexibly customizable to various client needs, including for the market of countries with right-to-left writing.

Крафт (мастерство), реализация, технические детали

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

We assemble layouts on components in figma, make interactive prototypes, write comments, logically organize the flow and keep the files clean and tidy.

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком

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

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

We regularly held workshops with medical experts to test the identified hypotheses and discuss new sections of the product. The clients's doctor and the designers of Sobaka Pavlova agreed on layout solutions in real time. The client liked these workshops because they allowed us to quickly understand the new capabilities of the product, and the experts' answers helped us adjust the architecture and abandon unnecessary functionality in order to free up resources for priority tasks.

At the very beginning of the work, we divided the interface design process between several designers: one draws the doctor's personal account, the other - the patient's application. Then the concepts are checked at the highest level by the senior designer and the manager.
This distribution of tasks allowed us to quickly create concept options and maintain the consistency of the entire product. We adhered to this work scheme both at the stage of detailing the selected concepts and at the final stage.

Скриншоты

Комментарий заказчика

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

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

Уникальный продукт не только для отечественного, но и для международного рынка, — редко встречаются настолько детально продуманные интерфейсы, приносящие такую пользу всем стейкхолдерам. Мы очень рады нашему сотрудничеству.