Những nguyên tắc tạm thời về trải nghiệm người dùng dành cho chương trình về phương thức thanh toán thay thế không do người dùng chọn tại Khu vực kinh tế Châu Âu (EEA)

Tổng quan

Những nguyên tắc này dành cho nhà phát triển tham gia chương trình của chúng tôi với mục đích cung cấp cho người dùng tại Khu vực kinh tế Châu Âu (EEA) một phương thức thanh toán thay thế không do người dùng chọn cho hệ thống thanh toán của Google Play. Nhà phát triển (có người dùng ở Khu vực kinh tế Châu Âu (EEA)) đang tham gia chương trình thí điểm về phương thức thanh toán do người dùng chọn và cung cấp một hệ thống thanh toán thay thế song song với hệ thống thanh toán của Google Play cần áp dụng những nguyên tắc về trải nghiệm người dùng đối với phương thức thanh toán do người dùng chọn. Những nguyên tắc về trải nghiệm người dùng này nhằm duy trì trải nghiệm nhất quán cho người dùng bằng cách yêu cầu nhà phát triển hiển thị màn hình thông tin cho từng người dùng trong lần đầu tiên người dùng bắt đầu giao dịch mua. Bạn phải triển khai thông báo dành cho người dùng và thông số giao diện người dùng của màn hình thông tin theo các nguyên tắc sau.

Ứng dụng dành cho nhà phát triển

Màn hình thông tin dành cho người dùng

Chọn ngôn ngữ

Chọn ngôn ngữ của người dùng để xem các chuỗi văn bản trên giao diện người dùng tương ứng trong phần thông số kỹ thuật thiết kế bên dưới.

  • Hiển thị tất cả ngôn ngữ
  • Chọn ngôn ngữ
  • Tiếng Bungary
  • Tiếng Catalan
  • Tiếng Croatia
  • Tiếng Séc
  • Tiếng Đan Mạch
  • Tiếng Hà Lan
  • Tiếng Anh
  • Tiếng Estonia
  • Tiếng Phần Lan
  • Tiếng Pháp
  • Tiếng Đức
  • Tiếng Hy Lạp
  • Tiếng Hungary
  • Tiếng Iceland
  • Tiếng Ý
  • Tiếng Latvia
  • Tiếng Lithuania
  • Tiếng Na Uy
  • Tiếng Ba Lan
  • Tiếng Bồ Đào Nha (Brazil)
  • Tiếng Bồ Đào Nha (Châu Âu)
  • Tiếng Romania
  • Tiếng Slovakia
  • Tiếng Slovenia
  • Tiếng Tây Ban Nha
  • Tiếng Thuỵ Điển

Thông tin dành cho người dùng

Màn hình thông tin giúp người dùng hiểu được mức độ tác động của sự thay đổi này.

Thời điểm hiển thị

Người dùng phải thấy màn hình thông tin khi họ bắt đầu giao dịch mua đầu tiên. Trong những giao dịch mua tiếp theo của người dùng, thông báo này không cần xuất hiện. Màn hình thông tin phải xuất hiện ngay sau khi người dùng thực hiện hành động rõ ràng để bắt đầu giao dịch mua.

Thời điểm hiển thị giá

Bạn cần cho người dùng thấy giá mua một cách rõ ràng trước khi màn hình thông tin xuất hiện.

Cách hiển thị

Màn hình thông tin phải xuất hiện trong cửa sổ bảng dưới cùng. Bảng dưới cùng dạng thay thế thì tương tự như một hộp thoại dạng thay thế có hiệu ứng di chuyển từ cuối màn hình lên và được ghim ở dưới cùng. Loại bảng dưới cùng này được đặt lên trên tất cả các thành phần trên giao diện người dùng nằm ở màn hình bên dưới. Một màn tối sẽ che phần màn hình bên dưới để cho người dùng biết rằng màn hình đó sẽ không phản hồi với hành động tương tác.

Hãy tham khảo công cụ Material Design của Google để biết thêm thông tin về cách thiết kế và triển khai các bảng dưới cùng dạng thay thế.

Hành động của người dùng

Hệ thống phải kích hoạt bảng dưới cùng khi người dùng nhấn vào một nút hoặc thành phần trên giao diện người dùng khác trong ứng dụng để bắt đầu mua hàng. Có 2 thao tác mà người dùng có thể thực hiện trên màn hình thông tin:

Tôi hiểu

Thao tác nhấn vào nút "Tôi hiểu" sẽ đóng màn hình thông tin và mở màn hình tiếp theo trong quy trình thanh toán.

