Интерфейсы Клинической Информационной Системы "Кардиум": медицинская диагностическая платформа для кардиологов • Эрна

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

Клиническая информационная система «Кардиум» с применением искусственного интеллекта — разработка российской компании Erna.

«Кардиум» помогает кардиологам снимать ЭКГ, расшифровывать результаты, формировать заключения. А также решает все административные задачи — от ведения базы пациентов до внутреннего документооборота.

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

Ключевые цифры:
- Провели 30 сессий аналитики
- Проработали 12 разделов системы
- Передали в разработку 400+ макетов
- Нарисовали 60 вариантов плёнки для ЭКГ для разных задач и условий работы врача

The Cardium clinical information system, powered by artificial intelligence, was developed by the Russian company Erna.

Cardium helps cardiologists take ECGs, interpret the results, and generate reports. It also handles all administrative tasks, from patient database management to internal document management.

We created a new user interface for the Cardium system, implementing workflows for doctors, nurses, and administrative staff.

Key figures:
- Conducted 30 analytics sessions
- Worked on 12 system sections
- Submitted 400+ mockups for development
- Designed 60 ECG paper designs for various tasks and physician workflows

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

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

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

Чтобы графики ЭКГ легко читались и глаза врачей не уставали, мы проработали гибкие настройки вида плёнки (цвет, контрастность, тип разметки и т.п.).

The new Cardium interface will help patients receive their reports more quickly, reduce doctors' workload, and improve the quality of their work.

In particular, the accuracy and speed of diagnosis depend on how easy it is for a cardiologist to use the interface and read an electrocardiogram.

To ensure ECG graphs are easy to read and reduce eye strain for doctors, we have developed flexible settings for the EKG paper appearance (color, contrast, marking type, etc.).

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

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

Для этого мы:
1. Исследовали пользовательский опыт медицинского персонала, провели интервью с внешними медицинскими экспертами и серию воркшопов с экспертами заказчика.
2. Выделили более двадцати сценариев врача-кардиолога, медсестры и администратора и 79 пользовательских задач в рамках этих сценариев.
3. Спроектировали полный user flow каждой из этих задач.
4. Отрисовали и передали в разработку более четырехсот макетов.

Our task was to create a user-friendly and modern interface design for a medical diagnostic platform by redesigning existing system sections and adding new ones.

To achieve this, we:
1. Researched the user experience of medical personnel, conducted interviews with external medical experts, and held a series of workshops with the client's experts.
2. Identified over twenty scenarios for cardiologists, nurses, and administrators, and 79 user tasks within these scenarios.
3. Designed a complete user flow for each of these tasks.
4. Designed and submitted over four hundred mockups for development.

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

● Платформа: Веб, десктоп / Electron
● Рабочее разрешение для проектирования: 1280х720 (HD), с последующим адаптивом до 1920х1080 (FullHD)
● Фреймворк: Angular

В процессе работы сменили дизайн-систему на Material 3. В силу сложности проекта, многие правки вносили на уровне дизайн-системы.

1. Реализовали 60 вариантов отображения для ЭКГ. Необходимый врачам минимум: 2 типа плёнки (классическая и облегчённая миллиметровки) * 5 цветов (голубой, зеленый, красный, серый, желтый) * 3 типа контрастности * 2 цветовые темы (темная, светлая).

Мы придумали решение, которое позволяет в пару кликов получать любую комбинацию этих характеристик. Каждый сантиметровый сегмент плёнки разложили на кусочки, задали один базовый цвет, а воспринимаемые различия настроили через прозрачность (opacity).

2. На уровне сценариев использования системы интегрировали ИИ в работу медсестёр и врачей. Например:
- Когда медсестра снимает ЭКГ, ИИ может посоветовать немедленно вызвать скорую.
- Врач может использовать ИИ-автозаключение как подсказку, но не может его бездумно копипастить. Это было бы опасно.
- ИИ-статус кардиограммы влияет на приоритет (место в очереди на расшифровку) у врачей функциональной диагностики.

● Platform: Web, desktop / Electron
● Working resolution for design: 1280x720 (HD), with subsequent adaptive resolution up to 1920x1080 (FullHD)
● Framework: Angular

During the project, we switched to Material 3 as a design system. Due to the complexity of the project, many adjustments were made at the design system level.

1. We implemented 60 ECG display options. The minimum required by doctors is: 2 ECG paper types (classic and lightweight graph paper) * 5 colors (blue, green, red, gray, yellow) * 3 contrast levels * 2 color themes (dark, light).

We came up with a solution that allows to access any combination of these characteristics in a couple of clicks. Each centimeter-long film segment was divided into pieces and assigned a single base color. Perceived differences were configured using opacity.

2. At the system use case level, we integrated AI into the workflow of nurses and doctors. For example:
- When a nurse takes an ECG, the AI ​​can advise calling an ambulance immediately.
- A doctor can use the AI's auto-detection as a hint, but cannot mindlessly copy-paste it. This would be dangerous.
- The AI ​​status of an electrocardiogram affects the priority (place in the queue for interpretation) for functional diagnostics doctors.

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

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

Чтобы понять, как сейчас устроена рутина пользователей, мы задокументировали все сценарии снятия и анализа ЭКГ (включая оффлайновые).

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

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

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

1. The most important (and most problematic from an interface perspective) user scenarios are those related to electrocardiogram recording and analysis.

To understand the current user routine, we documented all ECG recording and analysis scenarios (including offline ones).

As a result, we identified numerous small, yet crucial, tasks for physician convenience related to film navigation, analysis tools, and general interaction with the system. We expanded the project, deepened the scenarios, and added new tools and system sections.

2. We created a system architecture map to determine which tasks are performed and where in the interface.

3. We established communication with the development team via stickers in the library file to keep them updated on all customizations.

Прочая информация о кейсе

Система «Кардиум» пока проходит испытания. «Интуитивно понятный интерфейс» – первый пункт в списке её преимуществ на сайте заказчика.

The Cardium system is currently undergoing testing. "Intuitive interface" is the first item on the customer's website listing its advantages.

Текущая доступность работы

https://erna.moscow/

Скриншоты

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

Компания «ЭРНА» сотрудничала с командой «Собака Павлова» в рамках разработки дизайна нашего продукта Кардиум. Для нас было важно создать удобный и интуитивно понятный инструмент для врачей, и именно эту задачу команда решила на высоком профессиональном уровне.

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

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

От всей команды «ЭРНА» выражаем искреннюю благодарность за профессионализм и качественный результат.