Vladyslav Didyk

Gambit — Анкета пацієнта івритом

Анкета івритом для медичної програми — чотири шляхи пацієнта, одна проста форма.

Gambit — Анкета пацієнта івритом

Gambit — це анкета для пацієнтів івритом, з письмом справа наліво, із чотирма сценаріями для різних пацієнтів. Відповіді потрапляють у Google Sheet. Я сам спроєктував і створив її за три тижні у 2023 році.

Анкета первинного прийому івритом для програми скринінгу раку, пов'язаного з BRCA. Вона зустрічає чотири типи пацієнтів — людей, які лише думають про тестування, носіїв гена, пацієнтів на лікуванні та людей у відновленні — і ставить кожній групі правильні запитання в правильному тоні. Відповіді потрапляють у Google-таблицю, з якою клініка вже вміє працювати. Увесь сайт читається справа наліво, бо все на ньому — івритом.

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

Завдання

Один інструмент прийому — чотири дуже різні розмови.

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

Gambit — це інструмент первинного прийому івритом для програми скринінгу раку, пов'язаного з BRCA. Він має говорити з чотирма людьми на дуже різних точках одного й того ж шляху: з тим, хто ніколи не тестувався; з тим, хто щойно дізнався, що є носієм гена; з тим, хто на активному лікуванні; і з тим, хто у відновленні. Однакові запитання були б хибними для всіх чотирьох. Як і однаковий тон.

Яким він має бути.

Тихим. Передусім івритом. Справа наліво. Достатньо коротким, щоб пройти за один присіст; достатньо структурованим, щоб зібрати все потрібне клініці; і достатньо м'яким, щоб людина з онкозахворюванням не відчувала, що відповідає на спливне опитування. І достатньо простим, щоб невелика організація вела його без інженерної команди.

Сценарії

Чотири шляхи, один рушій.

Оберіть плитку — отримайте свої запитання.

Стартова сторінка показує чотири плитки. Дотик до однієї відкриває вікно, що проводить вас запитаннями цього шляху, по одному за раз, і завершується короткою контактною формою. Чотири різні розмови — але за лаштунками їх усі веде один спільний рушій.

Запитання живуть у списку, а не в коді.

Кожне запитання лежить в одному простому файлі: його текст, тип відповіді (так/ні, прапорці, дата, вільний текст) і необов'язкове уточнення — «якщо так, то хто?». Змінити анкету означає відредагувати цей список, а не сам застосунок. Для зміни формулювання розробник не потрібен.

Під капотом

Чотири рухомі частини, кожна з однією роллю.

Свідомо просто.

Поки ви заповнюєте форму, застосунок відстежує чотири речі: ваші відповіді на цей момент; чи відповіли ви на поточне запитання (саме це розблоковує кнопку «Далі»); на якому ви кроці; і чиє вікно шляху відкрите. Кожна частина має рівно одну роль, укладена у фіксованому порядку — про неї легко міркувати й важко її зламати.

Чотири частини.

  • Відповіді — Усе, що ви заповнили досі, — саме це наприкінці стає рядком у Google-таблиці.
  • Перевірка «чи можу я продовжити?» — Одне значення так/ні: чи відповіли на поточне запитання? Кнопка «Далі» читає лише це й нічого більше.
  • Лічильник кроків — На якому ви запитанні. «Назад» і «Далі» його рухають; форма йде слідом.
  • Відкрите вікно — Чиє вікно шляху зараз на екрані. Плитки на старті його задають; вікно його читає.

Куди потрапляють відповіді

Google-таблиця — це весь бекенд.

Без бази даних, навмисно.

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

Ключі лишаються на сервері.

З'єднання з Google використовує приватний ключ. Цей ключ живе лише на сервері й ніколи не потрапляє в браузер відвідувача — невелика технічна турбота, що тримає просту систему ще й безпечною.

Мова

Кожне слово івритом має значення.

Справа наліво, скрізь.

Кожен підпис, кнопка й заголовок — івритом, а вся розкладка читається справа наліво. Це задано один раз на верхньому рівні, тож кожна частина сторінки автоматично успадковує правильний напрям читання.

Слова, що не мають дрейфувати.

Переформулювати запитання в медичній формі — не косметична зміна: воно змінює те, про що питають уразливу людину. Деякі зміни в історії цього проєкту існують лише для того, щоб виправити один пробіл чи кому в одному підписі івритом. Правило: ставитися до кожного слова як до важливого й змінювати лише те, про що клініка попросила прямо.

Практичний вибір

Дві версії одного дизайн-набору поряд.

Стабільність важливіша за охайність.

У проєкті одночасно використано дві версії одного дизайн-набору — старіші екрани на старій, новіші на новій. Оновити все до однієї версії означало б перетестувати кожен шлях пацієнта, а перетестувати медичну анкету — завдання не з малих. Тож кожен екран лишається з тією версією, з якою його зробили. Стабільність перемагає.

Наступний проєкт: Pixel — Діагностика екрана