정확한 표시

요구 사항 1.10

게임이 올바르게 표시됩니다:

활성 필드의 확대/축소가 화면의 경계를 벗어나지 않으며, 요소가 잘리지 않습니다.
브라우저 페이지 스크롤이 없습니다(브라우저 창의 시스템 스크롤바). 게임의 수단을 사용하여 컨텐츠의 스크롤을 구현하는 것은 허용됩니다.
내부 요소와 텍스트가 서로 겹치거나 다른 요소를 가리지 않습니다.
게임을 한 손으로 컨트롤 할 수 있으며 추가 스크롤이나 스와이프 없이 주요 장면에 계속 머무를 수 있습니다. 전략 게임, 롤플레잉 게임 등 큰 게임 필드가 있는 장르에서 게임 내부 필드의 이동이 허용됩니다.

잘림 및 겹침

요구 사항이 충족되려면 두 가지 조건이 충족되어야 합니다:

모든 중요한 요소가 의미가 명확하게 보여야 합니다.
모든 요소를 편리하게 사용할 수 있어야 합니다.

1.10.1. 요소가 게임 영역의 경계에 의해 잘리는 경우, 그것이 인식 및 클릭 가능성에 영향을 주지 않아야 합니다, 즉 잘림이 미미해야 합니다. 요소가 심각하게 잘린 경우, 그 의미가 명확하지 않고 사용하기 불편하거나 불가능하면, 애플리케이션은 출판되거나 카탈로그에서 삭제될 것입니다.

1.10.3. 하나의 객체가 다른 객체 위에 겹치는 것은 겹침이 적을 경우에만 허용되며, 요소의 가독성 및 클릭 가능성에 영향을 주지 않아야 합니다. 어떤 객체의 상당한 면적이 가려지거나 요소를 읽거나 상호작용하는 데 방해가 되면 출판이 거부될 것입니다.

다음을 가리거나 잘라내서는 안 됩니다:

버튼;
텍스트;
중요한 요소들(예: 게임 오브젝트, 장애물, 게이지 및 지시기);
광고에 대한 경고들.

이 모든 요소들은 모든 선언된 플랫폼과 다양한 해상도에서 잘 보이고 쉽게 읽힐 수 있어야 합니다.

팁

당신은 이 요구사항들을 스스로 확인할 수 있습니다. 이를 위해 여러 장치에서 앱을 열어보세요: 노트북이나 컴퓨터에서 다양한 크기의 창으로, 핸드폰에서는 가로 및 세로 방향으로. 휴대폰 없이 모바일 앱 버전을 확인하고 싶다면, 데스크탑 브라우저의 개발자 도구를 사용하세요.

핸드폰에서 화면 방향을 고정하고 싶다면, 개발자 콘솔에서 이를 설정하세요.

잘림

심각한

중요한 인터페이스 요소가 심각하게 잘려나간 경우, 게임 출시 신청을 기각하거나 앱을 카탈로그에서 삭제합니다. 객체가 다음과 같은 이유로 일부분이 숨겨져 있으면 심각하게 잘린 것으로 간주됩니다:

사용하기 불편함;
잘 보이지 않음;
의미를 이해하기 어려움;
잘림이 객체의 클릭 가능성에 영향을 줌.

