Nguyên tắc về trải nghiệm người dùng đối với màn hình lựa chọn do nhà phát triển hiển thị

Bạn có thể chọn cung cấp hệ thống thanh toán thay thế hoặc đường liên kết đến trang web bên ngoài cùng với Google Play Billing. Mặc dù Google có thể hiển thị màn hình lựa chọn, nhưng bạn cũng có thể hiển thị màn hình lựa chọn của riêng mình, miễn là bạn tuân thủ các nguyên tắc về trải nghiệm người dùng sau đây và khai báo lựa chọn hiển thị trong Play Console khi đăng ký (bạn cũng có thể cập nhật lựa chọn này bất cứ lúc nào). Cả hai phương thức triển khai đều yêu cầu tích hợp với các API lựa chọn thanh toán để hỗ trợ các màn hình thông tin cần thiết và chế độ kiểm soát của cha mẹ. Phần này trình bày các yêu cầu đối với việc hiển thị màn hình lựa chọn của riêng bạn để đảm bảo người dùng có trải nghiệm nhất quán và minh bạch khi đưa ra lựa chọn thanh toán đúng đắn.

Màn hình lựa chọn do nhà phát triển hiển thị, cho thấy các lựa chọn về cả hệ thống thanh toán thay thế và Google Play Billing.
Hình 1. Màn hình lựa chọn thanh toán do nhà phát triển hiển thị

Tính minh bạch về thanh toán

Để đảm bảo người dùng được thông báo đầy đủ về các lựa chọn thanh toán trước khi mua hàng, bạn phải tuân thủ các nguyên tắc sau:

  • Gắn nhãn: Bạn phải gắn nhãn rõ ràng cho các hệ thống thanh toán thay thế bằng thực thể được uỷ quyền, tên ứng dụng hoặc tên nhà phát triển. Điều này giúp người dùng hiểu rõ ai chịu trách nhiệm thực hiện giao dịch mua và cung cấp dịch vụ hỗ trợ khách hàng.
  • Biểu tượng ứng dụng hoặc biểu trưng thương hiệu: Mỗi lựa chọn thanh toán phải có biểu tượng ứng dụng hoặc biểu trưng thương hiệu riêng. Đối với lựa chọn thanh toán của Google Play, hãy tuân thủ nguyên tắc về thương hiệu của Google Play's brand guidelines bằng cách hiển thị biểu tượng Google Play với đầy đủ màu sắc trên nền sáng hoặc tối trung tính. Đối với lựa chọn thanh toán của riêng bạn, bạn chỉ được hiển thị biểu tượng ứng dụng hoặc biểu trưng thương hiệu nhà phát triển của riêng mình.
  • Phương thức thanh toán: Sử dụng thành phần mà API getBillingChoiceInfoAsync cung cấp để hiển thị các phương thức thanh toán hiện có cho lựa chọn thanh toán của Google Play, đồng thời duy trì cách xử lý tương tự khi trình bày các phương thức thanh toán cho lựa chọn thanh toán của riêng bạn.

    • Biểu trưng phương thức thanh toán: Đảm bảo rằng tất cả biểu trưng phương thức thanh toán đều được hiển thị đồng nhất cho từng lựa chọn thanh toán.
      • Đối với Google Play Billing, hãy xem API getBillingChoiceInfoAsync để biết thêm các lựa chọn sắp xếp phương thức thanh toán.
      • Nếu không xác định được những phương thức thanh toán cần hiển thị cho người dùng trên màn hình lựa chọn, bạn có thể chọn không hiển thị phương thức thanh toán cho lựa chọn thanh toán của riêng mình. Trong trường hợp này, bạn vẫn phải hiển thị các phương thức thanh toán cho lựa chọn Google Play Billing.
    • Truy xuất theo thời gian thực: Bạn phải tìm nạp và hiển thị các phương thức thanh toán mà API trả về mỗi lần; không được thay đổi hoặc lưu vào bộ nhớ đệm các thành phần này.
    • Văn bản bổ sung: Nếu số lượng phương thức thanh toán hiện có vượt quá số lượng biểu trưng được hiển thị, bạn có thể thêm văn bản để thông báo cho người dùng.

    Ví dụ:

    Ví dụ về các bố cục khác nhau để hiển thị biểu trưng thanh toán, cho thấy cấu hình một dòng và nhiều dòng.
    Hình 2. Biểu trưng phương thức thanh toán

