Пояснение к пункту требований 1.10
Пункт требований 1.10
Игра корректно отображается, в том числе при изменении размера окна:
-
Масштаб активного поля не выходит за рамки экрана, элементы не обрезаются.
-
Отсутствует браузерная прокрутка страницы (системный скроллбар окна браузера) или swipe to refresh. При этом допустимо реализовать собственную прокрутку контента средствами игры.
-
Внутренние элементы и тексты не накладываются друг на друга и не перекрывают другие элементы.
-
Возможно управлять игрой одной рукой и постоянно находиться на основной сцене без дополнительных прокруток или смахиваний. Допускаются перемещения внутреннего игрового поля в стратегиях, ролевых играх и прочих жанрах с большим игровым полем.
Обрезка и наложение
Чтобы требование считалось выполненным, должны быть соблюдены два условия:
- Все важные элементы видны так, что смысл каждого из них понятен.
- Всеми элементами удобно пользоваться.
1.10.1. Если элемент обрезается границами игровой области, это не должно влиять на его распознаваемость и кликабельность, то есть обрезка должна быть незначительной. Если элемент обрезан критично, его смысл неочевиден и пользоваться им неудобно или невозможно, то модерация не допустит приложение к публикации или удалит его из каталога.
1.10.3. Наложение одного объекта на другой допустимо, только если наложение небольшое и не влияет на читабельность и кликабельность элемента. Если перекрыта значительная площадь какого-либо объекта или это мешает считывать элемент или взаимодействовать с ним, в публикации будет отказано.
Нельзя перекрывать или обрезать:
- кнопки;
- тексты;
- значимые элементы (например, игровые объекты, препятствия, шкалы и индикаторы);
- предупреждения о рекламе.
Все эти элементы должны быть хорошо заметны и легко читаться на всех заявленных платформах и в разных разрешениях.
Совет
Вы можете проверить игру на соответствие этим требованиям самостоятельно. Для этого откройте приложение на разных устройствах: в окне разного размера на ноутбуке или компьютере, в альбомной и портретной ориентациях на телефоне. Чтобы проверить мобильную версию приложения без телефона, используйте инструменты разработчика в десктопном браузере.
Если вы хотите зафиксировать ориентацию экрана на телефоне, сделайте это в консоли разработчика.
Обрезка
Критичная
Модерация отклонит заявку на публикацию игры или удалит приложение из каталога, если важный элемент интерфейса критично обрезан. Объект считается таким, если из-за того, что его часть скрыта:
- им неудобно пользоваться;
- его плохо видно;
- тяжело понять его значение;
- обрезка влияет на кликабельность объекта.
Скриншот |
Комментарий |
С обрезкой Без обрезки |
На первом изображении видно, что на мобильной платформе сильно обрезается игровое поле и взаимодействовать с приложением невозможно. На второй картинке кликабельные стрелки и текст видны полностью. |
|
Счет игры виден не полностью. Все достижения должны быть отчетливы видны и хорошо читаемы. |
|
Значительная часть кнопки не видна, поэтому сложно понять, за какое действие она отвечает. |
|
Предупреждение о рекламе сильно обрезано и плохо читается. |
|
Кнопки магазина видны лишь частично, текст на них не читается. Часть контента игры недоступна. |
|
Основной контент игры — картинки, часть из них сильно обрезана. |
|
Важные кнопки видны только частично, за что отвечают две из них неочевидно. Пользоваться кнопками будет неудобно. |
|
Текст на нижней кнопке находится за рамкой экрана и не читается. |
|
На экран телефона не влезает текст о проигрыше, его тяжело прочитать. |
|
Варианты ответа в викторине сильно обрезаны, текст на крайних кнопках нечитаем. |
|
Не видно значительную часть кнопки и количество ресурсов. |
|
Кнопка Старт видна плохо. |
|
В визуальной новелле сильно обрезан текст, хотя он является основным контентом в играх этого жанра. |
|
Частично скрытый текст важен для игры, но его трудно прочитать. |
|
Таймер и достижения видны не полностью, одна из кнопок вынесена за пределы экрана. |
Незначительная
Если элемент интерфейса виден не полностью, но при этом легко считывается и им несложно пользоваться, то его обрезка будет считаться незначительной. Модерация одобрит такую игру, так как обрезка не будет влиять на кликабельность объектов интерфейса.
Скриншот |
Комментарий |
|
Реакции под текстом видны не полностью, но на их понятность и кликабельность обрезка не повлияла. |
|
В викторине обрезаны края форм ответов, но тексты не пострадали. |
|
Немного обрезана кнопка Заново, но она легко считывается и на нее несложно нажать. |
|
Начать заново — важная кнопка, но она обрезана несильно, так что менее понятной или кликабельной она не стала. |
|
Надпись об окончании игры видна не полностью, но текст понятен. |
Наложение
Критичное
Игры, где перекрытие объектов ухудшает пользовательский опыт, модерация снимает с публикации или не допускает до нее. Пользователю должно быть удобно пользоваться приложением, все элементы интерфейса должны быть хорошо видны, а их значение — интуитивно понятно. Иначе наложение повлияет на кликабельность элементов и будет считаться критичным.
Скриншот |
Комментарий |
|
Текст на кнопке перекрывается другой кнопкой, его невозможно прочитать. |
|
Половина карты скрыта за счетчиком очков. Наложение критичное, так как значение на скрытой части карты важно для игрового процесса. |
|
Значок, который обозначает рекламу, накладывается на текст кнопки и сильно мешает его прочитать. |
|
Кнопка для просмотра рекламы полностью перекрывает описание награды. Это негативно влияет на мотивацию пользователя посмотреть рекламу. |
|
Тексты на экране проигрыша накладываются друг на друга, их трудно прочесть. |
|
Описание ресурсов игры находится на одном слое и фоне с игровым полем. Из-за этого читать текст сложно, а играть — неудобно. |
|
Текст вопроса викторины накладывается сам на себя и становится нечитаемым. В викторине текст — основной контент игры. |
|
Перекрытие кнопки Меню влияет на ее доступность. |
Незначительное
Если часть элемента интерфейса не видна, но при этом он хорошо заметен и им удобно пользоваться, модерация одобрит игру. Наложение объектов друг на друга не должно влиять на взаимодействие пользователя с интерфейсом.
Скриншот |
Комментарий |
|
Кнопки уровней пересекаются, но надписи читаемые и пересечение не влияет на кликабельность. Ошибка некритичная. |
|
Текст на кнопке Следующая частично перекрыт, но он интуитивно понятен, а кнопка кликабельна. |
|
Картинки частично перекрыты, но тексты в порядке, так что перекрытие не мешает игровому процессу. |
|
Частично перекрыта кнопка настроек, но на понятность и кликабельность кнопки это не влияет. |
|
Название игры и текст кнопки запуска немного пересекаются, но оба легко читаются, а использовать кнопку по-прежнему удобно. |
Проверка адаптивности игры
Чтобы проверить игру, модерация растягивает и сужает игровую область по вертикали, горизонтали и диагонали, меняет масштаб в игре на разных устройствах. Для проверки применяются наиболее популярные разрешения экрана.
Скачать PNG-изображения для проверки
Логика проверки
- Открыть окно с игрой и вписать в зеленый прямоугольник. Соотношение его сторон — 16:9.
- Ужать окно браузера на 20% по отдельным осям (до границы красного прямоугольника).
- Вписать окно браузера в красный прямоугольник.
Если при этих действиях игра отображается некорректно, она не будет допущена к публикации.
Примеры проверки
Действия |
Игровое поле |
Комментарий |
Уменьшить ширину игровой области. |
|
Когда изменяется соотношение сторон, кнопки слева обрезаются и надписи на них становится невозможно прочитать. |
Уменьшить высоту игровой области. |
|
Из-за маленькой высоты игрового поля на экране не помещаются все важные элементы и кошачья голова почти полностью перекрывает счет игрока. |
Прокрутка и swipe to refresh
1.10.2. Перед отправкой игры на модерацию проверьте, чтобы в игре не было системного скроллбара окна браузера или функции swipe to refresh. Вы можете использовать собственные средства прокрутки в игре.
Прокрутка
Важно
При проверке требования нужно обращать внимание только на системный скроллбар.
Как отличить прокрутку:
-
Браузерная (системная) доступна из любого места игры, так как прокручивается само окно с игрой.
-
Внутриигровая прокручивает отдельно какой-либо элемент или меню внутри игры.
Во время загрузки игры проверьте ее на наличие прокрутки:
-
В браузере на компьютере на масштабах в диапазоне от 80% до 125%. Если скроллбар появляется вне указанного диапазона, то это не нарушение.
-
На мобильном устройстве. Особенности:
-
На мобильных устройствах прокрутка может появляться справа от sticky-баннеров: после выхода из полноэкранного режима (особенно в iOS Safari) sticky-баннер не уменьшается и появляется скроллбар.
-
В процессе загрузки игры прокрутка может появиться при смахивании. После полной загрузки она должна исчезать или оставаться только на sticky-баннере. При отключении sticky-баннера скроллбар должен отсутствовать.
-
Swipe to refresh
Наличие функции swipe to refresh расценивается как нарушение требований по браузерной прокрутке. Убедитесь, что эта функция отключена.
Игра |
Причина отказа к публикации |
|
В игре присутствует функция swipe to refresh. |
Связаться с модерацией
Если вы считаете, что ваша игра корректно отображается на всех заявленных платформах и была снята с публикации или не допущена до нее по ошибке — заполните форму ниже.
Служба контроля качества модерации перепроверит решение и вернет игру, если она была заблокирована несправедливо.