수신자가 콘텐츠를 재생하고 사용자에게 상태를 반영합니다. 수신자가 발신기 앱의 작업에 즉시 응답해야 합니다 . 예를 들어 수신기에서 콘텐츠가 일시중지되면 일시중지 아이콘이 표시되고 사용자가 발신기 앱에서 재생을 누르면 수신기가 콘텐츠 재생을 시작하고 일시중지 아이콘을 삭제합니다.
수신자 UI 피드백의 예:
- 재생 중
- 일시중지됨
- 재생 위치 / 탐색
- 버퍼링
수신자 UI
필수
A 대부분의 UI 요소를 화면의 하단 1/4 내에 배치하고 다른 UX와 일관되게 유지합니다.
B 요소를 상호작용 컨트롤로 표시하지 않습니다. 예를 들어, 수신자 UI에서 발신자 UI를 재현해서는 안 됩니다.
권장사항
- 전환 (페이드), 투명도 및 뉘앙스를 사용하여 시각 효과를 부드럽게 합니다.
- 사용자가 가능한 한 많은 콘텐츠를 보고 싶어한다는 사실을 생각해 보세요. 사용자는 콘텐츠 검토를 위해 일시중지하는 경우가 많으므로 가능하면 불필요한 UI를 없애세요.
Android
발신자 UI
수신기 UI
iOS
발신자 UI
수신기 UI
Chrome
발신자 UI
수신기 UI
수신자 앱 유휴 상태
수신기가 전송기에 연결되어 있지만 전송 중이 아닌 경우 유휴 화면이 수신기에 표시됩니다.
필수
A 로드된 수신기 앱을 식별합니다.
권장사항
- 유휴 화면을 사용하여 발신기 앱의 콘텐츠 또는 기능을 홍보합니다.
- 콘텐츠를 더 많이 표시하고 화면 번아웃을 방지하기 위해 30~60초마다 콘텐츠를 변경합니다.
- 수신기 앱에서 연결을 해제하고 5분 동안 유휴 상태이면 실행을 중지합니다. 중지하면 수신기 홈 화면이 표시되며 화면이 굽지 않습니다.
Android
전송 대화상자, 연결되었지만 전송 중이 아님
수신기 앱이 로드되거나 유휴 상태임
iOS
전송 대화상자, 연결되었지만 전송 중이 아님
수신기 앱이 로드되거나 유휴 상태임
수신자 앱 로드
사용자가 수신기에 연결하면 먼저 수신기 앱이 로드되어야 앱 유휴 상태를 표시하거나 콘텐츠 재생을 시작할 수 있습니다.
필수
A 앱 로고를 표시하여 로드 중인 수신기 앱을 식별합니다.
B 애니메이션 로드 스피너를 표시하여 수신기 앱이 로드 중인지 확인합니다.
Android
발신자 연결 중
수신기 앱 로드 중
iOS
발신자 연결 중
수신기 앱 로드 중
Chrome
발신자 연결 중
수신기 앱 로드 중
수신자 콘텐츠 로드
수신기 앱이 로드되면 콘텐츠가 수신기로 스트리밍을 시작할 수 있습니다.
필수
A 콘텐츠 제목 또는 아트워크를 표시하여
로드 중인 콘텐츠를 식별합니다.
B 애니메이션 로드 스피너를 표시하여 콘텐츠 로드 여부를 식별합니다.
권장사항
일시중지된 콘텐츠를 재개할 때 5~10초 정도 재생을 되감아 시청자가 보내는 단계에서 수신자로 전환하는 동안 놓칠 일이 없도록 하세요.
Android
발신자 콘텐츠 로드 중
수신기 콘텐츠 로드 중
iOS
발신자 콘텐츠 로드 중
수신기 콘텐츠 로드 중
Chrome
발신자 콘텐츠 로드 중
수신기 콘텐츠 로드 중
수신자 재생
필수
A 콘텐츠 시작 시 재생 중인 항목 식별
B 위치 조정 시 재생 위치 확인
C 재생 위치가 변경되었지만 아직 재생되지 않은 경우 수신자가 콘텐츠를 탐색 중인지 확인
Android
전송 위치를 조정하는 발신자
콘텐츠를 찾는 수신자
iOS
전송 위치를 조정하는 발신자
콘텐츠를 찾는 수신자
Chrome
전송 위치를 조정하는 발신자
콘텐츠를 찾는 수신자
수신자가 일시중지됨
필수
A 일시중지된 아이콘 및 재생 위치를 표시하여 콘텐츠가 일시중지되었음을 확인
B 콘텐츠 제목 또는 아트워크를 표시하여 일시중지된 콘텐츠 식별
C 앱 로고를 표시하여 로드된 수신기 앱 식별
권장사항
- 사용자는 종종 콘텐츠를 일시중지하여 조사하므로 일시중지 아이콘을 표시하여 몇 초 동안 일시중지되면 불필요한 UI가 사라지게 만듭니다.
- 수신기 앱에서 연결을 해제하고 20분 동안 유휴 상태이면 실행을 중지합니다. 중지하면 수신기 홈 화면이 표시되며 화면이 굽지 않습니다. 사용자가 나중에 이 동영상을 재생할 수 있도록 일시중지된 위치를 저장합니다.
Android
발신자가 일시중지됨
수신기 콘텐츠 일시중지됨
발신자가 일시중지됨
수신기 일시중지, 5초 후
iOS
발신자가 일시중지됨
수신기 콘텐츠 일시중지됨
발신자가 일시중지됨
수신기 일시중지, 5초 후
Chrome
발신자가 일시중지됨
수신기 콘텐츠 일시중지됨
발신자가 일시중지됨
수신기 일시중지, 5초 후
수신자 버퍼링
수신기 버퍼링은 네트워크 지연 시간이나 기타 요인으로 인해 재생이 지연될 때 발생합니다.
필수
A 버퍼링 스피너를 표시하여 수신기가 몇 초 후 버퍼링되고 있음을 식별합니다. 버퍼링을 나타내기 위해 몇 초 동안 대기하면 네트워크 상태가 좋지 않을 때 버퍼링 스피너가 너무 자주 표시되지 않습니다.
권장사항
5초 후에도 계속 버퍼링하는 경우 어떤 콘텐츠가 버퍼링되는지 식별합니다.
Android
발신자가 수신자의 버퍼링을 나타냄
수신자 콘텐츠 버퍼링
iOS
발신자가 수신자의 버퍼링을 나타냄
수신자 콘텐츠 버퍼링
Chrome
발신자가 수신자의 버퍼링을 나타냄
수신자 콘텐츠 버퍼링
수신자가 전송을 중지함
재생이 중지되거나 타임아웃되면 수신기 UI는 발신기 앱에서 사용할 수 있는 다른 콘텐츠나 기능을 홍보해야 합니다.
필수
A 앱 로고를 표시하여 로드되거나 유휴 상태인
수신기 앱을 식별합니다.
권장사항
- 재생 후 유휴 화면을 사용하여 방금 전송된 항목을 기반으로 발신기 앱의 콘텐츠 또는 기능을 추천합니다.
- 화면이 번지지 않도록 유휴 화면 콘텐츠를 30~60초마다 변경하세요.
- 수신기 앱에서 연결을 해제하고 5분 동안 유휴 상태이면 실행을 중지합니다. 중지하면 수신기 홈 화면이 표시되며 화면이 굽지 않습니다.
Android
발신기 앱 유휴 상태
수신기 앱 유휴 상태
발신자 연결 해제됨
홈 화면 전송
iOS
발신기 앱 유휴 상태
수신기 앱 유휴 상태
발신자 연결 해제됨
홈 화면 전송
Chrome
발신기 앱 유휴 상태
수신기 앱 유휴 상태
발신자 연결 해제됨
홈 화면 전송
이 설계 가이드에 사용된 이미지는 저작권 또는 크리에이티브 커먼즈 라이선스에 따라 공유되는 Blender Foundation에서 제공합니다.
- Elephant's Dream: (c) 저작권 2006, Blender Foundation / Netherlands Media Art Institute / www.elephantsdream.org
- Sintel: (c) 저작권 Blender Foundation | www.sintel.org
- Tears of Steel: (CC) Blender Foundation | mango.blender.org
- Big Buck Bunny: (c) 2008년 저작권, Blender Foundation / www.bigbuckbunny.org