데스크톱

데스크톱 환경은 Chromebook 및 연결된 디스플레이에서 흔히 사용되며, 정확한 입력과 고급 멀티태스킹을 지원합니다. 데스크톱 환경을 통해 사용자는 단축키와 마우스 및 트랙패드 상호작용을 활용하여 여러 창과 인스턴스에서 작업할 수 있습니다. 데스크톱에 최적화된 앱은 모바일의 편리함과 데스크톱의 성능 간의 격차를 해소하는 생산적인 사용자 환경을 제공합니다.

가이드라인

기기 기능을 최대한 활용하는 탁월한 사용자 환경을 만드세요.

사용자 환경

Guideline ID Test IDs Description
Scrollbar_Display T-Scrollbar_Display 마우스나 트랙패드를 사용하여 콘텐츠를 스크롤하는 중에 앱이 스크롤바를 표시합니다.
Hover_Parity T-Hover_Parity

해당하는 경우 UI 요소에는 마우스나 트랙패드를 사용한 마우스 오버 시 미리보기, 플라이아웃 메뉴, 유용한 팁과 같은 추가 콘텐츠가 표시됩니다.

앱은 가능한 경우 앱의 웹 버전이나 데스크톱 버전과 마우스 오버 상태 패리티를 유지합니다. 앱은 모든 UI 요소에서 접근성 표준을 지원하는 시각적 대비를 통해 명확하고 일관된 마우스 오버 상태를 보장합니다.
Desktop_Menus T-Desktop_Menus 앱에 사용자가 지속적으로 탐색하지 않고도 기본 작업에 집중할 수 있도록 데스크톱 스타일 메뉴, 컨텍스트 메뉴, 작은 모달과 같은 비침해적인 UI 요소가 적절히 있습니다.
UI_Config T-UI_Config

앱에 다음을 비롯한 대형 화면 및 커서 우선 기기용 적응형 사용자 구성 가능 레이아웃이 있습니다.

  • 적응형 레이아웃을 사용하면 사용자가 목록, 그리드, 열 프레젠테이션 간에 전환할 수 있습니다. 예를 들어 파일 또는 문서 관리자는 목록 또는 그리드 형식으로 파일을 표시하려는 사용자의 환경설정을 따르는 전환 버튼을 제공합니다.
  • 도킹 가능하거나 이동 가능한 플로팅 도구 모음은 사용자 환경설정 및 작업 요구사항을 수용합니다.
  • 다중 패널 레이아웃의 UI 패널은 마우스나 트랙패드를 사용하여 접을 수 있고 재구성할 수 있습니다. 재구성 가능한 패널을 통해 사용자는 목록 세부정보 레이아웃의 세부정보 패널 크기를 변경하거나 화면의 패널을 재정렬하는 등 앱 레이아웃을 조정해 생산성을 높일 수 있습니다.

    참고: 탐색 메뉴, 레일, 드로어에는 적용되지 않습니다.
Request_Fullscreen_Mode T-Request_Fullscreen_Mode

앱이 Activity#requestFullscreenMode()를 구현하여 화면 분할, 데스크톱 창과 같은 멀티 윈도우 상태에서 몰입형 모드로 원활하게 전환할 수 있습니다.

일반적으로 앱은 전체 화면 몰입형 환경을 활성화하는 버튼과 같은 UI 요소를 제공합니다.

키보드, 마우스, 트랙패드

Guideline ID Test IDs Description
Keyboard_Navigation T-Keyboard_Navigation

앱이 키보드를 사용한 원활하고 효율적인 탐색을 지원합니다. 앱은 모든 UI 요소에 대해 접근성 표준을 지원하는 시각적 대비를 통해 명확하고 일관된 포커스 상태를 보장합니다.

적절한 UI 요소에 초기 포커스가 설정됩니다. 예를 들어 사용자가 이메일 앱에서 메시지를 작성할 때 초기 포커스는 받는 사람 텍스트 필드에 있습니다. 페이지가 로드되면 사용자가 첫 번째 텍스트 입력 필드에 바로 입력할 수 있어야 합니다.

키보드 상호작용을 참고하세요.
Keyboard_Parity T-Keyboard_Parity 앱이 포괄적인 단축키를 제공하는 동시에 복사용 Ctrl-C, 실행취소용 Ctrl-Z와 같은 일반적인 단축키를 지원합니다. 앱은 가능한 경우 앱의 웹 버전이나 데스크톱 버전과 단축키 패리티를 유지합니다.
Input_Combinations T-Input_Combinations 키보드와 마우스 또는 트랙패드 조합(예: Ctrl+클릭 또는 Ctrl+탭 및 Shift+클릭 또는 Shift+탭)을 통해 인접 항목 또는 별도의 여러 항목 범위 선택 등 고급 기능이 제공됩니다.
Triple_Click T-Triple_Click 마우스를 사용하여 세 번 클릭하거나 트랙패드로 세 번 탭하면 텍스트의 전체 줄 또는 단락이 선택됩니다.

