# Запрос на мокапы: приложение пациента «Сопровождение пациента» Хакатон 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.