대화면 앱 품질

컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.

Android 기기는 다양한 폼 팩터로 출시됩니다. 스마트폰이 가장 일반적인 기기 유형이지만, 태블릿 및 Chromebook부터 폴더블 기기까지 다양한 폼 팩터가 점점 보편화되고 있습니다. 그뿐 아니라 화면 유형과 앱 디스플레이 상태도 매우 다양합니다.

어떤 기기에서든 훌륭한 사용자 환경을 제공하려면 반응형 레이아웃 디자인 가이드라인을 살펴보고 따르시는 편이 좋습니다.

이 체크리스트는 앱 품질 평가에 도움이 되는 최소 품질 기준과 관련 테스트를 제시합니다. 일부 기준은 쉽게 누락될 수 있지만, 아래 테스트를 거치면 그 기준들을 잊지 않고 테스트 계획에 포함할 수 있습니다.

각 테스트에는 동료와 소통할 때 이용하실 만한 고유 ID가 붙어 있습니다.

기본 호환성

앱은 핵심 앱 품질 요구사항을 준수해야 합니다. 특히 대화면 기기를 지원하려면, 개발자는 핵심 앱 품질 요구사항 중 아래 세 가지에 각별히 주의를 기울여야 합니다.

영역 ID 설명
UI 및 그래픽 VX-U1 앱이 (가능한 경우) 가로 모드 및 세로 모드를 모두 지원합니다. 방향에 관계없이 대체로 동일한 기능과 작업이 표시되며 기능 패리티가 보존됩니다. 콘텐츠나 뷰의 사소한 변경은 허용됩니다.
VX-U2 앱이 가로 모드와 세로 모드 모두에서 전체 화면을 사용하고, 모드 변경을 나타내는 레터박스는 사용하지 않습니다. 화면 구성의 미세한 차이를 보정하는 수준의 작은 레터박스는 허용됩니다.
VX-U3 앱이 렌더링 문제나 상태 손실 없이 디스플레이 방향 모드의 빠른 전환을 정확하게 처리합니다.

테스트 환경을 구성할 때는 Android Emulator를 사용하여 최소한 다음과 같은 대화면 기기 호환성을 테스트하는 것이 좋습니다.

  • 폴더블 폰: 7.6인치 접이식, 외부 디스플레이 장착
  • 태블릿: Pixel C 9.94인치

최악의 경우, 대화면 기기는 시스템이 레터박스를 렌더링하는 호환성 모드에서 앱을 실행하려고 합니다. 이 경우에도 탭 타깃 크기에 주의하고 앱 방향 변경이 예상대로 작동하는지 확인해야 합니다.

개선: 모든 화면 유형 및 상태에 대한 완전한 지원

아래 테스트를 통해 앱이 주요 상태 외에도 모든 화면 유형 및 상태를 지원하는지 확인할 수 있습니다.

영역 ID 설명
멀티 윈도우 및 다중 재개 LS-M1 앱을 멀티 윈도우 모드에서 사용할 수 있어야 합니다. 방법 알아보기
LS-M2 사용자가 앱에 최우선으로 집중하지 않는 경우, 앱은 UI를 업데이트해야 합니다(동영상 계속 재생, 새 메시지로 업데이트, 다운로드 진행률 업데이트 등). 이 기준에는 멀티 윈도우 시나리오에서 카메라 및 마이크와 같은 독점 리소스의 손실 처리도 포함됩니다.
연속성 및 구성 변경사항 LS-C1 접기/펼치기, 창 크기 조절 또는 회전 등으로 기기에 구성 변경사항이 생기면, 앱은 이러한 구성 변경사항에 대응하고 상태를 유지하거나 복원해야 합니다.
LS-C2 앱이 창 크기 조절 후 기기 회전이나 기기 회전 후 접기/펼치기 등 연속적으로 조합되는 구성 변경사항에 대응합니다.
태블릿과 데스크톱의 레이아웃에 맞게 개선된 앱 UX LS-U1 앱이 가로 모드와 세로 모드를 모두 지원합니다.
LS-U2 앱이 큰 화면에 적합한 레이아웃을 갖추어야 합니다. 방법 알아보기
LS-U3 모달, 옵션 메뉴 및 기타 보조 요소는 모든 화면 유형 및 상태에서 적합한 형식이 지정되어야 합니다.
터치 영역 최소 크기 LS-T1 터치 영역은 48dp 이상이어야 합니다. 방법 알아보기
입력 지원 - 키보드, 마우스, 터치 입력, 트랙패드 LS-I1 주요 사용자 플로우는 화살표 키 및 탭 탐색을 포함한 키보드 탐색을 지원해야 합니다.
LS-I2 텍스트 선택, 잘라내기/복사/붙여넣기, 실행취소/다시 실행 단축키를 지원합니다. 방법 알아보기
LS-I3 스페이스바를 누르면 앱이 멀티미디어를 재생/일시중지합니다.
LS-I4 앱이 스크롤 및 마우스 오른쪽 버튼 클릭 처리를 포함한 기본 마우스/트랙패드 사용을 지원해야 합니다.

