미디어 앱 디자인

Android 사용자는 오디오북, 음악, 팟캐스트, 라디오 등 다양한 미디어 유형을 사용합니다. 사용자가 시계에서 미디어에 편리하게 액세스할 수 있는 앱을 설계하는 것이 중요합니다. 시계는 상호작용의 편의성과 속도에 높은 우선순위가 부여된 고유한 노출 영역입니다. 사용자는 스마트폰이나 태블릿보다 시계와 상호작용하는 데 훨씬 적은 시간을 소비하기 때문입니다.

자세한 내용은 GitHub의 미디어 도구를 참고하세요.

미디어 앱 아키텍처

특정 제약 조건 및 요구사항이 있는 미디어 앱을 만듭니다. 미디어 앱에는 탐색항목 페이지가 포함되는 경우가 많습니다. 탐색을 통해 사용자는 재생할 미디어를 찾을 수 있습니다. 항목 페이지를 사용하면 미디어 항목에 포함된 내용에 관한 추가 정보를 사용자에게 제공할 수 있습니다. 또한 수동 다운로드나 재생, 셔플과 같은 추가 작업을 포함할 수 있습니다.

미디어 앱에는 미디어 컨트롤 화면도 포함되어야 합니다. 5개 버튼 레이아웃을 사용하여 미디어 컨트롤을 만듭니다. 이는 최소 탭 타겟이 충족되도록 하기 위함입니다. 다음은 음악 앱 및 팟캐스트 앱의 미디어 컨트롤 예입니다.

표시되는 미디어 컨트롤을 콘텐츠 유형에 따라 조정합니다. 작업을 5개 이상 포함하려는 경우 점 3개로 된 더보기 아이콘을 사용하여 사용자를 추가 페이지로 이동합니다. 앱에 맞춤 아이콘과 글꼴을 사용할 수 있습니다.

항목 페이지를 만들 때는 오프라인 재생을 위한 미디어 다운로드나 재생 속도와 같은 중요한 컨텍스트와 작업을 쉽게 사용할 수 있어야 합니다.

음악 앱의 항목 페이지 예 팟캐스트 앱의 항목 페이지 예

대부분의 Wear OS 기기에는 회전하는 측면 버튼(RSB) 또는 베젤이 있습니다. 특정 Wear 기기에는 볼륨을 조절하는 하드웨어 버튼이 추가로 있을 수도 있습니다. RSB, 베젤 또는 추가 버튼을 사용하여 볼륨을 조절합니다. 다음 예와 같이 RSB 또는 베젤이 회전되는 경우에만 표시기를 표시합니다.

앱 계층 구조를 줄이고 사용자를 위한 미디어를 노출합니다. 사용자가 목록에 빠르게 액세스할 수 있는 플랫 정보 아키텍처를 사용하여 설계하고 사용자를 위한 썸네일을 표시합니다. Wear OS용 맞춤 디자인 구성요소를 사용해 보세요. 자세한 내용은 카드에 관한 디자인 권장사항을 참고하세요.

일반적인 사용 사례

미디어 앱을 설계할 때 다음과 같은 중요한 사용 사례에 우선순위를 두어야 합니다.

사용자가 다음을 할 수 있도록 허용합니다.

  • 다운로드한 미디어 듣기
  • 시계에서 음악 스트리밍

다운로드한 미디어 듣기

사용자가 항목 페이지에서 미디어 항목을 수동으로 다운로드할 수 있어야 합니다.

다음 예와 같이 콘텐츠를 다운로드하는 위치, 다운로드 진행률, 다운로드 소요 시간, 다운로드 크기를 사용자에게 전달합니다.

사용자가 미디어를 탐색할 때 가장 최근에 다운로드한 미디어를 표시합니다.

콘텐츠가 이미 다운로드된 경우 시계에서 다운로드를 삭제하는 작업을 표시하여 이를 명확히 합니다. 이 경우 다음 이미지와 같이 다운로드가 휴대전화에서 공간을 얼마나 차지하는지도 표시해야 합니다.

소스 기기가 시계인 경우 음악을 듣기 전에 사용자에게 헤드셋을 연결하라는 메시지를 표시합니다. 헤드셋이 연결되면 미디어를 재생하고 미디어 컨트롤을 엽니다.

시계에서 음악 스트리밍

시계에서 스트리밍하면 시계 배터리가 소모됩니다. 탐색 목록에서 최근에 사용한 다운로드를 노출하여 사용자가 시계에서 듣기로 선택할 때 다운로드한 콘텐츠를 우선합니다. 다음 이미지와 같이 전체 다운로드 목록으로 이동하는 버튼을 추가하는 것이 좋습니다.