멀티태스킹 및 멀티 인스턴스

Guideline ID Test IDs Description
Multitasking_Scenarios T-Multitasking_PiP,
T-Multitasking_Split-Screen,
T-Multitasking_Attachments

앱이 다양한 멀티태스킹 시나리오를 지원합니다. 예를 들면 다음과 같습니다.

  • PIP 모드: 앱이 세로 모드 방향 및 가로 모드 방향, 멀티 윈도우 모드에서 PIP 모드를 시작하고 종료할 수 있습니다. 사용 사례에는 미디어 재생과 영상 통화가 있습니다. PIP 모드 지원을 참고하세요.
  • 멀티 윈도우 모드: 앱이 딥 링크와 별도의 창에서 다른 애플리케이션을 열 수 있습니다. 예를 들어 연락처 관리 앱이 이메일 앱에 표시되는 이메일 메시지 링크를 새 창에서 엽니다. FLAG_ACTIVITY_LAUNCH_ADJACENT을 참고하세요.
  • 첨부파일: 메시지 앱은 첨부파일(예: 동영상)을 별도의 창에서 열 수 있습니다.
Multitasking_PiP T-Multitasking_PiP 앱이 미디어 및 비미디어 애플리케이션에서 맞춤 컨트롤과 사용자 상호작용을 지원하는 대화형 PIP 기능을 지원합니다.
멀티 인스턴스 T-Multi-Instance 앱이 별도의 창에서 여러 자체 인스턴스를 실행할 수 있습니다. 사용 사례로는 문서 수정, 웹 탐색, 파일 관리 앱, 쇼핑 앱의 제품 비교 등이 있습니다. 멀티 윈도우 모드 지원에서 멀티 인스턴스를 참고하세요.

드래그 앤 드롭

Guideline ID Test IDs Description
Drag_Drop_Support T-Drag_Drop_Support 앱이 터치 입력, 마우스, 트랙패드, 스타일러스를 사용하여 앱 내의 프레젠테이션 간에 그리고 멀티 윈도우 모드에서 다른 앱 간에 드래그 앤 드롭을 지원합니다. 드래그 앤 드롭 사용 설정을 참고하세요. Stylus_Drag_Drop도 참고하세요.
T-Drag_Drop_Batch 앱이 그룹으로 처리할 여러 요소를 앱으로 드래그 앤 드롭하는 것을 지원합니다. 간소화된 드래그 앤 드롭을 위한 DropHelper를 참고하세요.

인쇄 및 파일 관리

Guideline ID Test IDs Description
Printing_Support T-Printing_Support 앱이 문서 인쇄 또는 인쇄 가능한 형식으로 내보내기를 지원합니다.
File_Management_Basics T-File_Management_Basics

앱이 다음을 포함한 일반적인 파일 관리 기능을 구현합니다.

  • 이름 지정 및 저장: 파일 이름과 위치가 눈에 잘 띕니다.
  • 다운로드: 사용자는 로컬 저장소 기기에서 원하는 위치에 파일을 저장할 수 있습니다.
  • 업로드: 사용자는 로컬 저장소에서 파일을 업로드하고 OS 파일 선택기를 우선적으로 사용할 수 있습니다.
File_Picker T-File_Picker 앱이 OS 파일 선택기와 통합되어 원활한 가져오기 및 내보내기 환경을 보장합니다. 데스크톱 및 생산성 사용자는 광범위한 콘텐츠 액세스를 위해 파일 관리자를 많이 사용합니다.
File_Handlers T-File_Handlers 앱은 관련 파일 형식을 지원한다고 선언하여 자체를 파일 핸들러로 지정합니다. 이렇게 하면 사용자가 시스템의 파일 앱에서 특정 애플리케이션으로 파일을 직접 열 수 있습니다.

커서

Guideline ID Test IDs Description
Custom_Cursors T-Custom_Cursors

앱이 맞춤설정된 커서를 표시하여 사용자가 UI 요소 및 콘텐츠와 상호작용할 수 있는 방법과 시기를 나타냅니다. 예를 들면 다음과 같습니다.

  • Android 프레임워크에서 제공하는 시스템 커서:
    • 텍스트용 I 빔
    • 크기 조절 가능한 레이어 가장자리의 핸들 크기 조절
    • 처리 스피너
  • 개발자가 제공하는 특수 커서:
    • 게임에서 타겟 위로 마우스를 가져가면 나타나는 십자선
    • 확대/축소 가능한 콘텐츠 위로 마우스를 가져가면 나타나는 돋보기
    • 그리기 또는 삽화 앱의 도구