스크린샷	코멘트
잘림 잘림 없음	첫 번째 이미지에서 볼 수 있듯이, 모바일 플랫폼에서 게임 필드가 심하게 잘려나가서 앱과 상호작용할 수 없습니다. 두 번째 그림에서는 클릭 가능한 화살표와 텍스트가 완전히 보입니다.
	게임 점수가 완전히 보이지 않습니다. 모든 성과는 명확하고 읽기 쉬워야 합니다.
	버튼의 상당 부분이 보이지 않아 해당 버튼이 어떤 동작을 하는지 이해하기 어렵습니다.
	광고에 대한 경고가 심하게 잘려나가서 제대로 읽을 수 없습니다.
	상점 버튼이 부분적으로만 보이며, 버튼 위의 텍스트가 읽히지 않습니다. 게임의 일부 콘텐츠에 접근할 수 없습니다.
	게임의 주요 콘텐츠인 이미지들 중 일부가 심하게 잘려나갔습니다.
	중요한 버튼들이 부분적으로만 보이며, 두 개의 버튼이 무엇을 하는지 명확하지 않습니다. 버튼을 사용하기 불편할 것입니다.
	하단 버튼의 텍스트가 화면 테두리 밖에 위치하여 읽을 수 없습니다.
	핸드폰 화면에 패배 문구가 제대로 들어가지 않아 읽기 어렵습니다.
	퀴즈의 답안 선택지가 심하게 잘려, 끝에 있는 버튼의 텍스트가 읽히지 않습니다.
	버튼의 상당 부분과 자원의 수량이 보이지 않습니다.
	시작 버튼이 잘 보이지 않습니다.
	비주얼 노벨에서 중요한 텍스트가 심하게 잘려나가는데, 이 장르 게임에서 텍스트는 주요 콘텐츠입니다.
	게임에 중요한 일부 텍스트가 부분적으로 가려져 있어 읽기 어렵습니다.
	타이머와 달성도가 전부 보이지 않으며, 버튼 하나가 화면 바깥으로 나가 있습니다.

경미한

인터페이스 요소가 완전히 보이지 않더라도 쉽게 읽히고 사용하기 어렵지 않다면, 그 잘림은 경미한 것으로 간주됩니다. 모더레이션은 이러한 게임을 승인할 것이며, 인터페이스 객체의 클릭 가능성에 영향을 미치지 않기 때문입니다.

스크린샷	코멘트
	텍스트 아래의 반응이 일부 보이지 않지만, 이해하는 데와 클릭 가능성에 영향을 주지 않습니다.
	퀴즈에서 답변 형식의 가장자리가 잘렸지만, 텍스트는 영향을 받지 않았습니다.
	다시하기 버튼이 약간 잘렸지만, 쉽게 읽히며 클릭하기도 어렵지 않습니다.
	다시 시작하기는 중요한 버튼이지만, 크게 잘린 것은 아니므로 이해하기 어렵거나 클릭하기 어려워진 것은 아닙니다.
	게임 종료 문구가 완전히 보이지 않지만, 텍스트는 이해할 수 있습니다.

중첩

심각한

객체가 서로 겹치면서 사용자 경험을 저해하는 게임의 경우, 게임은 게시 취소되거나 출판이 허용되지 않습니다. 사용자가 애플리케이션을 편리하게 사용할 수 있어야 하며, 모든 인터페이스 요소들이 명확히 보여야 하고 그 의미가 직관적으로 이해될 수 있어야 합니다. 그렇지 않을 경우, 요소의 클릭 가능성에 영향을 미치며 중첩이 심각하게 간주됩니다.

스크린샷	코멘트
	다른 버튼에 의해 버튼 위의 텍스트가 가려져 읽을 수 없습니다.
	점수 카운터 때문에 카드의 절반 가려져 있습니다. 게임 진행에 중요한 카드의 숨겨진 부분의 값 때문에 중첩이 심각합니다.
	광고를 나타내는 아이콘이 버튼 텍스트 위에 겹쳐져 텍스트를 읽기 어렵게 합니다.
	광고 보기 버튼이 보상 설명을 완전히 가립니다. 이는 사용자가 광고를 보고자 하는 동기에 부정적인 영향을 줍니다.
	게임 오버 화면의 텍스트들이 서로 겹쳐져 읽기 어렵습니다.
	게임 리소스 설명이 게임 필드와 같은 레이어와 배경에 있어 텍스트를 읽기 어렵고 게임 플레이가 불편합니다.
	퀴즈 문제 텍스트가 서로 겹쳐져 읽을 수 없습니다. 퀴즈에서 텍스트는 게임의 주요 콘텐츠입니다.
	메뉴 버튼의 중첩이 그 접근성에 영향을 미칩니다.

경미한 중첩

