324 lines
23 KiB
Markdown
324 lines
23 KiB
Markdown
# Запрос на мокапы: приложение пациента «Сопровождение пациента»
|
||
|
||
Хакатон MedITron, кейс SberMed AI «ИИ-помощник пациента». По мокапам сразу пишется код (React, затем мобильное
|
||
приложение через Capacitor), поэтому важны точные токены, реальные тексты и все состояния экранов.
|
||
|
||
---
|
||
|
||
## 1. О продукте
|
||
|
||
**Что это.** Сервис сопровождения между визитами к врачу: напоминает о лекарствах, раз в день спрашивает о
|
||
самочувствии, по расписанию проводит короткие медицинские анкеты и сообщает врачу, если состоянию нужно
|
||
внимание. ИИ не ставит диагнозы и не лечит.
|
||
|
||
**Для кого.** Ветераны боевых действий 25–55 лет с ПТСР и депрессией, позже — их семьи. Часто уставшие,
|
||
недоверчивые к «приложениям», могут быть в тяжёлом состоянии. Пользуются в основном телефоном.
|
||
|
||
**Главная задача интерфейса.** Ежедневная отметка самочувствия и приёма лекарства занимает меньше минуты и не
|
||
вызывает тревоги. Человеку хочется её заполнять.
|
||
|
||
**Два способа входа.**
|
||
- Через ЕМИАС: врач видит ответы и получает сигнал при ухудшении.
|
||
- Анонимно: без имени и полиса, врач ничего не видит.
|
||
|
||
---
|
||
|
||
## 2. Требования к мокапам
|
||
|
||
### Формат
|
||
- Мобильные кадры **390×844**, по одному экрану на кадр.
|
||
- Для A1 и C1 дополнительно десктоп **1440×1000**.
|
||
- Отдать **PNG** и, если есть, ссылку на Figma с открытым просмотром.
|
||
- Имена файлов по ID экрана: `B3-scale.png`, `C1-today.png`, `C1-today-desktop.png`.
|
||
- Состояния — отдельными кадрами с суффиксом: `D1-mood-selected.png`, `S2-offline.png`.
|
||
|
||
### Содержание
|
||
- **Только реальные тексты на русском** из этого документа. Никаких lorem ipsum и «Заголовок».
|
||
- **Без логотипов ЕМИАС, mos.ru, Госуслуг и Минздрава.** Вход — текстовая кнопка «Войти через ЕМИАС».
|
||
- **Баллы анкет, диагнозы и уровни тяжести пациенту не показываются нигде.**
|
||
- **Кнопка «Нужна помощь»** (звонок 112) есть в шапке каждого экрана.
|
||
- Без иллюстраций людей, стоковых фото, эмодзи, градиентов, стеклянных эффектов и 3D.
|
||
- Учесть вырез экрана сверху и home indicator снизу.
|
||
|
||
### Состояния (там, где они есть у экрана)
|
||
Обычное · выбранный вариант · кнопка неактивна · загрузка · ошибка с понятным действием.
|
||
|
||
---
|
||
|
||
|
||
## 4. Общий промпт
|
||
|
||
Вставляется перед промптом любого экрана из раздела 5.
|
||
|
||
```
|
||
Спроектируй экран мобильного приложения (390×844) «Сопровождение пациента» — сервиса сопровождения
|
||
между визитами к врачу. Пользователи — ветераны боевых действий 25–55 лет с ПТСР и депрессией, часто
|
||
уставшие и недоверчивые. Цель — чтобы ежедневные отметки занимали меньше минуты и не вызывали тревоги.
|
||
|
||
Стиль: строгий государственный медицинский сервис уровня mos.ru и Госуслуг, но тёплый и спокойный.
|
||
Без логотипов ЕМИАС, mos.ru и Госуслуг. Без иллюстраций людей, стоковых фото, эмодзи, градиентов,
|
||
стекла и 3D. Много воздуха, чёткая иерархия, крупный текст.
|
||
|
||
Правила: кнопки не ниже 48 px, основная кнопка на всю ширину внизу; один вопрос — один экран,
|
||
варианты ответа — крупные карточки на всю ширину, выбранный подсвечивается цветом направления;
|
||
в шапке красная кнопка «Нужна помощь»; нижняя навигация «Сегодня · Лекарства · Сообщения · Профиль»
|
||
(кроме экранов входа и анкет). Баллы, диагнозы и оценки тяжести не показывать. Тексты на русском,
|
||
короткие, на «вы», без медицинского жаргона и без давления. Учти вырез экрана и home indicator.
|
||
```
|
||
|
||
---
|
||
|
||
## 5. Экраны и промпты
|
||
|
||
Приоритет: **волна 1** нужна в первую очередь — это ядро ежедневного сценария.
|
||
|
||
### Волна 1
|
||
|
||
**C1 · Сегодня (главная)**
|
||
```
|
||
Экран «Сегодня». Приветствие «Добрый день» и дата «Воскресенье, 4 октября». Список задач дня карточками
|
||
с временем слева и цветной полосой направления: «09:00 · Утренний приём» (лекарства, отмечено
|
||
«Принято»), «14:00 · Как вы сегодня?» (самочувствие, кнопка «Ответить», «≈ 1 минута»),
|
||
«Анкета о сне и настроении» (самочувствие, «≈ 5 минут», «до 11 октября»). Ниже блок
|
||
«Следующий визит: 12 октября, 10:30, врач Смирнова Е. А.». Быстрые действия: «Вопрос о лекарстве»,
|
||
«Написать врачу». Нижняя навигация, активна вкладка «Сегодня». Отдельно десктоп 1440×1000.
|
||
```
|
||
|
||
**C2 · Всё сделано**
|
||
```
|
||
Экран «Сегодня», когда задачи выполнены: спокойное пустое состояние «На сегодня всё. Следующее
|
||
напоминание — завтра в 09:00». Все карточки дня отмечены как выполненные. Без конфетти и наград.
|
||
```
|
||
|
||
**D1 · Настроение**
|
||
```
|
||
Первый шаг ежедневной отметки. Прогресс «1 из 5», кнопка «Назад». Вопрос крупно: «Как вы себя
|
||
чувствуете сегодня?». Шкала 0–10 крупными кнопками с цветовой градацией от тёплого красного к
|
||
зелёному, подписи по краям «Очень тяжело» и «Отлично». Состояния: ничего не выбрано; выбрано 6.
|
||
Кнопка «Дальше» внизу.
|
||
```
|
||
|
||
**D2 · Лекарство сегодня**
|
||
```
|
||
Шаг 2 из 5. «Вы приняли лекарство сегодня?» Карточки: «Да, принял(а)», «Нет, пропущу», «Не помню».
|
||
Цвет выбора — бирюзовый (лекарства).
|
||
```
|
||
|
||
**D3 · Сон и кошмары**
|
||
```
|
||
Шаг 3 из 5. «Сколько часов вы спали этой ночью?» — четыре карточки «Меньше 4», «4–6», «6–8»,
|
||
«Больше 8». Ниже второй вопрос на том же экране: «Снились ли кошмары?» — «Да» / «Нет».
|
||
```
|
||
|
||
**D4 · Алкоголь**
|
||
```
|
||
Шаг 4 из 5. «Выпивали ли вы алкоголь вчера?» — «Нет», «1–2 порции», «Больше». Нейтральный тон,
|
||
без осуждения, подпись мелко: «Ответ видит только ваш врач».
|
||
```
|
||
|
||
**D5 · Пару слов**
|
||
```
|
||
Шаг 5 из 5. «Как прошёл день? Пару слов» — поле ввода на несколько строк, подсказка «Например:
|
||
плохо спал, болит голова». Кнопки «Отправить» и «Пропустить». Клавиатура открыта.
|
||
```
|
||
|
||
**D6 · Готово**
|
||
```
|
||
Итог отметки: «Спасибо, записали». Короткая сводка ответов без оценок: «Настроение 6 из 10 ·
|
||
Лекарство принято · Сон 6–8 часов». Строка «Ваш врач увидит отметку в карточке». Пример ответа
|
||
сервиса: карточка «Эффект препарата наступает не сразу — обычно через 2–4 недели». Кнопка «На главную».
|
||
```
|
||
|
||
**E1 · Напоминание о приёме**
|
||
```
|
||
Экран, открывающийся по уведомлению. Бирюзовый акцент. «09:00 · Время утреннего приёма». Название
|
||
препарата и «1 таблетка после еды» (без дозировок в мг). Три кнопки: основная «Принял(а)»,
|
||
вторичные «Пропущу» и «Есть побочные эффекты».
|
||
```
|
||
|
||
**B3 · Вопрос анкеты (универсальный экран)**
|
||
```
|
||
Экран одного вопроса анкеты. Сверху «Вопрос 3 из 20» с полосой прогресса, «Назад» и «Пауза».
|
||
Мелко период: «За последний месяц». Вопрос крупно: «Как часто вас беспокоили повторяющиеся
|
||
тревожные воспоминания о пережитом?». Пять карточек-вариантов: «Совсем нет», «Немного»,
|
||
«Умеренно», «Сильно», «Очень сильно». Без баллов рядом с ответами. Состояния: не выбрано; выбрано
|
||
«Умеренно». Отдельно экран паузы: «Можно продолжить позже — ответы сохранены».
|
||
```
|
||
|
||
**G2 · Кризисный экран**
|
||
```
|
||
Полноэкранный экран поддержки. Спокойный, не пугающий: белый фон, красный используется только для
|
||
кнопок звонка. Текст: «Мне очень жаль, что вам сейчас так тяжело. Вы не одни». Две крупные
|
||
кнопки звонка: «112 — если есть угроза жизни прямо сейчас» и «+7 (495) 989-50-50 — Психологическая
|
||
помощь МЧС, круглосуточно». Блок дыхания: круг, который плавно расширяется и сжимается, подпись
|
||
«Вдох на 4 счёта — выдох на 6». Внизу «Я рядом».
|
||
```
|
||
|
||
### Волна 2
|
||
|
||
**A1 · Выбор входа** (уже свёрстан, нужен улучшенный вариант)
|
||
```
|
||
Стартовый экран. Заголовок «Лечение продолжается и между приёмами», подзаголовок «Напомним о
|
||
лекарствах, раз в день спросим о самочувствии и сообщим врачу, если состоянию нужно внимание».
|
||
Две карточки выбора: «Через ЕМИАС» (метка «Рекомендуем», плюсы: назначения подгружаются
|
||
автоматически; врач видит ответы и получает сигнал при ухудшении; история на любом устройстве;
|
||
кнопка «Войти через ЕМИАС») и «Анонимно» (плюсы: не нужны имя, полис и телефон; опросы и помощь в
|
||
кризисе доступны; минусы: врач не видит ответы; история только на этом устройстве; кнопка
|
||
«Продолжить анонимно»). Отдельно десктоп 1440×1000.
|
||
```
|
||
|
||
**A2 · Вход через ЕМИАС**
|
||
```
|
||
Экран входа. Плашка «Демонстрационный режим: вход подтверждается одноразовым кодом, который врач
|
||
выдаёт на приёме». Поле «Код подключения от врача» и кнопка «Сканировать QR-код». Кнопка «Войти».
|
||
Ниже разделитель «или» и список «Демо-пациенты»: строка «Андрей С. · 13-й день терапии · Войти».
|
||
Состояния: ошибка «Код не подошёл. Проверьте написание или попросите врача выдать новый код».
|
||
```
|
||
|
||
**A3 · Анонимный вход**
|
||
```
|
||
«Анонимный вход». Три пункта с галочками: что доступно, что врач не видит, что нужно согласие.
|
||
Жёлтая плашка: «История привязана к этому устройству. Если вы выйдете, восстановить её будет нельзя».
|
||
Кнопка «Начать анонимно».
|
||
```
|
||
|
||
**A4 · Согласие на обработку данных**
|
||
```
|
||
Экран согласия (152-ФЗ). Заголовок «Перед началом нужно ваше согласие». Короткие блоки с иконками:
|
||
«Что обрабатываем» — ответы о самочувствии, сне, приёме лекарств; «Кто видит» — только ваш лечащий
|
||
врач; «Как отозвать» — в любой момент в профиле. Ссылка «Полный текст согласия». Кнопки «Согласен(на)»
|
||
и «Не согласен(на)» равного веса — без давления.
|
||
```
|
||
|
||
**A5 · Возраст**
|
||
```
|
||
«Вам уже исполнилось 18 лет?» Две карточки: «Да, мне 18 или больше», «Нет, мне меньше 18».
|
||
```
|
||
|
||
**A6 · Отказ или младше 18**
|
||
```
|
||
Спокойный информационный экран без упрёка: «Без согласия мы не можем сохранять ваши ответы. Если
|
||
передумаете — нажмите „Начать заново“». Блок «Если нужна помощь сейчас» с номерами. Вариант для
|
||
младше 18: «Сервис рассчитан на взрослых» и детский телефон доверия 8-800-2000-122.
|
||
```
|
||
|
||
**B1 · Вступление к анкете**
|
||
```
|
||
«Сначала несколько вопросов». Абзац «Многие после возвращения замечают проблемы со сном,
|
||
раздражительность, тревогу — это частая реакция, и с ней можно справиться». Раскрывающиеся
|
||
вопросы FAQ: «Зачем эти вопросы?», «Кто увидит ответы?», «Можно ли прерваться?». Подпись
|
||
«≈ 10 минут, можно с перерывами». Кнопка «Начнём».
|
||
```
|
||
|
||
**B2 · Травматический опыт**
|
||
```
|
||
«Был ли у вас опыт, связанный с угрозой жизни — вашей или других людей?» Карточки «Да», «Нет»,
|
||
«Не хочу отвечать». Деликатно, без подробностей события.
|
||
```
|
||
|
||
**B4 · Доступ к оружию**
|
||
```
|
||
«Есть ли у вас дома оружие?» Карточки: «Нет», «Да, у меня», «Да, хранится у других или в сейфе»,
|
||
«Не хочу отвечать». Отдельный кадр — блок о безопасном хранении: спокойный тон, совет хранить
|
||
оружие и патроны отдельно или передать на время близкому человеку.
|
||
```
|
||
|
||
**B5 · Итог анкеты**
|
||
```
|
||
«Спасибо, анкета заполнена». Без баллов и диагнозов: «Ваш врач получит результаты к следующему
|
||
визиту». Блок «Что дальше»: ежедневная отметка в 14:00, напоминания о приёме, повторная анкета
|
||
через 2 недели. Кнопка «Перейти на главную».
|
||
```
|
||
|
||
**E2 · Причина пропуска**
|
||
```
|
||
«Почему пропускаете приём?» Карточки: «Забыл(а)», «Побочные эффекты», «Решил(а) бросить», «Другое».
|
||
Подпись: «Ответ поможет врачу подобрать лечение».
|
||
```
|
||
|
||
**E3 · Побочные эффекты**
|
||
```
|
||
«Что беспокоит?» Чипы с множественным выбором: тошнота, бессонница, сонливость, головная боль,
|
||
снижение аппетита, другое. При «Другое» — поле ввода. Кнопка «Отправить».
|
||
```
|
||
|
||
**E4 · Моя схема (вкладка «Лекарства»)**
|
||
```
|
||
Вкладка «Лекарства». Карточка препарата: название, «1 таблетка утром после еды», время 09:00.
|
||
Полоса отметок за 7 дней: принято / пропущено / нет отметки. Блок «Вопрос о лекарстве».
|
||
Строка «Схему меняет только ваш врач».
|
||
```
|
||
|
||
**E5 · Вопрос о лекарстве**
|
||
```
|
||
Поле вопроса и пример ответа: карточка «По инструкции к препарату: …» с подписью источника
|
||
«Инструкция ГРЛС». Внизу всегда: «Не меняйте схему приёма самостоятельно — решения принимает врач».
|
||
Состояние «В инструкции нет ответа — уточните у врача».
|
||
```
|
||
|
||
**F1 · Написать врачу**
|
||
```
|
||
«Сообщение врачу». Поле ввода, подсказка «Врач ответит в рабочее время». Красная плашка: «Если
|
||
помощь нужна сейчас — звоните 112». Кнопка «Отправить». Экран успеха: «Сообщение передано».
|
||
```
|
||
|
||
**F2 · Следующий визит**
|
||
```
|
||
Дата и время визита, врач, адрес поликлиники. Список «Что обсудить на приёме» — можно добавить
|
||
свой пункт. Кнопка «Добавить в календарь».
|
||
```
|
||
|
||
**G1 · Нужна помощь** (шторка снизу)
|
||
```
|
||
Нижняя шторка поверх любого экрана: «Если вам сейчас очень тяжело». Две крупные строки звонка с
|
||
номерами 112 и +7 (495) 989-50-50, кнопка «Позвонить» у каждой.
|
||
```
|
||
|
||
**G3 · План безопасности**
|
||
```
|
||
«Мой план безопасности». Шаги: «Мои тревожные сигналы», «Что мне помогает успокоиться», «Кому я
|
||
могу позвонить» (контакты), «Куда обратиться» (номера служб). Каждый шаг можно редактировать.
|
||
```
|
||
|
||
**G4 · Вопросы о безопасности**
|
||
```
|
||
Экран вопроса из опросника риска. Очень спокойная подача, без красного цвета. Подпись: «Мы
|
||
спрашиваем об этом всех — это помогает вовремя поддержать». Ответы «Да» / «Нет».
|
||
```
|
||
|
||
**H1 · Профиль**
|
||
```
|
||
Вкладка «Профиль». Способ входа (ЕМИАС или анонимно). Для анонимного — кнопка «Подключить ЕМИАС».
|
||
Настройки: время ежедневной отметки, уведомления о приёме. Разделы «Мои данные и согласие», «Выйти».
|
||
```
|
||
|
||
**H2 · Данные и согласие**
|
||
```
|
||
«Мои данные». Дата согласия, ссылка на текст. Кнопка «Отозвать согласие» с подтверждением:
|
||
«Обработка ответов прекратится, данные будут помечены к удалению». Для анонимного — «Удалить мои данные».
|
||
```
|
||
|
||
**I1 · Сообщения**
|
||
```
|
||
Вкладка «Сообщения» — чат с помощником. Сообщения помощника слева на белом, ответы пациента справа
|
||
на синем. Кнопки ответа под сообщением — карточками. Поле ввода внизу.
|
||
```
|
||
|
||
**S1–S4 · Системные состояния**
|
||
```
|
||
Четыре кадра: загрузка (скелетон главной); нет сети («Нет соединения — ответы отправятся, когда
|
||
появится сеть», кнопка «Нужна помощь» работает); ошибка («Не удалось загрузить. Повторить»);
|
||
сессия истекла («Войдите снова»).
|
||
```
|
||
|
||
---
|
||
|
||
## 6. Чек-лист приёмки
|
||
|
||
- [ ] Все кадры 390×844, имена файлов по ID.
|
||
- [ ] Цвета, шрифт и скругления — из раздела 3.
|
||
- [ ] Кнопка «Нужна помощь» на каждом экране, кроме кризисного (там она заменена звонками).
|
||
- [ ] Нигде нет баллов анкет, диагнозов и логотипов ЕМИАС, mos.ru, Госуслуг.
|
||
- [ ] Тексты реальные, на русском; у вопросов есть выбранное состояние.
|
||
- [ ] Кнопки не ниже 48 px; текст не мельче 12 px.
|