Как в Bezier разрабатывали веб-игры для детей с ОВЗ

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

У клиентки уже были идея и содержание занятий. Мы взяли на себя дизайн и программную реализацию, а по ходу работы обсуждали с ней оформление, озвучку и промежуточные версии сайта.

Управление и темп взаимодействия

Потребности у детей с ОВЗ различаются: кому-то сложнее точно попасть в небольшую кнопку, кому-то нужно больше времени на действие. Поэтому мы обращали внимание на отдельные препятствия, которые можно убрать средствами дизайна и разработки.

Для оформления выбрали спокойную палитру, сделали крупные кнопки, визуально разделили задание, подсказки и действия. В кнопке важен и размер области нажатия: попасть в неё пальцем должно быть удобно.

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

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

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

Два голоса и работа над иллюстрациями

Для озвучки сгенерировали два голоса. В настройках можно выбрать, какой из них будет звучать в играх. Оба варианта обсуждали с автором проекта.

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

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

Внимательно рассматривали, как выглядит поза, на своём ли месте детали, не появилось ли чего-то лишнего. Хотелось получить аккуратные иллюстрации в одном стиле, без случайных артефактов и того самого «нейрослопа».

Мобильная версия и загрузка

Управление адаптировали под мышь и касания, предусмотрели обработку действий с клавиатуры. Мобильную версию обсуждали с автором проекта по скриншотам с её телефона: уточняли расположение кнопки. По ходу работы также заметили, что шрифт отображается не так, как планировалось.

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

Мы старались собрать всё это в среду, где ребёнок может действовать в своём темпе и получать понятный отклик.

Мы открыты к новым заказам и готовы с головой погрузиться в вашу прикладную область. Если вы ищете команду для разработки сайта или веб-сервиса, напишите нам. Разберёмся, как устроена ваша работа, кому нужен продукт и какие задачи он должен решать.