지원 고객 지원 문의 | 시스템 상태 시스템 상태
페이지 내용

    응용 프로그램 디자인 만들기 - 레이아웃 옵션

    이 항목에서는 스프레드시트에 답변을 기록하여 브라이트코브 Beacon Experience 애플리케이션 디자인을 살펴볼 수 있는 일련의 질문에 답합니다.

    서문

    이 문서는 브라이트코브 비콘 경험의 레이아웃을 어떻게 표시할지에 대한 일련의 질문을 안내합니다. 이러한 질문에 답한 결과는 브라이트코브 비콘 경험을 위한 애플리케이션 디자인을 구축하는 데 도움이 될 것입니다. 앱에 대해 정의하려는 매우 간단한 예가 여기에 나와 있습니다.

    OTT 앱용 UX를 디자인한 경험이 없을 수 있습니다. 이 문서의 마지막 섹션에서지침을 사용할 수 있습니까?를 클릭하면 공급 업체의 조언 목록이 표시됩니다. UI를 디자인하기 전에 지침을 읽고 고려할 수 있습니다.

    범주/선택 항목 기록

    이 문서를 통해 작업할 때 결정을 스프레드시트에 기록합니다. 스프레드시트를 준비하려면 다음 단계를 따르십시오.

    1. 다음 링크를 클릭하여 템플릿을 다운로드합니다: app-design-layout-options.xlsx . 저장 된 위치를 기억하십시오.
    2. Google 스프레드시트 앱에서 빈 스프레드시트를 엽니다.
    3. Google 스프레드시트 메뉴에서파일 > 가져오기를선택합니다.
    4. 표시되는 대화 상자에서 먼저업로드를선택한 다음 다음과 같이장치에서 파일 선택버튼을 클릭합니다.
    5. 방금 다운로드한 Excel 파일을 찾아 선택한 다음열기를클릭합니다.
    6. 나타나는파일 가져오기대화상자에서스프레드시트 바꾸기를선택한 다음데이터 가져오기버튼을 클릭합니다.
    7. 스프레드시트를 가져온 후에는 다음과 비슷한 내용이 표시됩니다.

    스프레드시트에 이 문서의 질문에 대한 답변을 기록합니다. 당신은 화면에 대한 레이아웃의 선택을 나타내는 드롭 다운 목록에서 선택합니다.

    이 프로세스가 끝나면 완성된 Google Sheet를 브라이트코브 담당자와 공유하여 사용 환경을 구성할 수 있습니다.

    사이트 레이아웃 옵션 선택

    다음은 앱의 여러 부분에 대한 레이아웃 옵션을 제공합니다. 표시된 이미지 및 기본 설정을 선택할 이미지는 모바일 앱에서 가져온 것입니다. 물론 TV 나 웹 화면은 약간 다르게 보입니다. 예를 들어, 모바일 앱의 영화 세부 정보 화면과 Apple TV 앱에서 동일한 영화 세부 정보 화면이 표시됩니다.

    영화 세부 정보 모바일
    영화 세부 사항 사과 tv

    이제 옵션 선택을 시작할 때입니다. 다음은 앱의 여러 부분에 대한 레이아웃 옵션을 제공합니다. 특정 레이아웃에 대한 옵션을 검토한 다음 스프레드시트에 선택 사항을 기록합니다.

    랜딩 페이지

    랜딩 페이지는 선택 사항입니다. 방문 페이지를 원할 경우 레이아웃을 선택하고, 그렇지 않으면없음을 선택합니다. 웹 앱에는 랜딩 페이지가 없습니다. 선택할 수있는가지 옵션이 있습니다.

    • 랜딩 A

      착륙_A
    • 랜딩 회전 목마

      랜딩_회전 목마

    영화 세부 정보 페이지

    동영상 세부 정보 페이지에는 특정 동영상에 대한 세부 정보 및 관련 동영상 목록이 표시됩니다. 선택할 수있는가지 옵션이 있습니다.

    • 동영상 상세 정보 A

      영화_세부 정보_A
    • 동영상 상세 정보 F

      영화_세부 정보_F
    • 동영상 상세 정보 G

      영화_세부 정보_G
    • 동영상 상세 정보 H

      영화_세부 정보_H

    시리즈 세부 정보 페이지

    시리즈 세부 정보 페이지에는 특정 시리즈에 대한 세부 정보와 관련 동영상 목록이 표시됩니다. 선택할 수있는가지 옵션이 있습니다.

    • 시리즈 세부 정보 A

      시리즈_상세_A
    • 시리즈 세부 정보 F

      시리즈_세부 정보_F
    • 시리즈 세부 정보 G

      시리즈_세부 정보_G
    • 시리즈 세부 정보 H

      시리즈_세부 정보_H

    라이브 TV

    고객은 현재 재생 중인 내용과 선택한 채널에서 다음에 재생되는 항목을 확인할 수 있습니다. 선택할 수있는가지 옵션이 있습니다.

    • 라이브 TV D

      라이브_텔레비전_D
    • 라이브 TV E

      라이브_텔레비전_E

    플레이어

    플레이어 컨트롤은 시리즈의 다른 비디오뿐만 아니라 다르게 나타납니다 (있는 경우). 선택할 수있는가지 옵션이 있습니다.

    • 플레이어 A

      플레이어_A
    • 플레이어 B

      플레이어_B
    • 플레이어 C

      플레이어_C
    • 플레이어 D

      플레이어_D

    라이브 TV 플레이어

    라이브 TV가 재생 중일 때 사용되는 플레이어입니다. 선택할 수있는가지 옵션이 있습니다.

    • 라이브 플레이어 A

      라이브_플레이어_A
    • 라이브 플레이어 B

      라이브_플레이어_B
    • 라이브 플레이어 D

      라이브_플레이어_D

    고객 설정

    고객의 설정 옵션을 표시합니다. 선택할 수있는가지 옵션이 있습니다.

    • 설정 A

      설정_A
    • 설정 회전 목마

      설정_회전 목마
    • 설정 그리드

      설정_그리드

    옵션 항목

    이 섹션에서는 몇 가지 선택적 항목을 포함할지 여부를 결정합니다. 스프레드 시트에서예/아니오로대답합니다.

    등급 팝업

    등급 팝업을 사용할지 결정합니다.

    레이팅 팝업

    추가 정보 팝업

    추가 정보 팝업을 사용할지 결정합니다.

    추가 정보 팝업

    화면 정보

    정보 화면을 사용할지 결정합니다.

    약

    앞으로 나아가다

    이 작업을 완료했습니다. 브라이트코브 비콘 익스피리언스 구축 시 나중에 브라이트코브 직원에게 제출할 수 있도록 작업한 스프레드시트를 저장해야 합니다.

    이렇게 하지 않은 경우 응용 프로그램 디자인만들기 - 정보 아키텍처를 통해 표시할 비디오와 그룹화 및 정렬 방법을 결정하여 응용 프로그램 디자인정의의 다른 부분을 완료해야 합니다.

    지침을 사용할 수 있습니까?

    UX 디자인은 복잡한 문제이므로 디자인을 만들 때 다른 사람들이 고려해야 할 사항을 알고 싶을 수도 있습니다. 다음은 설계 및 모범 사례에 대한 주요 OTT 플레이어 조언에 대한 링크입니다.


    마지막 업데이트 페이지 202020년 10월 29일