Vladyslav Didyk

Gambit — приём пациентов на иврите

Анкета на иврите для программы здоровья: четыре пути пациента, одна простая форма.

Gambit — приём пациентов на иврите

Gambit — анкета приёма пациентов на иврите, с письмом справа налево и четырьмя путями пациента. Ответы попадают в Google Таблицу. Я сам спроектировал и сделал её за три недели в 2023 году.

Страница приёма на иврите для программы скрининга рака BRCA. Она встречает четыре вида пациентов — тех, кто думает о тестировании, носителей гена, пациентов на лечении и тех, кто выздоравливает, — и задаёт каждой группе нужные вопросы в нужном тоне. Ответы попадают в Google Таблицу, с которой клиника уже умеет работать. Весь сайт читается справа налево, потому что весь он на иврите.

Роль
Один — дизайн и код
Сроки
3 недели
Стек
Next.js 13 · React · MUI v4 · MUI v5 · Emotion · google-spreadsheet · Netlify

Задача

Один инструмент приёма — четыре очень разных разговора.

Для кого анкета.

Gambit — инструмент приёма на иврите для программы скрининга рака BRCA. Он должен говорить с четырьмя людьми на очень разных этапах одного пути: с тем, кто ни разу не проходил тест, с тем, кто только что узнал, что несёт этот ген, с тем, кто на активном лечении, и с тем, кто выздоравливает. Одни и те же вопросы были бы неверны для всех четверых. Как и один и тот же тон.

Каким он должен быть.

Тихим. С приоритетом иврита. Справа налево. Достаточно коротким, чтобы пройти за один раз, достаточно структурированным, чтобы собрать то, что нужно клинике, и достаточно мягким, чтобы человек с раком не отвечал на всплывающую викторину. И достаточно простым, чтобы небольшая организация вела его без команды инженеров.

Сценарии

Четыре пути, один движок.

Выберите плитку — получите свои вопросы.

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

Вопросы живут в списке, а не в коде.

Каждый вопрос лежит в одном простом файле: его текст, тип ответа («да/нет», флажки, дата, свободный текст) и необязательный уточняющий вопрос — «если да, кто?». Чтобы изменить анкету, нужно править этот список, а не само приложение. Разработчик для правки формулировки не нужен.

Под капотом

Четыре подвижные части, у каждой одна задача.

Намеренно просто.

Пока вы заполняете форму, приложение отслеживает четыре вещи: ваши ответы на данный момент, есть ли ответ на текущий вопрос (это открывает кнопку «Далее»), на каком вы шаге и окно какого пути открыто. У каждой части ровно одна задача, они уложены в строгом порядке — легко понять и трудно сломать.

Четыре части.

  • Ответы — Всё, что вы заполнили на данный момент, — именно это в конце становится строкой в Google Таблице.
  • Проверка «можно продолжать?» — Одно значение «да/нет»: есть ли ответ на текущий вопрос? Кнопка «Далее» читает его и больше ничего.
  • Счётчик шагов — На каком вы вопросе. «Назад» и «Далее» двигают его, форма следует за ним.
  • Открытое окно — Окно какого пути сейчас на экране. Плитки на стартовой странице задают его, окно читает.

Куда идут ответы

Google Таблицы — это весь бэкенд.

Базы данных нет — намеренно.

Ни базы данных, ни панели администратора нет. Когда пациент заканчивает, ответы добавляются новой строкой в Google Таблицу. Клиника открывает эту таблицу и видит новые анкеты — тем же инструментом, которым уже пользуется для всего остального. Ничему новому учиться и ничего нового поддерживать не нужно.

Ключи остаются на сервере.

Подключение к Google использует закрытый ключ. Этот ключ лежит только на сервере и никогда не попадает в браузер посетителя — небольшая техническая забота, благодаря которой простое решение остаётся ещё и безопасным.

Язык

Важно каждое слово иврита.

Справа налево — везде.

Каждая подпись, кнопка и заголовок на иврите, и вся раскладка читается справа налево: направление задано один раз на верхнем уровне, поэтому каждая часть страницы автоматически наследует правильное направление чтения.

Слова, которые не должны расходиться.

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

Практичный выбор

Две версии одного набора дизайна рядом.

Стабильность важнее аккуратности.

Проект использует сразу две версии одного набора компонентов дизайна: старые экраны используют старую, новые — новую. Обновить всё до одной версии означало бы заново тестировать каждый путь пациента, а повторное тестирование медицинской анкеты — задача не из малых. Поэтому каждый экран остаётся на той версии, с которой был сделан. Стабильность побеждает.

Следующий проект: Pixel — диагностика экрана