Kiểu nút và khoảng cách

Bạn phải trình bày các nút cho hệ thống thanh toán thay thế và Google Play Billing theo cách công bằng cũng như đồng đều để giúp người dùng dễ dàng lựa chọn.

  • Trình bày đồng đều: Tất cả các thành phần trực quan, bao gồm kích thước nút, kích thước văn bản , kiểu phông chữ, độ tương phản và kích thước mục tiêu nhấn phải được trình bày đồng đều. Việc sử dụng và kích thước biểu trưng trong các nút cũng phải tương đương.
  • Khoảng cách: Các nút cho từng lựa chọn thanh toán phải được đặt gần nhau để người dùng có thể so sánh và chọn giữa các nút đó.
Hai nút chọn thông tin thanh toán có kích thước, phông chữ và kích thước biểu trưng giống hệt nhau để minh hoạ cách trình bày trực quan đồng đều.
Hình 3. Kiểu nút
Giao diện người dùng cho thấy hai nút lựa chọn thanh toán được đặt gần nhau để so sánh và lựa chọn.
Hình 4. Khoảng cách giữa các nút

Lời kêu gọi hành động (CTA)

Nhãn chính của các nút dẫn người dùng đến từng lựa chọn thanh toán phải tương đương và nhất quán. Nhà phát triển vẫn có thể đưa ra các ưu đãi và lợi ích khác nhau cho từng lựa chọn thanh toán. Tuy nhiên, nếu bạn cung cấp các ưu đãi và lợi ích đó, thì bạn cũng phải trình bày các lợi ích theo chương trình khách hàng thân thiết của Play theo cách tương đương.

Ví dụ:

Bản mô phỏng các nút kêu gọi hành động thanh toán song song và trung lập cho dịch vụ thanh toán của nhà phát triển và Google Play Billing.
Hình 5. Lời kêu gọi hành động

Các tính năng không bắt buộc

Bạn có thể tuỳ ý thêm các tính năng sau, miễn là bạn cũng hiển thị các tính năng đó cho lựa chọn Google Play Billing.

  • Lợi ích theo chương trình khách hàng thân thiết: Nếu bạn hiển thị thông tin về chương trình khách hàng thân thiết, thì bạn phải trình bày thông tin đó theo cách tương đương và phải hiển thị cho cả hai lựa chọn thanh toán. Tìm nạp thông báo về chương trình khách hàng thân thiết cho lựa chọn thanh toán của Google Play từ API getBillingChoiceInfoAsync mỗi lần; không lưu thông tin này vào bộ nhớ đệm hoặc lưu trữ thông tin này. Ví dụ:

    Ví dụ minh hoạ các lợi ích của chương trình khách hàng thân thiết với mức độ nổi bật như nhau trong cả hai lựa chọn thanh toán.
    Hình 6. Lợi ích theo chương trình khách hàng thân thiết
  • Đường liên kết đến trang web bên ngoài: Nếu bạn dẫn người dùng ra khỏi ứng dụng để hoàn tất giao dịch mua, thì bạn phải cho biết rõ điều này. Văn bản phải rõ ràng về mặt hình ảnh và thông báo rõ ràng cho người dùng rằng họ đang được chuyển hướng ra khỏi ứng dụng đến một trang web bằng văn bản sau: "Bạn sẽ được chuyển hướng đến một trang web". Ví dụ:

    Ví dụ về một lựa chọn thanh toán bên ngoài, trong đó có một thông báo cho người dùng biết rằng họ sẽ được chuyển hướng đến một trang web.
    Hình 7. Đường liên kết đến trang web bên ngoài