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