Sxope MVP
Приложение для сотрудников системы здравохранения, имеющих доступ к данным пациентов
ВВЕДЕНИЕ
Флоридская компания Eastwood&Cleef пригласила меня в качестве UX/UI дизайнера для проектирования мобильного приложения предназначенное для сотрудников системы здравохранения. Платформа предлагает важные функции, такие как мониторинг состояния пациентов, облегчение обмена информацией между врачами, провайдерами медицинских услуг, персоналом по уходу за пациентом, получение уведомлений в реальном времени о событиях госпитализации-выписки-перевода, и прочие ключевые функции.

ВНИМАНИЕ: Так как проект находится под высоким уровнем о неразглашении, а медицинская сфера США под законом называемым HIPAA, некоторые аспекты, такие как не имена пациентов, докторов, и т.д, будут вымышлены, а некоторые элементы приложения немного видоизменены в целях соблюдения NDA.

Моя роль: UX / UI Дизайнер

Инструменты: Figma, Photoshop, Illustrator

Год: 2023
ИССЛЕДОВАНИЕ
Прежде чем приступить к процессу проектирования, необходимо было провести тщательное изучение предметной области и разобраться в тонкостях целевой аудитории, с использований медицинских порталов, статей, видео.
Доска сбора данных в процессе исследования целей бизнеса и пользователей
После того как были выявлены цели пользователей и бизнеса, была составлена гипотеза о пользователях, которые были распределены на две категории:

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

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

Интерфейс прилагалось создавать под обоих, но основной персоной послужит категория вторая, так как решения автоматически охватят первую.
Основная персона проекта
Второстепенная персона
Карта пути пользователя
ПРОТОТИПИРОВАНИЕ
Перед сборкой прототипов, был проработан User Flow Map, так как для MVP бизнесом был предоставлен ограниченный набор наиболее важных функций, который необходимо было включить в первую сборку. На основе следовал дизайн Wireframe-прототипов. Основным ориентиром понимание архитектуры послужил функциональный прототип веб приложения.
User Flow Map для MVP
Группа Wireframe-прототипов
ВИЗУАЛЬНЫЙ ЯЗЫК
Во многом визуал был уже во многом проработан для моего прихода в проект. Такие элементы как цвета, шрифты были позаимствованы из дизайн системы. Однако для приложения были сформированы некоторые собственные принципы, для соответствия нативности.
Доска дизайн принципов приложения
МОКАПЫ
Для мобильного приложения были собраны собственные UI паттерны, которые необходимо было включить в дизайн систему. Это было первый раз, когда я решил опробовать принцип "Сперва Дизайн Система", а после уже собирать конечные макет. Это помогло решить две проблемы:

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

Из UI паттернов в итоге собирались High-Fidelity прототипы: