Корректное отображение

Пункт 1.10 Требований к игре

Игра корректно отображается, в том числе при изменении размера окна:

  1. Масштаб активного поля не выходит за рамки экрана, элементы не обрезаются.

  2. Отсутствует браузерная прокрутка страницы (системный скроллбар окна браузера) или swipe-to-refresh. При этом допустимо реализовать собственную прокрутку контента средствами игры.

  3. Внутренние элементы и тексты не накладываются друг на друга и не перекрывают другие элементы.

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

Обрезка и наложение

Чтобы требование считалось выполненным, должны быть соблюдены два условия:

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

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

1.10.3. Наложение одного объекта на другой допустимо, только если наложение небольшое и не влияет на читабельность и кликабельность элемента. Если перекрыта значительная площадь какого-либо объекта или это мешает считывать элемент или взаимодействовать с ним, в публикации будет отказано.

Нельзя перекрывать или обрезать:

  • кнопки;
  • тексты;
  • значимые элементы (например, игровые объекты, препятствия, шкалы и индикаторы);
  • предупреждения о рекламе.

Все эти элементы должны быть хорошо заметны и легко читаться на всех заявленных платформах и в разных разрешениях.

Совет

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

Если вы хотите зафиксировать ориентацию экрана на телефоне, сделайте это в Консоли разработчика.

Обрезка

Критичная

Модерация отклонит заявку на публикацию игры или удалит приложение из каталога, если важный элемент интерфейса критично обрезан. Объект считается таким, если из-за того, что его часть скрыта:

  • им неудобно пользоваться;
  • его плохо видно;
  • тяжело понять его значение;
  • обрезка влияет на кликабельность объекта.

Скриншот

Комментарий

С обрезкой

Скриншот игры, справа видна часть списка пород кошек, слева — небольшая часть игрового поля крупным планом.

Без обрезки

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

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

Скриншот игры, в верхнем левом углу видна нижняя часть надписи «Счет: 0,0», в правом верхнем углу — надпись «Назад».

Счет игры виден не полностью. Все достижения должны быть отчетливы видны и хорошо читаемы.

Скриншот инвентаря в игре, одна из кнопок в верхней части экрана практически не видна: две трети кнопки обрезаются границей экрана.

Значительная часть кнопки не видна, поэтому сложно понять, за какое действие она отвечает.

Скриншот игры, в нижней части экрана видна только половина надписи «Реклама через 2».

Предупреждение о рекламе сильно обрезано и плохо читается.

Скриншот вкладки «Скины» в магазине игры, предлагаемые скины для машин и их ценники видны полностью, но кнопка ниже и надпись на ней видны только наполовину.

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

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

Основной контент игры — картинки, часть из них сильно обрезана.

Скриншот игры: три кнопки в нижней части экрана видны только наполовину.

Важные кнопки видны только частично, за что отвечают две из них неочевидно. Пользоваться кнопками будет неудобно.

Скриншот игры: кнопка в нижней части экрана наполовину обрезана, значительная часть текста не видна.

Текст на нижней кнопке находится за рамкой экрана и не читается.

Скриншот игры: видна только левая половина экрана с итогами игровой сессии, значительная часть текста не видна.

На экран телефона не влезает текст о проигрыше, его тяжело прочитать.

Скриншот игры-викторины: 4 варианта ответа расположены в строке с большими промежутками между ними. Два варианта ответа по бокам видны лишь частично, значительная часть текста обрезается границами экрана.

Варианты ответа в викторине сильно обрезаны, текст на крайних кнопках нечитаем.

Скриншот игры: края экрана скрывают несколько элементов интерфейса, видимыми остаются только их края.

Не видно значительную часть кнопки и количество ресурсов.

Скриншот игры: в нижнем правом углу видна верхняя часть надписи «Старт».

Кнопка Старт видна плохо.

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

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

Скриншот игры: информация об игровом персонаже в правой части экрана частично обрезана краем экрана.

Важный для игры текст частично скрыт и его трудно прочитать.

Скриншот игры: в верхней части экрана в левом и правом углу расположены элементы интерфейса с текстами «Баланс:» и «Время» соответственно, но они частично скрыты за границами экрана. Кнопка в правом нижнем углу практически не видна.

Баланс и таймер видны не полностью, одна из кнопок вынесена за пределы экрана.

Незначительная

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

Скриншот

Комментарий

Скриншот викторины: под текстом расположены два эмодзи — «большой палец вверх» и «большой палец вниз», они частично скрыты снизу.

Реакции под текстом видны не полностью, но на их понятность и кликабельность обрезка не повлияла.

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

В викторине обрезаны края форм ответов, но тексты не пострадали.

Скриншот игры: кнопка в виде круговой стрелки в левом верхнем углу незначительно обрезана (часть наконечника стрелки скрыта).

Немного обрезана кнопка Заново, но она легко считывается и на нее несложно нажать.

Скриншот экрана окончания игровой сессии: кнопка «Начать заново» в нижней части экрана незначительно обрезана, но текст виден полностью.

Начать заново — важная кнопка, но она обрезана несильно, так что менее понятной или кликабельной она не стала.

Скриншот экрана окончания игровой сессии: надпись «Игра закончена» в верхней части экрана незначительно обрезана сверху.

Надпись об окончании игры видна не полностью, но текст понятен.

Наложение

Критичное

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

Скриншот

Комментарий

Скриншот экрана окончания игровой сессии: кнопка «Воскрешение» перекрывает половину другой кнопки, так что видна только часть текста на ней — «ться».

Текст на кнопке перекрывается другой кнопкой, его невозможно прочитать.

Скриншот пасьянса: карта в левом верхнем углу на 2/3 скрыта под элементом интерфейса с текстом «Очки 0».

Половина карты скрыта за счетчиком очков. Наложение критичное, так как значение на скрытой части карты важно для игрового процесса.

Скриншот магазина скинов в игре: текст на кнопках под несколькими скинами частично перекрывается значком видео, и видна только часть слова, «осить».

Значок, который обозначает рекламу, накладывается на текст кнопки и сильно мешает его прочитать.

Скриншот экрана награды в игре: в центре экрана изображение коробки, подпись ниже полностью скрыта под кнопкой «Смотреть рекламу».

Кнопка для просмотра рекламы полностью перекрывает описание награды. Это негативно влияет на мотивацию пользователя посмотреть рекламу.

Скриншот экрана окончания игровой сессии: поверх текста «Кликни, чтобы начать сначала» размещен текст «Счет 2», что существенно затрудняет чтение.

Тексты на экране проигрыша накладываются друг на друга, их трудно прочесть.

Скриншот игры: поверх игровой карты с различными объектами на ней расположен раздел «Покупки». Так как фон раздела «Покупки» прозрачный, тексты и иконки этого раздела накладываются на элементы интерфейса игрового поля.

Описание ресурсов игры находится на одном слое и фоне с игровым полем. Из-за этого читать текст сложно, а играть — неудобно.

Скриншот викторины: текст вопроса в верхней части экрана накладывается сам на себя — поверх «Сколько аниматроников во» расположена надпись «FNaF» и разобрать слова «аниматроников» и «FNaF» становится практически невозможно.

Текст вопроса викторины накладывается сам на себя и становится нечитаемым. В викторине текст — основной контент игры.

Скриншот викторины: кнопка «В меню» в нижнем левом углу скрыта за изображением персонажа.

Перекрытие кнопки Меню влияет на ее доступность.

Незначительное

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

Скриншот

Комментарий

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

Кнопки уровней пересекаются, но надписи читаемые и пересечение не влияет на кликабельность. Ошибка некритичная.

Скриншот игры: текст на кнопке «Следующая» незначительно перекрыт окружением игры.

Текст на кнопке Следующая частично перекрыт, но он интуитивно понятен, а кнопка кликабельна.

Скриншот игрового туториала: иллюстрации справа от текста частично перекрыты рекламой, но смысл понятен.

Картинки частично перекрыты, но тексты в порядке, так что перекрытие не мешает игровому процессу.

Скриншот игры: значок настроек незначительно скрыт за другим элементом интерфейса.

Частично перекрыта кнопка настроек, но на понятность и кликабельность кнопки это не влияет.

Скриншот игрового меню: название игры незначительно перекрыто текстом «Играть».

Название игры и текст кнопки запуска немного пересекаются, но оба легко читаются, а использовать кнопку по-прежнему удобно.

Проверка адаптивности игры

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

Скачать PNG-изображения для проверки

Скачать все (ZIP, 334 КБ)

Логика проверки

  1. Открыть окно с игрой и вписать в зеленый прямоугольник. Соотношение его сторон — 16:9.
  2. Ужать окно браузера на 20% по отдельным осям (до границы красного прямоугольника).
  3. Вписать окно браузера в красный прямоугольник.

Если при этих действиях игра отображается некорректно, она не будет допущена к публикации.

Примеры проверки

Действия

Игровое поле

Комментарий

Уменьшить ширину игровой области.

Видео изменения игровой области: при уменьшении размера окна кнопки «Обратно» и «Линии: 0» значительно обрезаются и текст становится нечитаемым.

Когда изменяется соотношение сторон, кнопки слева обрезаются и надписи на них становится невозможно прочитать.

Уменьшить высоту игровой области.

Скриншот игры: счет игры почти полностью скрыт за персонажем.

Из-за маленькой высоты игрового поля на экране не помещаются все важные элементы и кошачья голова почти полностью перекрывает счет игрока.

Прокрутка и swipe-to-refresh

1.10.2. Перед отправкой игры на модерацию проверьте, чтобы в игре не было системного скроллбара окна браузера или функции swipe-to-refresh. Вы можете использовать собственные средства прокрутки в игре.

Прокрутка

Важно

При проверке требования нужно обращать внимание только на системный скроллбар.

Как отличить прокрутку:

  • Браузерная (системная) доступна из любого места игры, так как прокручивается само окно с игрой.

  • Внутриигровая прокручивает отдельно какой-либо элемент или меню внутри игры.

Во время загрузки игры проверьте ее на наличие прокрутки:

  • В браузере на компьютере на масштабах в диапазоне от 80% до 125%. Если скроллбар появляется вне указанного диапазона, то это не нарушение.

  • На мобильном устройстве. Особенности:

    • На мобильных устройствах прокрутка может появляться справа от стики-баннеров: после выхода из полноэкранного режима (особенно в iOS Safari) стики-баннер не уменьшается и появляется скроллбар.

    • В процессе загрузки игры прокрутка может появиться при смахивании. После полной загрузки она должна исчезать или оставаться только на стики-баннере. При отключении стики-баннера скроллбар должен отсутствовать.

Swipe-to-refresh

Наличие функции swipe-to-refresh расценивается как нарушение требований по браузерной прокрутке. Убедитесь, что эта функция отключена.

Игра

Причина отказа к публикации

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

В игре присутствует функция swipe-to-refresh.

Связаться с модерацией

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

Служба контроля качества модерации перепроверит решение и вернет игру, если она была заблокирована несправедливо.

Открыть форму
Предыдущая
Сохранение прогресса
Следующая
Монетизация РСЯ