Доступность в мобильных играх: colorblind-friendly и не только

Игра готова и выглядит отлично, но через пару дней друг жалуется: на телефоне попасть пальцем в кнопку «Вправо» невозможно, а красное яблоко на зелёном фоне сливается для него в одно пятно. Это не капризы — это вопросы доступности. Когда игра удобна не только идеальному игроку в идеальных условиях, ею играют чаще, дольше и с бóльшим удовольствием. Разберём четыре простых правила доступности мобильных игр — их легко применить, даже если ты только начинаешь.

Что такое доступность и зачем она тебе

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

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

Colorblind-friendly: не верь только цвету

Цветовая слепота — это не полная слепота, а нарушение восприятия цветов. По разным оценкам, около 8% мужчин и 0,5% женщин имеют ту или иную форму дальтонизма. В аудитории мобильной игры это тысячи людей. Если статус врага передаётся только красным цветом, часть игроков его просто не увидит.

Правило: кодируй информацию не одним цветом

В «Змейке» у тебя есть яблоко — еда, и змейка — игрок. Если яблоко красное, а змейка зелёная, для человека с протанопией (слепота на красный) они могут сливаться. Что делать:

• Добавь форму: яблоко — круг с хвостиком, сегмент змейки — квадрат или закруглённый прямоугольник.
• Используй иконку или символ поверх объекта.
• Для разных режимов давай разные текстуры или обводку.

Это не значит, что цвет нужно убрать. Цвет важен, но он не должен быть единственным сигналом.

Как проверить самому

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

Размер тач-целей: пальцы не точные

На десктопе клик мышью точный. На телефоне палец закрывает часть экрана, дрожит в транспорте, промахивается. Если кнопка управления «Змейкой» 20×20 пикселей, игрок будет в неё промахиваться и злиться.

Правило: минимум 44–48 dp в сторону

Apple рекомендует тач-цели не менее 44×44 точек, Google — 48×48 dp (density-independent pixels, независимые от плотности пиксели). Это минимум. В идеале кнопки управления в игре должны быть больше, а расстояние между ними — таким, чтобы случайно не нажать сразу две.

Для «Змейки» это значит:

• Стрелки управления — не меньше 48×48 dp каждая.
• Между стрелками зазор хотя бы 8 dp.
• Зона нажатия может быть больше видимой кнопки: визуально кнопка 40×40, но область касания 56×56.

Практический совет

Возьми свой телефон, запусти игру и попробуй управлять, держа устройство одной рукой. Если хотя бы раз в минуту промахиваешься — кнопки маленькие.

Контраст: читабельность в любых условиях

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

Правило: соотношение не менее 4,5:1 для текста

WCAG (Web Content Accessibility Guidelines) — рекомендации по доступности веб-контента — устанавливают минимальное соотношение контраста 4,5:1 для обычного текста и 3:1 для крупного. Для игровых элементов правило то же: важный текст и иконки должны отличаться от фона не только цветом, но и яркостью.

В «Змейке» проверь:

• Цвет счёта на игровом поле.
• Текст кнопок в меню.
• Цвет еды и препятствий на фоне клеток.

Если серый текст на тёмно-сером фоне читается только при хорошем освещении — контраст слишком низкий.

Как быстро проверить

Проверь игру на минимальной яркости экрана и на максимальной, на улице и в комнате. Если в каком-то режиме что-то теряется — подними контраст. Есть онлайн-инструменты, которые по цвету считают соотношение автоматически.

Пауза: не заставляй играть насильно

Мобильная игра — это не кинозал. Игрок может отвлечься на сообщение, зайти в метро, позвонить курьер. Если игра не умеет ставиться на паузу или не сохраняет прогресс, это раздражает и отбивает желание возвращаться.

Правило: всегда давай паузу и сохраняй состояние

В «Змейке» уже есть localStorage для рекорда. Можно пойти дальше:

• Кнопка паузы всегда видна или доступна через системный жест.
• При сворачивании приложения игра автоматически ставится на паузу.
• После паузы игрок видит кнопку «Продолжить», а не сразу возобновляет движение — иначе змейка врежется в стену, пока он готовился.
• Для длинной сессии можно сохранять текущее состояние поля, чтобы при перезапуске браузера можно было продолжить.

Это особенно важно для людей с моторными нарушениями или тем, кто играет в нестабильных условиях.

Как применить это к «Змейке» прямо сейчас

Открой текущую версию игры и пройди по чек-листу:

1. Цвет. Есть ли объекты, которые отличаются только цветом? Добавь форму, иконку или текстуру.
2. Кнопки. Все ли тач-цели управления не меньше 44–48 dp? Если нет — увеличь.
3. Контраст. Видны ли счёт, текст меню и игровые объекты при ярком солнце и в тёмной комнате?
4. Пауза. Можно ли остановить игру одним касанием? Сохраняется ли прогресс?

Эти четыре пункта не требуют сложного кода. Их можно реализовать промптами для ИИ-ассистента, просто чётко описав задачу: «Сделай управление «Змейкой» доступнее: увеличь кнопки до 48 dp, добавь иконки направлений поверх стрелок, сделай паузу по кнопке и автопаузу при сворачивании».

Заключение

Доступность — это не отдельная фича, которую добавляют в конце. Это качество, которое проявляется в каждой детали: в том, как выглядят объекты, как реагируют кнопки, как игра ведёт себя, когда игрок отвлёкся. Четыре правила — цвет не один, тач-цели большие, контраст высокий, пауза всегда под рукой — закрывают большинство базовых проблем.

Если ты проходишь курс skillmake и работаешь над «Змейкой» в модуле 4, это идеальный момент внедрить эти приёмы. Игра станет удобнее не для кого-то абстрактного, а для тебя самого, когда будешь тестировать её в метро, на улице или лёжа в кровати. А чем удобнее игра, тем охотнее в неё будут играть другие.