Читайте наш Telegram-канал про ужасы интерфейсных проектов!
Главная / Портфолио / Медицинский интерфейс для работы с ЭКГ

2025

Медицинский интерфейс для работы с ЭКГ

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

Цена

2 250 000 ₽

Сроки

> 6 месяцев
Собака Павлова • Erna • Медицинский интерфейс для работы с ЭКГ

Erna — российская компания, которая специализируется на разработке цифровых решений для медицины. Одна из разработок компании — клиническая информационная система «Кардиум» с применением искусственного интеллекта. Платформа решает как задачи административного персонала (такие как ведение баз пациентов, документооборот, инструкциии), так и задачи кардиологов (снятие кардиограммы, ее расшифровку, заключение).

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

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

Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru
Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru
Дневник врача. Расшифровка ЭКГ. Детальный просмотр комплекса. Светлая тема, темная тема

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

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

Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru
Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru
Дневник исследования (врач). Светлая тема, темная тема
Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru
Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru
Выбор комплекса. Светлая тема, темная тема

Результаты

Wow-эффект

“Интерфейс” – первый пункт в списке преимуществ системы на сайте заказчика. Макеты – важная часть коммерческих презентаций. Пока сама система проходит испытания, интерфейс уже продаёт.

Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru Сайт заказчика

Аналитика

  • Провели 4 интервью с внешними медицинскими экспертами и серию воркшопов с экспертами заказчика.
  • Провели анализ решений конкурентов.
  • Сделали полные сценарии процессов снятия и анализа электрокардиограмм, чтобы понять как сейчас устроена рутина пользователей.
  • Составили карты процессов снятия и анализа ЭКГ: пописали все шаги процесса, задачи выполняемые пользователями, и какие из них берёт на себя интерфейс.
Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru

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

Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru

Дизайн

«Кардиумом» пользуется три типа пользователей:

  1. Медсестры, чтобы вести приём и снимать кардиограммы.
  2. Врачи-кардиологи, чтобы расшифровывать ЭКГ, ставить диагнозы, писать заключения.
  3. Административный персонал и врачи других специальностей, чтобы обеспечивать управление и коммуникацию.
Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru
Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru
Дневник врача. Расшифровка ЭКГ. Представительный комплекс. Включено заключение. Светлая тема, темная тема

Медсестра

Работает с очередью приёма и направлениями пациентов. Снимает электрокардиограммы в стационаре или на выезде.

Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru
Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru
Календарь медсестры. Светлая тема, темная тема
Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru
Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru
Очередь на ЭКГ. Светлая тема, темная тема
Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru
Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru
Снятие ЭКГ. Светлая тема, темная тема

Задачи медсестры:

  • Вести приём по расписанию.
  • Создать, изучить, отредактировать направление на ЭКГ.
  • Снять ЭКГ по направлению.
  • Проверить снятую ЭКГ на предмет качества записи и наличия острых паталогий.
  • Отправить снятую ЭКГ в общую базу исследований.
Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru
Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru
Очередь приёма со всеми подсказками. Светлая тема, темная тема
Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru
Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru
Направление на ЭКГ. Светлая тема, темная тема
Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru
Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru
Проверка и отправка записи. Светлая тема, темная тема

Врач-кардиолог

Анализирует электрокардиограммы, пишет заключения и передает их в медицинскую информационную систему (МИС).

Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru
Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru
Основной экран врача. Светлая тема, темная тема
Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru
Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru
Дневник исследования (врач). Календарь. Светлая тема, темная тема

Задачи врача:

  1. Найти пациента или нужное исследование в базе.
Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru
Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru
Дневник врача со всеми подсказками. Светлая тема, темная тема
  1. Расшифровать ЭКГ: просмотреть плёнку, настроить отображение
Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru
Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru
Состояния отведений. Выбор. Светлая тема, темная тема
  1. Воспользоваться инструментами анализа (сравнительными таблицами, анализом и сравнением комплексов, инструментами измерений).
Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru
Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru
Дневник врача. Расшифровка ЭКГ. Цвета. Светлая тема, темная тема
Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru
Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru
Дневник врача. Расшифровка ЭКГ. Представительный комплекс. Светлая тема, темная тема
  1. Написать заключение самостоятельно или воспользовавшись мастером заключений.
Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru
Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru
Заполнение вручную. Светлая тема, темная тема
Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru
Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru
Заполнение с помощью Мастера заключений. Светлая тема, темная тема
  1. Подписать заключение и отправить на сервер.
Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru Подписать ЭЦП

Администрирование и управление системой

Помимо непосредственно работы с кардиограммами врачам и медсёстрам, а также административному персоналу нужны такие сценарии, как:

  1. Настроить вид плёнки (задать привычные цвета, шаблоны, линии)
Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru Настройки пленки
  1. Настроить дефолтные состояния системы
Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru
Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru
Значения по умолчанию. Светлая тема, темная тема
  1. Подключить и настроить оборудование

  2. Составить отчёт

Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru
Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru
Меню отчетов. Светлая тема, темная тема
Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru
Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru
Создание шаблона отчета. Светлая тема, темная тема
  1. Посмотреть данные аналитики
Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru
Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru
Расширенный отчет и скрытые фильтры. Светлая тема, темная тема
  1. Распечатать документы
Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru
Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru
Настройка печати ЭКГ. Светлая тема, темная тема
Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru
Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru
Печать ЭКГ. Модальное окно детальной настройки. Светлая тема, темная тема

Помимо макетов

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

Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru Пример работы с вводными

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

Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru
Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru
Палитра. Светлая тема, темная тема

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

Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru

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

Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru

Передали в разработку 79 задач.

Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru Задачи

Пример задачи: сделать 60 вариантов миллиметровки для ЭКГ. Чтобы графики легко читались и глаза врачей не уставали, проработали тёмную тему и гибкие настройки вида плёнки: цвета, контрастность, тип разметки, тощину графиков и так далее. Рассказали и показали, как решали эту задачу, в отдельном материале.

Play
Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru
Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru
Цвета миллиметровки. Светлая тема, темная тема
Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru
Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru
Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru
Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru
Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru
Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru
Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru
Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru
Экран «Расшифровка ЭКГ. Представительный комплекс» с четырьмя разными цветами пленки

Итог

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

Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru
Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru
Информация об исследовании и пациенте. Первый экран. Электроды не прикреплены. Светлая тема, темная тема
Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru
Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru
Состояния отведений. Результат. Светлая тема, темная тема
Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru
Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru
Дневник направления (медсестра). Начало приема. Светлая тема, темная тема
Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru
Медицинский интерфейс для работы с ЭКГ | SobakaPav.ru
Дневник направления (медсестра). Всплывающая подсказка ИИ. Светлая тема, темная тема

Некоторые цифры

Провели

30 

сессий аналитики

Проработали

12 

разделов системы

Создали

400+ 

макетов интерфейса

Передали в разработку

79 

задач

Вам нужен интерфейс?

Заказать дизайн

Напишите нам на we@sobakapav.ru

Что мы можем сделать?

UX-дизайн под ключ, как в этом кейсе, и многое другое.

UX/UI-дизайн под ключ

Наша экспертиза

Более 30 проектов, связанных с медицинскими интерфейсам, и 15 проектных кейсов.

Наши статьи о медицинских интерфейсах

Хотите уметь так же?

Научим создавать хорошие интерфейсы.

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

Цена

2 250 000 ₽

Сроки

> 6 месяцев

Пишите нам: @sobakapavpro