Android의 새로운 Google Pay 버튼 뷰 도입

5월 09, 2023
Jose Ugia Developer Relations Engineer

이 버튼은 고객이 Google Pay를 통해 친숙한 결제 절차를 신속하게 시작할 수 있는 출발점입니다. 몇 가지 업데이트를 통해 이 버튼의 사용성을 개선하고 사용자가 원하는 체크아웃(checkout, 주문하기) 디자인에 맞게 사용자 정의할 수 있도록 만들었습니다. 이로써 더욱 일관성 있고 유익한 경험을 통해 고객들이 체크아웃을 더 쉽게 진행할 수 있습니다.

새로운 모습과 향상된 사용자 지정 기능 제공

전에 여러분의 비즈니스에 일관된 체크아웃 경험이 중요하다는 점을 알려주셨습니다. 저희는 그러한 피드백을 반영하여 최신 Material 3 디자인 원칙을 적용한 Google Pay 버튼을 새롭게 디자인했습니다. 새로운 Google Pay 버튼은 어두운 테마와 밝은 테마 어느 쪽에서든 잘 어울리는 두 가지 버전을 제공함으로써, 다양한 애플리케이션 디자인에 맞춰 멋지게 보일 수 있도록 했습니다. 또한, 낮은 대비의 인터페이스에서도 버튼이 돋보일 수 있도록 섬세한 외곽선을 추가하여 디자인을 개선했습니다. 이와 더불어, 버튼의 형태와 모서리 둥근 정도를 쉽게 조정할 수 있는 새로운 사용자 지정 기능을 도입하여 일관된 체크아웃 경험을 구현할 수 있도록 했습니다.

Introducing2
그림 1: Android용으로 새로 선보이는 Google Pay 버튼 뷰는 여러분의 결제 환경과 더 일관성 있도록 맞춤 설정이 가능합니다.

Android용 새로운 버튼 뷰

Google Pay API를 업데이트하여 Android에 새로운 버튼 뷰를 도입함으로써, 버튼의 통합 과정이 더욱 간편해졌습니다.이제 XML 레이아웃에 Google Pay 버튼을 직접 추가하고 더 친숙한 방식으로 구성할 수 있습니다. 또한 프로그래밍 방식으로 버튼을 구성할 수도 있습니다. 이 뷰는 버튼 테마 및 모서리 반경과 같은 속성을 설정할 수 있으며, 그래픽과 번역이 포함되어 있어 다운로드하고 수동으로 구성할 필요가 없습니다. 간단히 뷰를 인터페이스에 추가하고 조정하기만 하면 됩니다.

새로운 버튼 API는 현재 베타 버전으로 제공됩니다. 새로운 버튼 뷰를 사용하기 위한 Android용 업데이트된 튜토리얼을 확인해 보세요.

A New Button View
그림 2: 안드로이드 XML 레이아웃에 바로 추가하고 구성하는 방법을 보여주는 구현 예시

고객에게 카드의 마지막 4자리 숫자와 같은 추가 정보 제공

앞서, 우리는 웹용 동적 Google Pay 버튼을 도입했는데, 이 버튼은 고객이 마지막으로 사용한 결제 수단의 카드 네트워크와 마지막 네 자리 숫자를 버튼에 직접 보여주는 기능을 제공합니다. 이후 이러한 추가 정보 덕분에 전환율이 개선되고 거래 건수가 최대 40% 증가하는 결과를 확인할 수 있었습니다.

이번 분기 후반에는 안드로이드용 새로운 버튼 뷰를 구성하여, 사용자들이 Google Pay로 마지막 결제를 완료한 카드에 대한 추가 정보를 볼 수 있도록 할 예정입니다. 또한, 우리는 직관적인 Kotlin API를 사용하여 UI를 더 신속하게 구축할 수 있도록, Jetpack Compose에서 Google Pay 버튼을 UI 요소로 제공하는 작업도 진행 중입니다.

dynamicButton
그림 3: 새로운 Google Pay 버튼 뷰의 동적 버전이 Android에서 어떻게 표시되는지 보여주는 예.

다음 단계

Android에서 새로운 Google Pay 버튼 뷰를 사용하는 방법을 알아보려면이 문서를 참조하세요. 또한, GitHub에 있는 샘플 오픈 소스 애플리케이션에서 우리가 직접 마련한 버튼 통합 방식도 확인해 보시기 바랍니다.