미디어 UI의 대부분은 자동차 제조업체와 Google에서 제어하므로(미디어 파트너 역할 참고) 앱 개발자를 위한 디자인 관련 작업은 비교적 간단합니다.
다음은 앱 개발자를 위한 기본 작업입니다.
- 탐색 탭 계획: 최대 4개의 콘텐츠 최상위 수준 보기를 선택하고 탐색 탭의 아이콘이나 라벨을 결정합니다.
- 탐색 뷰 계획: 콘텐츠의 최상위 및 하위 수준 뷰를 구성하고 형식을 지정하는 방식을 계획합니다 (그리드 또는 목록).
- 재생 컨트롤 맞춤설정: 맞춤 작업 및 아이콘을 제공할지 여부와 현재 재생목록을 구현할지 여부를 결정합니다.
- 음성 액션 계획: 사용자가 음성으로 요청할 수 있도록 할 명령을 결정합니다.
- 브랜드 요소 제공: 브랜드를 나타내는 앱 아이콘과 강조 색상을 제공합니다.
AAOS 전용 추가 단계(선택사항):
- 로그인 흐름 만들기: 제공되는 템플릿을 사용하여 사용자가 자동차 화면에서 앱에 로그인할 수 있는 로그인 과정을 만듭니다 (앱에 로그인이 필요한 경우).
- 설정 만들기: 설정이 필요한 경우 앱의 차량 내 설정 화면을 만듭니다.
Android Auto에만 해당하는 추가 단계(선택사항):
- 추천 제공: 추천으로 표시할 미디어 콘텐츠 항목 10개를 식별합니다.
위의 링크를 사용하여 각 작업에 대한 자세한 안내를 확인하세요. 제공해야 하는 디자인 요소에 관한 요약은 체크리스트를 참고하세요.
미디어의 파트너 역할
아래 표에는 통합 미디어 앱 환경을 보장하는 앱 개발자와 자동차 제조업체 (AAOS)의 디자인 역할이 요약되어 있습니다. AAOS 기반 차량에서 실행되는 앱의 경우 자동차 제조업체는 브랜드 및 차량 스타일을 반영하도록 UI를 맞춤설정할 수 있습니다. Android Auto에서 실행되는 앱의 경우 Google은 호환되는 차량 전반에 걸쳐 앱의 일관된 디자인과 분위기를 만듭니다.
| 미디어 환경의 측면 | 자동차 제조업체의 디자인 역할 (또는 Android Auto용 Google의 디자인 역할) | 앱 개발자의 설계 역할 |
|---|---|---|
| 미디어 앱 탐색 | 앱 바가 이동할 위치를 결정하고 앱 바에 표시될 수 있는 앱 탐색 및 컨트롤을 지원합니다. | 앱 바의 탭에 나타낼 최상위 콘텐츠 뷰를 결정하고 필요에 따라 아이콘과 라벨을 제공합니다 (탐색 탭 계획 참고). |
| 콘텐츠 세부정보 탐색 | 그리드 또는 목록 항목의 크기와 콘텐츠를 결정하고 더 낮은 수준의 콘텐츠에 앱 헤더 구현 | 각 수준에서 탐색 가능한 미디어 콘텐츠의 형식 (그리드 또는 목록)과 구성을 결정합니다 (탐색 뷰 계획 참조). |
| 미디어 재생 | 앱의 모든 맞춤 작업 컨트롤을 포함하여 적절한 미디어 메타데이터와 재생 컨트롤을 사용하여 재생 뷰와 최소화된 컨트롤 바를 구현합니다. 대기열의 재생 뷰 및 스타일 지정에 대기열 어포던스를 제공합니다. | 컨트롤 바에서 맞춤 작업을 구현할지 여부를 결정하고 작업 아이콘을 제공합니다. 현재 재생목록 구현 여부와 현재 재생 중인 트랙의 표시기 제공 여부도 결정합니다 (재생 컨트롤 맞춤설정 참고). |
| 음성 액션 | Google 어시스턴트 UI를 제공하고 사용자가 특정 자동차에서 어시스턴트를 호출하는 방법을 제어 | 음성 요청을 지원할 미디어 카테고리와 일반 요청에 제공할 콘텐츠를 지정합니다(음성 작업 계획). |
| 브랜드 기여 분석 | 모든 콘텐츠 화면에 앱 아이콘을 표시하고 서드 파티 앱 색상을 강조로 적용할 위치를 선택합니다. | 앱 아이콘 제공 및 강조 색상 지정 (브랜드 요소 제공 참고) |
| 로그인 및 설정 | 앱 바에 검색 및 설정을 위한 설정 어포던스를 제공하고 필요에 따라 사용자를 로그인 화면에 연결합니다. | 템플릿을 사용하여 로그인 절차와 설정 화면을 만듭니다. 필요한 경우 로그인 흐름 조정 및 디자인 설정을 참고하세요. |
| 권장사항 | 콘텐츠 추천이 표시되도록 UI 제공 | 적절한 콘텐츠 추천을 위한 소스 제공 |