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

2025

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

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

Цена

NDA

Сроки

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

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

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

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

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

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

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

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

Результаты

Wow-эффект

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

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

Аналитика

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

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

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

Дизайн

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

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

Интерфейс медсестры

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Итог

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

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

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

Провели

30 

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

Проработали

12 

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

Создали

400+ 

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

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

79 

задач

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

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

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

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

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

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

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

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

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

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

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

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

Цена

NDA

Сроки

> 6 месяцев

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