iOS Developer Library

Developer

iOS Human Interface Guidelines

iBooks
On This Page

애플 페이

애플 페이는 iOS장치에서의 결제를 쉽고, 안전하며, 사적인 방법이다. 앱 내에서의 물리적 상품이나 서비스 구매시, 사람들은 그들의 연락처, 배송정보, 지불 정보를 안전하고 빠르게 하기 위해 애플 페이를 사용할수 있다.

image: ../Art/apple_pay_2x.png

에플 페이로, 사용자들은 계정이나 정보 유형을 만들 필요없이 구매를 할 수 있다. 에플 페이는 매우 신속히 결제 절차와 선불처리를 도우며, 귀찮은 것 없는 구매와 상품 검색에 더 좋은 경험을 준다. 더 많은 정보를 원한다면 에플 페이 프로그래밍 가이드를 보아라..

에플 페이 UI는 깔끔하고, 간결하며, 현대적이다. 에플 페이는 3개의 다른 문맥으로 구성되어 있다.

image: ../Art/apple_pay_small_button_2x.png

버튼. 에플 페이 버튼은 사용자들이 상품 페이지 같은 즉각적인 페이지 구매를 할수 있음을 나타낸다. 사용자가 에플 페이 버튼을 누르면, 지불 시트와 결제 절차를 시작하는 것을 볼수 있다.

지불 마크. 사용자들은 지불이 되기 이전에 최종적인 추가정보와 구매 옵션을 선택하는 것이 필요 할때 애플 페이 지불 마크를 보기를 원한다. 지불 마크는 다른 지불 옵션이 같거나 비슷한 형식으로 표시 될 때 표시되어야 한다.

image: ../Art/apple_pay_payment_marks_2x.png
image: ../Art/apple_pay_payment_sheet_2x.png

지불 시트. 사용자가 주문과 지불 절차를 완료하기 이전에, 에플 페이는 연락처, 배송, 결제와 관련괸 지불 정보가 있는 지불 시트를 표시해야 한다. 비록 사람들이 지불 시트에 더룬 배송 방법과 같이 바꿀 수 있더라도, 추가적인 정보에 들어가거나, 변화를 줄 수 없어야 한다. 사용자가 지불 시트를 볼 때, 즉각적으로 거래나 지불 허가를 완료할 수 있어야 한다.

사용자가 애플 페이를 사용할 수 없다면, 에플페이 UI를 표시하지 말아라. 만약 어떤 사용자가 에플 페이가 지원되지 않는 장치를 사용하거나, 증명된 카드가 없다면, 지불 옵션과 같은 광고는 그들을 잘못 이끌거나, 혼란을 줄 수 있다. 그런 사용자들의 에플 페이의 설치를 설득하는 것을 피해라.

사용자가 애플 페이 버튼을 누르면 바로 지불 시트를 표시하여라. Including additional steps after users have decided to begin their checkout with Apple Pay adds more friction to completing the payment, which can complicate the checkout process and frustrate people. 사용자가 에플 페이 버튼을 누른 후에는 추가적인 경고나 모달 뷰의 표시를 하지 말아라.

애플 페이 버튼은 다른 지불 버튼보다 크거나 같은 사이즈로 표시해라. 애플 페이 버튼이 사용자들이 쉽게 찾을 수 있도록 하기 위해 눈에 띄게 보여주어라.

image: ../Art/apple_pay_target_2x.png

애플 페이 버튼과 지불 마크의 사용법에 대한 추가적인 가이드 라인은 에플 페이 아이덴티티 가이드라인을 보아라.

지불 시트 커스터마이징

당신이 구입에 대한 사용자에게 전달하기 위해 필요로하는 거래 및 정보를 완료 하기 위해 알아야 할 정보 에 따라 표시하는 에플 페이 지불 시트를 커스터마이징 할 수 있습니다.

반드시 지불 시트에 거래를 완료하기 위해 필요한 정보만을 표시하여라. 사용자들은 관련없는 정보를 표시하는 에플 페이 지불 시트에 혼란이나 걱정을 하게 될 것이다. 예를 들어, 상품이 배달되거나 전자상으로 성취가 되었다면, 배송 주소가 아닌 이메일 주소를 요구하는게 타당하다. 이러한 경우에 배송 주소를 요구하는 것은 사용자들에게 집이나 직장으로 우연히 무엇인가 배송이 될 것이라는 인상을 줄 수 있고, 그들의 정보가 불필요하게 사용될 수 있다는 걱정의 원인이 될 수 있다.

사용자에게 지불 시트 안에서 배송수단을 선택하게 해라. 사용자들은 에플 페이 지불 시트 안에 명시된 여러 배송 수단중에서 선택을 할 수 있다. 배송 수단을 명시하기 위해 라벵, 가격, 그리고 배송 날짜 예정일을 명시해야만 한다.