자세한 내용은 다음을 참고하세요.
Cursor_Target_Size T-Cursor_Target_Size 앱은 시각적 타겟 크기와 일치하는 커서 타겟 크기를 구현하여 커서 상호작용의 정밀도를 우선시하여 인식된 타겟을 줄입니다.

교차 기기

Guideline ID Test IDs Description
Cross_Device_Handoff T-Cross_Device_Handoff 여러 유형의 Android 기기에서 작동하는 앱을 사용하면 사용자가 한 Android 기기에서 작업을 시작하고 다른 기기로 원활하게 전환할 수 있습니다. 앱은 동일한 작업에 대해 거의 동일한 상태를 복원하므로 사용자가 중단한 부분부터 계속할 수 있습니다.

오프라인 작동

Guideline ID Test IDs Description
Offline_Support T-Offline_Support 앱이 전체 또는 일부 기능 집합에 오프라인 기능을 지원하여 사용자가 생산성을 유지할 수 있습니다. 앱은 연결 요구사항을 사용자에게 알리기 위해 단계적 저하를 제공합니다.

앱-웹

Guideline ID Test IDs Description
Web_Transition T-Web_Transition 앱은 적절한 경우 앱과 웹 콘텐츠 간에 원활하고 지능적인 전환을 보장하여 단편적인 사용자 환경을 방지합니다.

테스트

앱이 차별화된 프리미엄 환경을 제공하는지 확인하려면 다음 테스트를 완료하세요.

사용자 환경

Test ID Guideline IDs Description
T-Scrollbar_Display Scrollbar_Display 마우스와 트랙패드를 사용하여 앱 콘텐츠를 스크롤합니다. 콘텐츠를 스크롤하는 동안 스크롤바가 표시되는지 확인합니다.
T-Hover_Parity Hover_Parity 마우스와 트랙패드를 사용하여 계단식 또는 팝업 콘텐츠가 포함된 UI 요소 위로 포인터를 가져갑니다. 추가 콘텐츠가 표시되는지 확인합니다.
T-Desktop_Menus Desktop_Menus 데스크톱 및 연결된 디스플레이에서 데스크톱 스타일 메뉴와 컨텍스트 메뉴가 사용되는지 확인합니다.
T-UI_Config UI_Config

앱이 사용자가 구성할 수 있는 레이아웃 옵션을 제공하는지 확인합니다.

  • 레이아웃 표시 — 앱이 여러 표시 형식 (예: 목록, 그리드 또는 열 보기)을 지원하는 경우 사용자가 형식 간에 전환할 수 있는지 확인합니다.
  • 플로팅 툴바: 앱에서 도킹 가능하거나 이동 가능한 플로팅 툴바를 제공하는 경우 사용자가 툴바를 이동하거나 도킹할 수 있는지 확인합니다.
  • 패널 재구성: 콘텐츠 패널이 여러 개 있는 화면 레이아웃 (예: 목록‑세부정보)에서 구분선을 드래그하여 패널의 크기를 조절합니다. 앱이 재정렬을 지원하는 경우 패널을 재정렬합니다.

모든 경우에 앱이 레이아웃을 올바르게 재구성하고 콘텐츠에 액세스할 수 있으며 콘텐츠의 형식이 올바른지 확인합니다.
T-Request_Fullscreen_Mode Request_Fullscreen_Mode 앱 창을 멀티 윈도우 상태(예: 화면 분할 또는 데스크톱 창 모드)에 배치합니다. 앱의 전체 화면 UI 요소를 트리거합니다. 앱이 몰입형 전체 화면 모드로 원활하게 전환되는지 확인합니다.

키보드, 마우스, 트랙패드

Test ID Guideline IDs Description
T-Keyboard_Navigation Keyboard_Navigation

외부 키보드를 사용하여 Tab 키와 화살표 키로 앱의 UI를 탐색합니다. 모든 대화형 요소의 포커스 상태가 명확하고 일관적인지 확인합니다.

또한 화면이 처음 표시되고 사용자가 데이터를 입력할 수 있을 때 텍스트 입력란과 같은 적절한 UI 요소가 초기 포커스를 받는지 확인합니다.
T-Keyboard_Parity Keyboard_Parity 앱이 기존 단축키를 지원하고 가능한 경우 앱의 웹 버전 및 데스크톱 버전과 단축키 패리티를 유지하는지 확인합니다.
T-Input_Combinations Input_Combinations 외부 키보드, 마우스, 트랙패드를 사용하여 앱 UI에서 항목을 선택합니다. 키보드/마우스/트랙패드 작업(예: Ctrl+클릭, Ctrl+탭, Shift+클릭, Shift+탭)을 사용하여 여러 개의 개별 항목과 인접한 항목 범위를 선택합니다.
T-Triple_Click Triple_Click 마우스와 트랙패드로 세 번 클릭하거나 세 번 탭하여 앱에서 항목을 선택합니다. 예를 들어 전체 텍스트 줄을 선택할 수 있습니다.