최적: 차별화된 환경

아래 테스트를 통해 앱이 특정 화면 유형 또는 상태를 활용하여 차별화된 환경을 제공하는지 확인할 수 있습니다.

영역 ID 설명
멀티 인스턴스 LS-M3 앱이 다른 작업을 실행하는 경우 멀티 인스턴스를 지원해야 합니다. 방법 알아보기
폴더블 상태 레이아웃 및 상호작용 LS-F1 폴더블 기기의 경우 앱이 텐트 모드에서도 작동해야 하며, 해당한다면 기기 상태에 최적화된 사용자 환경을 제공해야 합니다.
LS-F2 폴더블 기기의 경우 앱이 탁자 모드에서도 작동해야 하며, 해당한다면 기기 상태에 최적화된 사용자 환경을 제공해야 합니다.
LS-F3 폴더블 기기의 경우 앱이 책 모드에서도 작동해야 하며, 해당한다면 기기 상태에 최적화된 사용자 환경을 제공해야 합니다.
LS-F4 앱이 카메라 앱인 경우 듀얼 디스플레이(전면 및 후면) 미리보기를 지원해야 합니다.
고급 데스크톱 레이아웃 LS-U4 앱이 1300~1600dp 창 너비 범위에 중단점이 하나 이상 있는 레이아웃을 포함합니다. 방법 알아보기
드래그 앤 드롭 기능 LS-D1 이미지와 텍스트 모두에 자연스러운 드래그 앤 드롭을 빌드합니다. 방법 알아보기
스타일러스 지원 LS-S1 앱이 자유 형식 사용자 입력을 처리할 경우, 다양한 유형을 포함한 스타일러스 입력 장치에 대응하고 손바닥 움직임 무시를 처리합니다. 방법 알아보기
LS-S2 해당하는 경우, 앱이 압력 감도 및 기울기 감지를 포함한 고급 스타일러스 입력 이벤트를 처리합니다.
강화된 키보드 지원 LS-I5 앱이 항목 범위를 선택하는 Shift + 클릭과 같은 키보드 특수키의 사용을 지원합니다.
LS-I6 선택 가능한 항목의 목록이 주어질 경우, 앱이 키보드 메타 키(Ctrl 및 Shift 키)와 탭/트랙패드/마우스 클릭을 사용한 다중 선택을 지원합니다.
강화된 입력 지원 - 마우스 및 트랙패드 LS-I7 콘텐츠가 스크롤되는 중에 앱에 스크롤바가 표시됩니다.
LS-I8 앱이 사용자에게 보이는 것보다 더 많은 콘텐츠가 있다고 알려야 하며 마우스 또는 트랙패드가 사용 가능한 경우, 사용자가 터치스크린 동작을 강제로 적용하지 않고도 입력 장치로 스크롤하여 추가 내용을 볼 수 있어야 합니다.
LS-I9 해당하는 경우, 앱이 데스크톱 스타일 메뉴 및 컨텍스트 메뉴를 사용합니다.
LS-I10 해당하는 경우, 앱이 마우스로 크기를 조절할 수 있는 UI 패널을 사용합니다.
LS-I11 일부 콘텐츠가 숨겨진 경우, 마우스를 올리면 버튼 또는 컨트롤이 추가로 나타납니다.
LS-I12 앱이 마우스 또는 트랙패드 세 번 탭하기를 지원합니다.
마우스 맞춤 커서 LS-P1 앱이 커서를 맞춤설정하여 어떤 UI 요소가 활성화되어 있고 그 요소를 어떻게 사용하는지 표시해야 합니다. 방법 알아보기