brunch

You can make anything
by writing

C.S.Lewis

by Lawn Jan 27. 2023

[HIG] Live-viewing apps

사용자들의 라이브 뷰잉 경험과 몰입

본 문서는 Apple의 Human Interface Guideline(이하 HIG) 문서를 한글로 번역한 것입니다. iOS 생태계 내에서 HIG를 읽으시는 분들이 번역본이 없어 불편함을 겪는 것을 알게 되었고, 이에 한글로 번역을 하게 되었습니다. iOS 커뮤니티 Async Swift에서 자율적으로 모인 9명이 함께 번역했으며, 일체의 상업적인 목적을 띄지 않습니다. 이 문서를 학습에 적극적으로 이용해 주시돼, 상업적인 용도로 이용하시는 것은 지양해 주시기 바랍니다. 감사합니다.

Introduction

라이브 뷰잉(Live-viewing apps) 앱을 디자인할 때 사용자가 콘텐츠에 집중하고 라이브 뷰잉(Live-viewing) 경험에 몰입하도록 도울 수 있는 재미있고 유동적인 상호작용을 만드세요.

라이브 뷰잉 앱(Live-viewing apps)에는 다른 tvOS 앱과 차별화되는 몇 가지 고유한 디자인 고려사항이 있습니다. 먼저 앱은 라이브 콘텐츠를 중요시하고, 우선순위를 지정해야 합니다. 라이브 콘텐츠로 사람들의 관심을 끌고 VOD(주문형 비디오) 콘텐츠와 한눈에 구분할 수 있도록 합니다.

Best practices

라이브 콘텐츠를 눈에 띄게 표시하고 사람들이 콘텐츠를 쉽게 볼 수 있게 해야 합니다. 사람들은 TV를 보기 위해 앱을 사용하므로 앱 시작과 콘텐츠 재생 사이의 지연시간을 최소화해야 합니다. 사람들이 라이브 콘텐츠를 보기 위해 두 번 이상 탭하지 않게 라이브 콘텐츠는 첫 번째 탭에 위치하는 것이 좋습니다.

사람들이 한 번의 탭 또는 탭 하지 않고 라이브 콘텐츠를 재생할 수 있게 하세요. 예를 들어 추천 또는 최근에 본 라이브 콘텐츠를 사람들에게 보여줄 수 있습니다. 사람들이 버튼을 탭 하면 즉시 재생이 시작되어 앱의 UI가 몰입형 시청 환경(전체 화면)으로 바뀌는 것이 좋습니다.

라이브 콘텐츠가 실제 라이브처럼 보이는지 확인하세요. 사람들은 라이브 콘텐츠와 VOD 콘텐츠를 구별할 수 있어야 합니다. 단순히 라이브 콘텐츠를 재생하는 것이 가장 좋은 방법이지만 사람들에게 해당 콘텐츠가 라이브 콘텐츠임을 알 수 있게 표시하는 것이 좋습니다. 예를 들어 "라이브"라는 제목의 컬렉션 행에 다른 채널을 표시하고 각 항목에 라이브임을 식별하는 배지, 기호 또는 새시와 같은 시각적 표시기를 제공할 수 있습니다.

현재 재생 중인 라이브 콘텐츠의 진행 상황을 나타내는 것을 고려해 보세요. 사람들은 진행 중인 라이브 콘텐츠에 참여했을 때 그들이 전체 라이브 콘텐츠에서 어디쯤에 참여했는지 알기를 원합니다. 진행률 표시줄 또는 기타 표시기를 사용하여 남아 있는 콘텐츠의 양을 사람들에게 표시할 수 있습니다.

사람들에게 추가 작업과 보기 대안을 제공합니다. 기본 재생 외에도 사람들은 녹음, 다시 시작, 다운로드 및 다른 작업을 수행할 수 있습니다. 앱 전체에서 동일한 순서로 사람들이 할 수 있는 작업을 표시합니다(예: 보기, 다시 시작, 녹화 및 즐겨찾기). 또한 현재 재생 중인 콘텐츠가 다른 시간에 다시 재생되는 경우 사람들이 시청 일정을 잡을 수 있도록 정보를 표시하세요.

재생 중 채널 탐색을 위해 콘텐츠 바닥글(content footer)을 사용하는 것을 고려해 보세요. 콘텐츠 바닥글(content footer)을 사용하면 라이브 재생 환경에서 벗어나지 않고도 원하는 콘텐츠를 탐색할 수 있습니다. 콘텐츠 바닥글을 사용하려면 다음을 참고하세요.

텍스트를 읽기 쉽게 유지하고 모든 항목이 그 뒤에서 재생되는 콘텐츠와 시각적으로 구별되도록 다소 어둡게 표시하는 것이 좋습니다.

예를 들어 썸네일에 배지를 달거나 진행률 표시줄에 색조를 지정하여 사람들이 현재 재생 중인 콘텐츠를 나타내는 썸네일을 쉽게 식별할 수 있도록 합니다.

콘텐츠 바닥글(content footer)의 범주를 전자 프로그램 가이드의 범주와 일치시킵니다. 하단의 EPG experience를 참고하세요.

