← НА КАРТУ EN
02ПРОДУКТ · НИПК «ЭЛЕКТРОН»

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

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

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

РОЛЬ
UX-исследования, CJM, дизайн-система, редизайн
СРОК
1 год 5 месяцев
КОМАНДА
Я, второй 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 тестирования я убедилась, что пользователи понимают его лучше, чем старую версию.