멀티태스킹 및 멀티 인스턴스

Test ID Guideline IDs Description
T-Multitasking_PiP Multitasking_Scenarios

세로 모드 방향 및 가로 모드 방향, 멀티 윈도우 모드에서 PIP 모드를 시작하고 종료합니다. 멀티 윈도우 모드에서 PIP 모드가 활성화되어 있는 동안 창 크기를 변경합니다.

PIP 모드에서 맞춤 컨트롤과 상호작용하고 기능을 확인합니다.
T-Multitasking_Split-Screen Multitasking_Scenarios 멀티 윈도우 모드에서 앱 내에서 다른 앱을 열고 두 앱을 나란히 표시합니다.
T-Multitasking_Attachments Multitasking_Scenarios 세로 모드 방향 및 가로 모드 방향, 멀티 윈도우 모드에서 첨부파일과 알림을 열고 닫습니다.
T-Multi-Instance 멀티 인스턴스 앱의 여러 인스턴스를 별도의 창에서 세로 모드 방향 및 가로 모드 방향, 멀티 윈도우 모드로 실행합니다.

드래그 앤 드롭

Test ID Guideline IDs Description
T-Drag_Drop_Support Drag_Drop_Support

이미지와 텍스트를 드래그 앤 드롭하여 앱 내에서 타겟을 드롭합니다. 멀티 윈도우 모드에서 앱과 다른 앱 간에 (두 앱 간에) 이미지와 텍스트를 드래그 앤 드롭합니다.

터치 입력, 마우스, 트랙패드, 스타일러스를 사용하여 콘텐츠를 드래그 앤 드롭합니다 (T-Stylus_Drag_Drop 참고). 세로 모드 방향과 가로 모드 방향에서 기능을 확인합니다.
T-Drag_Drop_Batch Drag_Drop_Support

앱 내에서 이미지와 텍스트 등 여러 요소를 그룹으로 드래그 앤 드롭합니다. 멀티 윈도우 모드에서 앱과 다른 앱 간에 (두 앱 간에) 요소 그룹을 드래그 앤 드롭합니다.

터치 입력, 마우스, 트랙패드, 스타일러스를 사용하여 콘텐츠를 드래그 앤 드롭합니다 (T-Stylus_Drag_Drop 참고). 세로 모드 방향과 가로 모드 방향에서 기능을 확인합니다.

인쇄 및 파일 관리

Test ID Guideline IDs Description
T-Printing_Support Printing_Support 앱에서 문서를 인쇄하거나 PDF와 같은 인쇄 가능한 형식으로 내보낼 수 있는지 확인합니다.
T-File_Management_Basics File_Management_Basics 파일 이름과 위치가 표시되고 사용자가 파일을 다운로드하거나 업로드할 때 저장 위치를 선택할 수 있는지 확인합니다.
T-File_Picker File_Picker 앱이 파일을 가져오고 내보낼 때 시스템 파일 선택기를 사용하는지 확인합니다.
T-File_Handlers File_Handlers 시스템 파일 앱에서 앱이 관련 파일 형식을 여는 옵션으로 나열되는지 확인합니다.

커서

Test ID Guideline IDs Description
T-Custom_Cursors Custom_Cursors

마우스와 트랙패드를 사용하여 앱과 상호작용합니다. 다음과 같이 맞춤 커서가 적절하게 표시되는지 확인합니다.

  • 텍스트 입력란용 I-빔
  • 크기 조절 가능한 레이어 가장자리의 핸들 크기 조절
  • 앱이 장기 실행 작업을 실행할 때 스피너
T-Cursor_Target_Size Cursor_Target_Size 마우스와 트랙패드를 사용하여 아이콘, 버튼, 핸들과 같은 작은 UI 요소와 상호작용합니다. 각 요소의 인터랙티브 영역이 시각적 경계를 정확하게 반영하여 정밀한 선택이 가능한지 확인합니다.

교차 기기

Test ID Guideline IDs Description
T-Cross_Device_Handoff Cross_Device_Handoff 한 기기에서 작업을 시작한 다음 앱이 설치된 다른 기기로 전환합니다. 거의 동일한 상태에서 작업을 계속할 수 있는지 확인합니다.

오프라인 작동

Test ID Guideline IDs Description
T-Offline_Support Offline_Support 네트워크 연결을 사용 중지하고 핵심 앱 기능을 계속 사용할 수 있는지 또는 앱에서 연결 요구사항에 관한 명확한 알림을 제공하는지 확인합니다.

앱-웹

Test ID Guideline IDs Description
T-Web_Transition Web_Transition 앱 내에서 딥 링크 또는 웹 콘텐츠와 상호작용합니다. 앱과 관련 웹 콘텐츠 간 전환이 원활한지 확인합니다.