개발자 렌더링 선택 화면의 UX 가이드라인

Google Play 결제와 함께 개발자 제공 결제 시스템 또는 외부 웹 링크를 제공할 수 있습니다. Google에서 선택 화면을 렌더링할 수 있지만, 다음 UX 가이드라인을 준수하고 등록 시 Play Console에서 렌더링 환경설정을 선언하는 경우 자체 선택 화면을 렌더링할 수도 있습니다 (언제든지 업데이트 가능). 두 구현 경로 모두 필요한 정보 화면과 자녀 보호 기능을 용이하게 하기 위해 결제 선택 API와 통합해야 합니다. 이 섹션에서는 사용자가 충분한 정보를 바탕으로 결제 선택을 할 수 있도록 일관되고 투명한 환경을 보장하기 위해 자체 선택 화면을 렌더링하는 데 필요한 요구사항을 설명합니다.

결제 투명성

사용자가 구매하기 전에 결제 옵션에 대해 충분히 알 수 있도록 하려면 다음 가이드라인을 준수해야 합니다.

• 라벨링: 대체 결제 시스템에 승인된 법인, 앱 이름 또는 개발자 이름을 명확하게 라벨링해야 합니다. 이렇게 하면 사용자가 구매를 처리하고 고객 지원을 제공하는 주체를 이해할 수 있습니다.
• 앱 아이콘 또는 브랜드 로고: 각 결제 옵션에는 특정 앱 아이콘 또는 브랜드 로고가 표시되어야 합니다. Google Play 결제 옵션의 경우 중립적인 밝은색 또는 어두운색 배경에 풀 컬러 Google Play 아이콘을 표시하여 Google Play의 브랜드 가이드라인을 따르세요. 자체 결제 옵션의 경우 자체 앱 아이콘 또는 개발자 브랜드 로고만 표시해야 합니다.

• 결제 수단: getBillingChoiceInfoAsync API에서 제공하는 애셋을 사용하여 Google Play의 결제 옵션에 사용 가능한 결제 수단을 표시하고 자체 결제 옵션의 결제 수단을 표시할 때 유사한 처리를 유지합니다.

  • 결제 수단 로고: 모든 결제 수단 로고가 각 결제 옵션에 대해 균일하게 표시되어야 합니다.
    • Google Play 결제의 경우 getBillingChoiceInfoAsync API에서 추가 결제 수단 정렬 옵션을 확인하세요.
    • 선택 화면에서 사용자에게 표시할 결제 수단을 결정할 수 없는 경우 자체 결제 옵션의 결제 수단을 표시하지 않도록 선택할 수 있습니다. 이 경우에도 Google Play 결제 옵션의 결제 수단을 표시해야 합니다.
  • 실시간 검색: API에서 반환된 결제 수단을 매번 가져와서 표시해야 합니다. 이러한 애셋을 변경하거나 캐시하지 마세요.
  • 추가 텍스트: 사용 가능한 결제 수단 수가 표시된 로고 수를 초과하는 경우 사용자에게 알리기 위해 추가 텍스트를 포함할 수 있습니다.

  예를 들면 다음과 같습니다.

  

버튼 스타일 및 근접성

사용자가 선택할 수 있도록 개발자 제공 결제 시스템과 Google Play 결제 버튼은 공평하고 동등한 방식으로 표시되어야 합니다.

• 균등한 표현: 버튼 크기, 텍스트 크기, 글꼴 스타일, 대비, 탭 타겟 크기를 비롯한 모든 시각적 요소는 균등하게 표현되어야 합니다. 버튼 내 로고 사용 및 크기도 동일해야 합니다.
• 근접성: 사용자가 각 결제 옵션을 비교하고 선택할 수 있도록 각 결제 옵션의 버튼이 서로 가까운 위치에 배치되어야 합니다.

클릭 유도 문구 (CTA)

사용자를 각 결제 옵션으로 안내하는 버튼의 기본 라벨은 동일하고 일관되어야 합니다. 개발자는 여전히 각 결제 옵션에 대해 차별화된 혜택을 제공할 수 있습니다. 하지만 이 정보가 제공되면 Google Play의 충성도 혜택도 동일한 방식으로 표시해야 합니다.

예를 들면 다음과 같습니다.

선택적 기능

Google Play 결제 옵션에도 표시되는 경우 다음 기능을 재량에 따라 포함할 수 있습니다.

• 포인트 혜택: 포인트 정보가 표시되는 경우 동등하게 표시되어야 하며 두 결제 옵션 모두에 표시되어야 합니다. 매번 getBillingChoiceInfoAsync API에서 Google Play 결제 옵션의 포인트 메시지를 가져옵니다. 이 정보를 캐시하거나 저장하지 마세요. 예를 들면 다음과 같습니다.

  

• 외부 웹 링크: 구매를 완료하기 위해 사용자를 앱 외부로 유도하는 경우 이를 명확하게 표시해야 합니다. 텍스트는 시각적으로 명확해야 하며, 사용자가 앱에서 웹사이트로 이동한다는 것을 명시적으로 알려야 합니다('웹페이지로 리디렉션됩니다'라는 텍스트 사용). 예를 들면 다음과 같습니다.