인터페이스 요소의 일부가 보이지 않아도 잘 인지되고 사용하기 편리하다면, 모더레이션은 게임을 승인할 것입니다. 객체들의 중첩이 사용자 인터페이스와의 상호작용에 영향을 미치지 않아야 합니다.

스크린샷	코멘트
	레벨 버튼이 겹치지만, 문자는 읽을 수 있으며 겹침이 클릭 가능성에 영향을 주지 않습니다. 오류는 중요하지 않습니다.
	다음 버튼의 텍스트가 부분적으로 가려졌지만, 직관적으로 이해 가능하고 버튼은 클릭 가능합니다.
	이미지가 부분적으로 가려졌지만, 텍스트는 괜찮으므로 겹침이 게임 플레이에 방해가 되지 않습니다.
	설정 버튼이 부분적으로 가려졌지만, 버튼의 이해와 클릭 가능성에는 영향을 주지 않습니다.
	게임 이름과 시작 버튼의 텍스트가 약간 겹쳐 있지만, 둘 다 쉽게 읽을 수 있으멀로 버튼을 계속 사용하는 데 불편함이 없습니다.

게임의 반응형 확인하기

게임을 확인하기 위해 모더레이션은 게임 영역을 세로, 가로, 대각선으로 늘리고 줄이고, 다양한 장치에서 게임의 확대/축소를 변경합니다. 검사에는 가장 인기 있는 화면 해상도가 적용됩니다.

PNG 이미지 다운로드 받기

모두 다운로드, 334KB

Windows

macOS

검사 로직

게임 창을 열고, 그 안에 녹색 직사각형 안에 맞춥니다. 그 비율은 16:9입니다.
브라우저 창을 각 축마다 20% 줄입니다(빨간 직사각형의 경계까지).
브라우저 창을 빨간 직사각형 안에 맞춥니다.

이러한 조치를 취했을 때 게임이 제대로 표시되지 않으면, 게시가 허용되지 않습니다.

검사 예시

동작	게임 필드	코멘트
게임 영역의 너비를 줄입니다.		가로 세로 비율이 변경될 때, 왼쪽의 버튼들이 잘려버리고 그 위의 글자를 읽을 수 없게 됩니다.
게임 영역의 높이를 줄입니다.		게임 필드의 높이가 너무 작아서 화면에 모든 중요 요소가 들어가지 않고, 고양이 머리가 거의 플레이어의 점수를 완전히 가려버립니다.

스크롤 및 swipe to refresh

1.10.2. 게임을 심사에 제출하기 전에 브라우저 창의 시스템 스크롤바나 swipe to refresh 기능이 게임에 없는지 확인하십시오. 게임 내에서 자체 스크롤 기능을 사용할 수 있습니다.

스크롤

경고

요구 사항을 확인할 때는 시스템 스크롤바에만 주의를 기울여야 합니다.

스크롤을 구별하는 방법:

브라우저(시스템) 스크롤은 게임의 어느 위치에서나 사용할 수 있으며, 게임 창 자체가 스크롤됩니다.
게임 내 스크롤은 게임 내의 특정 요소나 메뉴를 따로 스크롤합니다.

게임을 로드하는 동안 스크롤이 있는지 확인하세요:

컴퓨터의 브라우저에서는 80%에서 125% 사이의 확대/축소 범위에서 확인하세요. 이 범위를 벗어나 스크롤바가 나타나면 위반 사항이 아닙니다.
모바일 기기에서. 특징:
- 모바일 기기에서는 sticky 배너의 오른쪽에 스크롤이 나타날 수 있습니다: 전체 화면 모드를 빠져나온 후(특히 iOS Safari에서) sticky 배너가 축소되지 않아 스크롤바가 생깁니다.
- 게임이 로드되는 동안 스와이프할 때 스크롤이 나타날 수 있습니다. 로드가 완료된 후에는 사라지거나 sticky 배너에만 남아야 합니다. sticky 배너를 비활성화하면 스크롤바가 없어야 합니다.