구매한 상품에 추가된 비용에 대한 품목명을 사용해라. 품목명은 “선물 포장 $5.00”이나 “세금 $4.53.”같은 라벨과 가격으로 구성된다. 물론, "금요일 할인 -$2.00.”와 같은 할인된 가격에 대해서도 적혀 있어야 한다. 상품의 명세서를 보여주는 품목명의 사용을 피해라.

가능하면, 단일품목을 보여줄 수 있는 항목 라밸을 만들어라. 랑목명 라벨은 명확하고 쉽게 사용자들에게 이해되어야 한다. 장황한 라벨은 사용자들이 얼핏 봐서 항목명을 이해하기는 어렵다.

"페이" Provide a business name after the word “PAY” on the same line as the total. 이것은 사용자들이 진행하고 있는 지불에 대한 안심을 시켜준다.

지불을 할 때 총 비용을 알 수없는 경우 추가 비용이 있을 수 있다는 의사 소통을 확싷히 해야한다.  사용자들은 정확한 총액을 알지 못하고 구매에 에플 페이 지불을 할 수 있다. 예를 들어, 자동차는 거리에 기반하지만, 차를 포스팅한 시점과 구매하려는 시점에 그 값이 변경이 될 수 있다. 다른 가능성으로, 고객은 상품이 배송된 후에 팁을 원한다. 이러한 경우에는 명확하게 지불 시트 안에 설명하는 것이 중요하다. 사용자가 총액의 계산에 이해를 할 수 있도록 추가 비용 혹은 사업 명 뒤의 추가 문구에 대한 성명을 해야 한다. 만약 총액을 선결제를 한 경우, 확실히 지불 씨트에 이러한 정보들이 반영이 되어야 한다.

결제 절차 간소화

사람들은 구매를 쉽고 빠르게 하는 애플 페이를 사용을 환영한다. 단 몇 개의 결제 절차 단계와 사용자가 설명서에 들어가야 하는 적은 정보가 더 좋다.

항상 가장 최신의 애플 페이 정보를 사용해라. 사용자들이 에플 페이에서 결제를 진행하는 동안에 수집된 이전의 정보를 사용하지 말고, 최신의 에플 페이 정보를 사용하도록 해라. 수집된 연락처, 배송정보, 지불 정보가 있더라도, 에플 페이에서 결제하는 동안에는 최근의 정보를 사용해라. Avoid making people enter any information during checkout that you could have retrieved from Apple Pay.

당신의 앱에 장바구니가 없다면 단일 항목의 구매의 승인을 위해 애플 페이를 사용해라. 단일 항목 구매를 위해, 지불 시불 시트와 즉시 계산하는 절차를 표시하기 위해 상품 페이지에 애플 페이 버튼을 사용자가 누르도록 해라.

빠른 계산을 제공하기 위해 애플 페이를 사용해라. 만일 당신의 앱이 장바구니와 장바구니 안의 모든 상품이 같은 장소에 같은 방법으로 배송된다면, 애플 페이를 사용해서 빠른 계산을 제공해라. 구매를 위해 필요로 하는 모든 정보는 지불 시트 안에 적용 되어 있어야 하기 떄문에, 상품을 구매하기 위한 준비를 하는 즉시 지불 시트를 표시해라.

Depending on your app’s checkout experience, you may need to collect additional information before beginning the Apple Pay checkout process. When you do, be sure to collect the right information before displaying the payment sheet, and then let the payment sheet take care of the rest.

지불 시트를 표시하기 전에 다른 주소나 다른 배송 수단을 명확하게 해라. 당신의 앱에서 다른 배송 수단이나 다른 주소로 각각의 상품을 배송할 능력과 장바구니를 가지고 있다면, 야플 페이 지불 시트를 표시하기 전에 이러한 정보에 들어갈 수단을 제공해라. 비록 지불 시트에 여러 배송 수단이나 주소가 명시될 수 없을 지라도, 여전히 구매 정보를 보기 위해 애플 페이를 사용해야 한다.

Let users specify additional information for in-store pickup before displaying the payment sheet. If your app offers an in-store pickup as a delivery option, give people a means of entering relevant information before displaying the payment sheet, including:

  • A name, in case the person picking up the order isn’t the same as the person placing the order

  • A store location (if you need the user to select the store location for pick-up, use Location Services to show them the closest store and have them select one before displaying the payment sheet)

Make sure to collect redemption codes for discounts before displaying the payment sheet. Because there’s no way to input codes within the Apple Pay payment sheet, be sure to collect any codes before displaying the sheet.

Display an order confirmation or thank you page. To provide a clear user experience, after the payment is complete, use an order confirmation page to display details about when the merchandise will ship and how users can check the status of their order.

If appropriate, note Apple Pay on your confirmation page. Although it’s not necessary to mention Apple Pay on your confirmation screen, if you choose to, use one of these formats:

  • “Visa ••••1234 (Apple Pay)”

  • “Paid with Apple Pay”