← НА КАРТУ Анастасия Куратник
02ПРОДУКТ · НИПК «ЭЛЕКТРОН»

Интерфейс рентген-лаборанта

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

Собран на дизайн-системе из кейса 01. Дизайн-система для рентген-оборудования →

РОЛЬ
UX-исследования, CJM, дизайн-система, редизайн
СРОК
18 месяцев
КОМАНДА
Я, ещё один UX/UI-дизайнер, три разработчика
ПЛАТФОРМА
Десктоп
NDA ЛОГОТИП И ДАННЫЕ ПАЦИЕНТА ЗАКРЫТЫ. ВСЁ ОСТАЛЬНОЕ ПОКАЗЫВАЮ КАК ЕСТЬ.

01Как я разбиралась

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

  1. 01Интервью с персоналом в больницах
  2. 02Наблюдение за реальной работой на месте
  3. 03A/B-тестирование решений
  4. 04Карта пути пользователя (CJM)
Карта пути пользователяЭКРАН

02Что выяснилось

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

  1. 01Функции, о существовании которых пользователи не знали
  2. 02Точки, где работа стопорится
  3. 03Функции, которыми не пользуются осознанно

Журнал исследований

Новый журнал: панель разбита на подписанные группы, статусы исследований, превью снимков Старый журнал: два десятка значков без подписей, форма из пятнадцати пустых полей, таблица без статусов БЫЛО СТАЛО
  • Панель инструментов разбита на группы с подписями — раньше два десятка значков подряд
  • У исследования появился статус: цветом и словом, а не никак
  • Карточка пациента сократилась с пятнадцати полей до семи нужных
  • Внизу — превью снимков и накопленная доза за год

03Редизайн

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

Окно записи медицинского диска поверх просмотра снимка
Запись исследования на диск: носитель, имя записи, выбор снимков

Экран параметров съёмки

Новый экран: четыре подписанных панели, карточка пациента, иллюстрация укладки Старый экран: плотная сетка бирюзовых элементов на чёрном фоне, без заголовков разделов БЫЛО СТАЛО
  • Экран разделён на четыре подписанных панели вместо сплошного поля
  • Появилась иллюстрация укладки с комментарием — раньше это было в мануале
  • Параметры съёмки читаются словами, а не только значками
  • Кнопка включения высокого напряжения выделена и подписана

04Связь с системой

Именно на этом редизайне стало видно, что без общей библиотеки экраны разойдутся снова. UI-кит вырос из этих экранов, а потом стал дизайн-системой — это отдельный кейс 01. Интерфейс лаборанта собран уже на ней.

Просмотр рентгеновского снимка с панелью инструментов и лентой превью
Просмотр снимка: инструменты разметки слева, доза и параметры под изображением
Окно информационного блока с состоянием комплекса и таблицей последних действий
Информационный блок: состояние комплекса, наработка трубки, дата обслуживания
РЕЗУЛЬТАТ

Редизайн на своей системе

Интерфейс стал визуально симпатичнее, современнее, после проведения A/B тестирования я убедилась, что пользователи понимают его лучше, чем старую версию.