사람들이 콘텐츠 바닥글(content footer)을 불러오기 하고 취소할 수 있는 간단한 사용 방법을 제공하세요. 예를 들어 위로 스와이프 하면 바닥글(footer)이 호출되는 경우 사람들은 자연스럽게 아래로 스와이프 하여 취소할 수 있습니다.

사람들이 채널을 변경할 때 즉각적인 시각적 피드백을 제공합니다. 채널 변경 후 피드백을 즉시 제공해야 하는 이유는 첫째, 사람들은 그들이 원하는 채널에 도달했는지 알 수 있는 피드백이 필요합니다. 둘째, 피드백을 제공하면 스트리밍 콘텐츠를 로드하는 데 시간이 걸릴 수 있습니다.

현재 콘텍스트에 오디오를 일치시킵니다. 사람들이 라이브 콘텐츠를 재생하기 시작하면 콘텐츠가 백그라운드에서 재생되는 동안 탐색으로 전환하더라도 오디오가 일치하기를 원합니다. 그러나 사람들이 앱의 라이브 탭에서 다른 곳으로 이동할 때 라이브 보기 콘텍스트를 떠나므로 오디오가 중지되어야 합니다.

EPG experience

역자설명 : EPG란 간단하게 말하면 TV 편성표입니다. 채널을 바꿀 때 TV화면에 TV편성표를 표시해 주는 것을 EPG라고 합니다.

라이브 뷰잉 앱은 일반적으로 예정된 프로그램에 대한 정보가 포함된 전자 프로그램 가이드(EPG)를 제공합니다. 라이브 뷰잉 앱을 위해 특별히 설계되어 간소화된 EPG 경험을 사람들에게 제공하려면 다음 지침을 따르세요.

정보를 눈에 띄게 보여주고, 기존 영상으로 쉽게 돌아갈 수 있어야 합니다. 사람들이 EPG를 처음 열 때 현재 채널, 채널 및 시간을 쉽게 찾을 수 있어야 현재 채널로 즉시 돌아갈 수 있습니다.

EPG를 쉽게 탐색할 수 있어야 합니다. 일반적인 EPG에는 많은 정보가 포함되어 있으므로 사람들이 쉽게 페이지를 넘기거나 스크롤하거나 이동할 수 있도록 하는 것이 중요합니다. 또한 사람들이 가장 자주 보는 콘텐츠에 빠르게 액세스 할 수 있도록 내 채널 그룹 또는 즐겨찾기 그룹을 제공하는 것이 좋습니다.

사람들이 더 쉽게 찾을 수 있도록 콘텐츠를 카테고리로 그룹화합니다. 예를 들어 영화, TV 프로그램, 어린이, 스포츠 및 인기와 같은 카테고리를 사용할 수 있습니다. 앱에 콘텐츠 바닥글이 포함된 경우 EPG와 동일한 카테고리를 사용하여 콘텐츠 축소판을 구성합니다.

사람들이 현재 콘텐츠를 떠나지 않고 EPG를 탐색할 수 있어야 합니다. 예를 들어 사람들이 EPG를 탐색하는 동안 PiP(Picture-in-Picture) 모드 또는 백그라운드에서 콘텐츠를 계속 재생할 수 있게 하는 것이 좋습니다.

Cloud DVR

클라우드에서 디지털 비디오 녹화(DVR)를 지원하는 경우 다음 지침에 따라 라이브 스트리밍 앱에서 뛰어난 녹화 경험을 제공하세요.

사람들이 정보 패널에서 녹음을 시작하고 중지할 수 있도록 합니다. 라이브 스트리밍 중 사람들은 정보 패널을 통해 원할 때 녹화를 시작하기를 원합니다.

콘텐츠에 대한 세부 정보를 제공하는 뷰(View)에서 사람들은 미래의 프로그램을 녹화할 수 있습니다. 또한 사람들에게 해당 프로그램만 녹화하거나 향후 모든 에피소드를 녹화할 수 있는 옵션을 제공할 수 있습니다.

사람들이 필요에 따라 녹음 환경을 조정할 수 있도록 하세요. 현재 에피소드, 새 에피소드, 특정 팀과 관련된 게임 등 사용자가 녹화할 항목을 지정할 수 있는 것이 좋습니다.

클라우드 DVR 영역 내에서 재생 및 기타 콘텐츠별 작업을 할 수 있도록 지원합니다. 다른 사용자가 클라우드 DVR 섹션에서 콘텐츠 세부 정보를 표시하는 보기를 열면 콘텐츠를 재생하거나 삭제하고 해당하는 경우 녹화 설정을 조정할 수 있습니다.

사람들이 클라우드 DVR 설정을 관리할 수 있는 컨트롤을 제공하는 것을 고려하는 것이 좋습니다. 예를 들어, 사용자가 이미 시청한 녹화나 특정 날짜보다 오래된 콘텐츠를 삭제하도록 할 수 있습니다. 가장 이상적인 방법은 사용자가 자동 스토리지 관리를 설정하여 가장 오래된 콘텐츠나 이미 본 콘텐츠를 덮어쓰게 함으로써 공간 부족을 방지하는 것입니다.