Tìm hiểu thêm

Thao tác nhấn vào nút "Tìm hiểu thêm" sẽ mở bài viết trong Trung tâm trợ giúp của Google trên trình duyệt web.

Đóng

Nếu người dùng muốn đóng bảng dưới cùng và quay lại màn hình bên dưới, thì họ có thể đóng bảng dưới cùng bằng cách:

  • Nhấn vào phần bên ngoài vùng chứa của bảng dưới cùng
  • Nhấn vào nút "Quay lại" trong hệ thống Android

Màn hình thông tin không cần hiện lại sau khi đã đóng hoặc sau khi người dùng nhấn vào "Tôi hiểu".

Ví dụ: Khi người dùng nhấn để mua hàng trong ứng dụng của bạn, nút này sẽ kích hoạt màn hình thông tin.

Thông số kỹ thuật thiết kế

Màn hình thông tin được chia thành 3 thành phần: tiêu đề, thông báo và nút. Cả 3 thành phần đều bắt buộc phải chứa chính xác văn bản và thành phần trên giao diện người dùng được xác định trong các nguyên tắc này. Đừng đưa thêm văn bản hoặc hình ảnh nào vào màn hình này. Tuy nhiên, bạn có thể đưa thêm văn bản hoặc hình ảnh vào các màn hình khác.

  1. Tiêu đề
  2. Văn bản 1
  3. Văn bản 2
  4. Nút
  5. Bảng dưới cùng
  6. Màn nền

Tiêu đề

Văn bản Chọn ngôn ngữ
Phông chữ Roboto (áp dụng cho tất cả phông chữ)
Cỡ chữ 18 sp
Màu phông chữ #202124

Văn bản 1

Dùng để làm nổi bật những điểm chính được xem là thông tin quan trọng.

Văn bản Chọn ngôn ngữ
Cỡ chữ 14 sp
Chiều cao dòng 20
Màu phông chữ #5F6368

Văn bản 2

Dùng cho thông tin phụ có mức độ ưu tiên thấp hơn.

Văn bản Chọn ngôn ngữ
Cỡ chữ 12 sp
Chiều cao dòng 16
Màu phông chữ #5F6368

Nút 1

Văn bản Chọn ngôn ngữ
Căn chỉnh văn bản Đã căn giữa
Cỡ chữ 14 sp
Độ đậm phông chữ Medium
Màu phông chữ #01875F
Màu nền #FFFFFF
Kích thước Chiều cao: 36, Chiều rộng: điều chỉnh tỷ lệ theo vùng chứa
Bán kính góc 4 dp
Đường viền 1 dp, #DADCE0
Đường liên kết Các đường liên kết đến bài viết trợ giúp về Google Play

Nút 2

Văn bản Chọn ngôn ngữ
Căn chỉnh văn bản Đã căn giữa
Cỡ chữ 14 sp
Độ đậm phông chữ Medium
Màu phông chữ #FFFFFF
Màu nền #01875F
Kích thước Chiều cao: 36, Chiều rộng: điều chỉnh tỷ lệ theo vùng chứa
Bán kính góc 4 dp
Đường liên kết Các đường liên kết đến màn hình tiếp theo trong quy trình thanh toán

Bảng dưới cùng

Kích thước Chiều cao: biến, chiều rộng: 100%
Bán kính góc 8 dp, 8 dp, 0, 0
Thông tin khái quát #FFFFFF
Khoảng đệm bên trong Trái: 24 dp, Phải: 24 dp, Trên cùng: 32 dp, Dưới cùng: 24 dp
Độ nâng 8 dp

Khổ ngang

Ở khung hiển thị ngang, bảng dưới cùng sẽ rộng hơn khung hiển thị dọc, còn lại vẫn tuân thủ theo các chức năng và thông số kỹ thuật thiết kế tương tự.

Bảng dưới cùng Chiều rộng: tối đa 500 dp, Khoảng đệm bên trong: 24 dp
Tiêu đề Giống như chế độ xem dọc
Thông điệp Giống như chế độ xem dọc
Nút Chiều cao: 36, Chiều rộng: điều chỉnh tỷ lệ theo vùng chứa

Để biết thêm chi tiết liên quan đến chương trình về phương thức thanh toán thay thế không do người dùng chọn ở Khu vực kinh tế Châu Âu (EEA) cũng như các câu hỏi thường gặp, vui lòng truy cập vào Trung tâm trợ giúp của chúng tôi.