チェックアウトと支払い


人々は、Apple Pay を使って素早く簡単に購入できることを高く評価します。合理化されたチェックアウトプロセスを作成し、カスタマイズされた支払いシートを提示することで、あなたのアプリやウェブサイトでの購入体験を向上させることができます。


チェックアウトプロセスの合理化


まとまりのあるチェックアウト体験を提供します。 チェックアウトフロー全体があなたのアプリやウェブサイトと緊密に統合されていると感じるのが最適です。統合に対する人々の認識を強化するには、チェックアウト体験全体であなたのブランドを使用し、別のページやウィンドウを開かないようにします。特に Web サイトのチェックアウトフローでは、プロセス中に新しいウィンドウを開くと混乱が生じ、別の Web サイトに移動したと人々に思われる可能性さえあります。


Apple Pay が有効になっている場合は、その人がそれを使いたいと思っていると思いましょう。 Apple Pay ボタンを最初の支払いオプションとして提示するか、他のオプションよりも大きく表示するか、線を使用して他の選択肢と視覚的に区別することを検討してください。


商品詳細ページの Apple Pay ボタンで単品購入を加速します。 ショッピングカートを提供するだけでなく、商品詳細ページに Apple Pay ボタンを配置して、人々が個々の商品をすばやく購入できるようにすることを検討してください。この方法で開始された購入は、個々の商品のみを対象とし、ショッピングカートに既にある商品は除外する必要があります。ショッピングカートに商品詳細ページから直接購入した商品が含まれている場合は、購入が完了した後にカートから商品を削除してください。


素早いチェックアウトで複数商品の購入を加速します。 支払いシートをすぐに表示する素早いチェックアウト機能を提供することを検討してください。これにより、人々は単一の配送方法と配送先を使用して複数の商品をすばやく購入できるようになります。クーポンやプロモーションコードを提供する場合、支払いシート上に人々が入力できるようにすることで、素早いチェックアウトの体験を向上させることができます。


人々が Apple Pay ボタンにたどり着く前に、色やサイズのオプションなどの必要な情報を収集して下さい。 顧客がオプションを選択し忘れたなどの理由で、チェックアウト時に追加情報が必要な場合は、問題を丁寧に指摘し、修正できるようにします。強調表示または警告テキストを使用して不足している情報を特定し、問題のあるフィールドに自動的に移動して、人々がすばやく修正して購入を完了できるようにします。


チェックアウトが始まる前に、オプションの情報を収集します。 ギフトメッセージや配送指示などのオプションデータを支払いシートに入力する方法はないため、事前にまたは購入が完了した後でさえ、これらの情報を収集してください。


支払いシートを表示する前に、複数の配送方法と配送先を収集します。 支払いシートでは、人々は注文全体に対して単一の配送方法と配送先を選択できます。顧客が注文の個々の商品に対して異なる配送方法と配送先を選択できる場合は、支払いシートではなく、Apple Pay チェックアウトが始まる前にそれらの詳細を収集してください。


店舗受け取りの場合は、支払いシートを表示する前に人々が受け取り場所を選択できるようにします。 顧客が希望する受け取り場所を選択したら、読み取り専用形式を使用して支払いシートに場所の住所を表示します。開発者向けガイダンスについては、読み取り専用の受け取り場所の表示 (Displaying a Read-Only Pickup Address) を参照してください。


Apple Pay からの情報を優先します。 Apple Pay 情報が完全で最新のものであると仮定します。あなたのアプリや Web サイトに既存の連絡先、配送、支払い情報がある場合でも、チェックアウト時に Apple Pay からの最新の情報を取得して、修正の可能性を減らすことを検討してください。


購入前にアカウントの作成を要求することは避けてください。 人々にアカウントを登録してもらいたい場合は、注文確認ページで登録するよう依頼してください。チェックアウト時に支払いシートによって提供される情報を使用して、できるだけ多くの登録フィールドに事前入力します。



支払いシートで人々が確認できるように、取引の結果を報告します。 失敗した場合は、提供されたエラーを支払いシートに表示できるため、人々は問題を解決するための措置を講じることができます。


注文確認または感謝ページを表示します。 支払いシートに取引の結果が表示されたら、注文確認ページを表示して、購入に対する感謝の気持ちを伝え、注文の発送時期に関する詳細を提供し、状況を確認する方法を示します。確認ページに Apple Pay を記載する必要はありませんが、記載する場合は、取引の処理に使用したアカウントの下 4 桁の後に表示するか、別のメモとして表示してください。例: 「1234 (Apple Pay)」または「Apple Pay で支払い済み」。


支払いシートのカスタマイズ


必須の情報のみを提示して要求します。 支払いシートに無関係な情報が含まれていると、人々は混乱したり、プライバシーの問題を抱えたりする可能性があります。たとえば、購入が電子的に配信されるギフトカードの場合、連絡先の電子メールアドレスは表示されますが、配送先住所は表示されません。このシナリオで配送先住所を表示または要求すると、何かが実際に配送されるという誤った印象を与える可能性があります。


有効なクーポンやプロモーションコードを表示するか、人々が入力できるようにします。 たとえば、支払いシートが表示される前に人々がコードを入力できる場合、それをシートに表示することで、コードが期待どおりに機能することを安心させることができます。または、支払いシートでコード入力を有効にすると、素早いチェックアウトフローで特に役立ちます。


支払いシートで人々が配送方法を選択できるようにします。 スペースが許す限り、利用可能なオプションごとに、明確な説明、費用、およびオプションで配送または集荷予定日 (または日付の範囲) を示します。iOS 15 以降では、配送方法のカレンダーとタイムゾーンのサポートを利用して、顧客の現在地に関係なく、正確な配達または集荷情報を提供できます。開発者向けガイダンスについては、PKDateComponentsRange (PKDateComponentsRange) を参照してください。


店舗受け取りの場合は、利用者が自分に合った受け取りウィンドウを選択できるように検討してください。 配送方法を使用して、人々が選択できる範囲の日付と時刻を指定できます。


行の項目を使用して、追加料金、割引、保留中の費用、追加の寄付、定期的な支払い、将来の支払いについて説明します。 行の項目には、ラベルとコストが含まれます。定期支払いの項目には、頻度を含めることもできます。行の項目を使用して、購入を構成する製品の項目別リストを表示しないでください。開発者向けガイダンスについては、paymentSummaryItems (paymentSummaryItems) を参照してください。寄付に関するガイダンスについては、寄付 を参照してください。


iOSWeb



行項目は短くします。 行項目を具体的で一目で理解できるようにします。可能な限り、行項目を 1 行に収めます。


合計と同じ行の Pay (支払い) の後に会社名を入力します。 銀行やクレジットカードの明細書で人々が請求を探すときに表示されるのと同じ会社名を使用してください。これにより、支払いが適切な場所に行われるという安心感が得られます。例: [Business_Name(会社名)] に支払います。


あなたが小売業者でない場合は、支払いシートに会社名と担当者の名前の両方を明記してください。 あなたのアプリ、アプリクリップ、または Web サイトが、あなたの会社とは関係のない小売業者から人々が購入するのに役立ついくつかの方法があります。たとえば、市場アプリは、人々が見覚えのない小売業者から購入するのに役立ちます。もう 1 つの例は、人々が店舗のチェックアウトカウンターに行かなくても、小売業者の実店舗で項目の支払いに使用できるセルフチェックアウトサービスを提供するアプリです。このようなシナリオでは、人々は 2 つの企業が取引に関与していることに気付かない可能性があるため、両方の企業の名前を挙げ、その役割を明確にすることが不可欠です。あなたのアプリが小売業者の仲介者として機能する場合は、Pay [End_Merchant_Business_Name (via Your_Business_Name)] のように、支払いシートの Pay 行に状況を明確かつ簡潔に記述します。


支払い承認後に追加費用が発生した場合は、明確に開示してください。 場合によっては、チェックアウト時に合計金額がわからないことがあります。たとえば、距離または時間に基づく車の料金は、チェックアウト後に変更される場合があります。または、商品が配達された後に顧客がチップを追加したい場合もあります。このような状況では、現地の規制で許可されている場合は、支払いシートに明確な説明を記入し、小計を「保留中の金額」としてマークすることができます。特定の金額を事前承認する場合は、支払いシートにこの情報が正確に反映されていることを確認してください。


データ入力と支払いのエラーを適切に処理します。 チェックアウト中にエラーが発生した場合は、人々が迅速に解決できるようにして、取引を完了できるようにします。関連するガイダンスについては、データの検証 を参照してください。


ウェブサイトのアイコンを表示


多くの Web サイトには、ブックマーク、URL フィールド、またはデバイスのホームスクリーンに表示できるアイコンが用意されています。Apple Pay をサポートする Web サイトでは、概要ビューと、支払いの承認に使用される接続デバイスの支払いシートにこのアイコンを表示できます。アイコンは、支払いが適切な場所に行われていることを視覚的に保証します。


あなたの Web サイトが Apple Pay をサポートしている場合は、概要ビューと支払いシートで使用する以下のサイズのアイコンを提供してください。



@2x@3x
60x60 pt (120x120 px @2x)60x60 pt (180px180 px @3x)




リソース


関連


Apple Pay マーケティングガイドライン



開発者用文書


PassKit > Apple Pay (Apple Pay)


Web 上の Apple Pay (Apple Pay on the Web)


WKInterfacePaymentButton (WKInterfacePaymentButton)



ビデオ





目次
Xcode の新機能

  • new HIG
  • 基礎

    概要

    アクセシビリティ

    ベストプラクティス

    操作

    ボイスオーバー

    テキスト表示

    色と効果

    プラットフォームの考慮事項

    リソース


    アプリのアイコン

    ベストプラクティス

    プラットフォームの考慮事項

    仕様

    リソース


    ブランド化

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    カラー

    ベストプラクティス

    包括的カラー

    システムカラー

    カラーマネジメント

    プラットフォームの考慮事項

    仕様

    リソース


    ダークモード

    ベストプラクティス

    ダークモードの色

    プラットフォームの考慮事項

    リソース


    アイコン

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    イメージ

    拡大率

    フォーマット

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    含まれる物

    デザインによる包括

    言語の歓迎

    親しみやすい

    性同一性

    人と設定

    ステレオタイプの回避

    アクセシビリティ

    言語

    リソース


    レイアウト

    ガイドと安全なエリア

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    マテリアル(材料)

    ベストプラクティス

    プラットフォームに関する考慮事項

    リソース


    モーション

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    右から左へ

    テキストの配置

    数字と文字

    コントロール

    イメージ

    インターフェイスアイコン

    プラットフォームの考慮事項

    リソース


    SF シンボル

    ウェイトよスケール

    デザインバリアント

    カスタムシンボル

    プラットフォームの考慮事項

    リソース


    タイポグラフィ(印刷)

    ベストプラクティス

    システムフォントの使用

    カスタムフォントの使用

    プラットフォームの考慮事項

    仕様

    リソース




    パターン

    概観


    個人データへのアクセス

    許可を求める

    ロケーションボタン

    事前アラートスクリーン

    リクエストの追跡

    データの保護

    プラットフォームの考慮事項

    リソース


    データのグラフ化

    ベストプラクティス

    効果的なグラフの設計

    プラットフォームの考慮事項

    リソース

    変更記録

    協力と共有化

    ベストプラクティス

    プラットフォームの考慮事項

    リソース

    変更記録

    ドラッグアンドドロップ

    ベストプラクティス

    フィードバックの提供

    ドロップを受け入れる

    プラットフォームの考慮事項

    リソース


    データ入力

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    フィードバック

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    ファイル管理

    ベストプラクティス

    ファイルを開く

    作業の保存

    クイックルックプレビュー

    プラットフォームの考慮事項

    リソース


    全画面表示

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    起動

    ベストプラクティス

    起動画面

    プラットフォームの考慮事項

    リソース


    ライブビューのアプリ

    ベストプラクティス

    EPG の体験

    クラウド DVR

    プラットフォームの考慮事項

    リソース


    ロード中

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    アカウントの管理

    ベストプラクティス

    アカウントの削除

    TV プロバイダーアカウント

    プラットフォームの考慮事項

    リソース


    通知の管理

    フォーカスとの統合

    ベストプラクティス

    買い物通知の送信

    プラットフォームの考慮事項

    リソース


    モダリティ

    ベストプラクティス

    リソース


    マルチタスク

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    ヘルプの提供

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    搭載

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    オーディオの再生

    ベストプラクティス

    中断の処理

    プラットフォームの考慮事項

    リソース


    触覚の再生

    ベストプラクティス

    カスタムの触覚

    プラットフォームの考慮事項

    リソース


    ビデオの再生

    ベストプラクティス

    TV アプリとの統合

    プラットフォームの考慮事項

    リソース


    印刷

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    格付けとレビュー

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    検索

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    設定

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    取り消しとやり直し

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    トレーニング

    ベストプラクティス

    プラットフォームの考慮事項

    リソース




    部品

    全ての部品


    コンテンツ

    グラフ

    イメージビュー

    テキストビュー

    Web ビュー


    レイアウトと構成

    ボックス

    コレクション

    コラムビュー

    開示コントロール

    ラベル

    リストと表

    ロックアップ

    アウトラインビュー

    スプリットビュー

    タブビュー

    メニューとアクション

    活動ビュー

    ボタン

    コンテキストメニュー

    ドックメニュー

    編集メニュー

    メニュー

    ポップアップボタン

    プルダウンボタン

    ツールバー


    ナビゲーションと検索

    ナビゲーションバー

    パスコントロール

    検索フィールド

    サイドバー

    タブバー

    トークンフィールド


    プレゼンテーション

    アクションシート

    アラート

    ページコントロール

    パネル

    ポップオーバー

    スクロールビュー

    シート

    ウィンドウ


    選択と入力

    カラーウェル

    コンボボックス

    数値入力ビュー

    イメージウェル

    スクリーン上のキーボード

    ピッカー

    セグメントコントロール

    スライダー

    ステッパー

    テキストフィールド

    トグル(切り替え)


    状態

    活動リング

    ゲージ

    レベルインジケータ

    進捗インジケータ

    格付けインジケータ

    システムの体験

    複雑化

    ホーム画面のクイックアクション

    ライブ活動

    メニューバー

    通知

    ステータスバー

    一番上の棚

    時計の文字盤

    ウィジェット




    入力

    概観


    アクションボタン

  • ベストプラクティス
  • プラットフォームの考慮事項
  • リソース
  • 変更記録
  • Apple Pencil と落書き

  • ベストプラクティス
  • ホバー
  • ダブルタップ
  • 落書き

  • カスタムの描画
  • プラットフォームの考慮事項
  • リソース
  • 変更記録
  • デジタルの竜頭

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    焦点と選択

  • ベストプラクティス
  • プラットフォームの考慮事項
  • リソース

  • ゲームコントローラ

  • ベストプラクティス
  • ボタン
  • プラットフォームの考慮事項
  • リソース

  • ジャイロスコープと加速度計

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    キーボード

  • ベストプラクティス
  • キーボードショートカット
  • カスタムキーボードショートカット
  • プラットフォームの考慮事項
  • 仕様
  • リソース

  • ポインティングデバイス

  • ベストプラクティス
  • プラットフォームの考慮事項
  • リソース

  • リモコン

  • ベストプラクティス
  • ジェスチャ
  • ボタン
  • 互換性のあるリモコン
  • プラットフォームの考慮事項
  • リソース

  • 空間的相互作用

  • ベストプラクティス
  • デバイスの使用法
  • プラットフォームの考慮事項
  • リソース

  • タッチバー

  • ジェスチャ
  • ベストプラクティス
  • インターフェイスアイコン
  • コントロールとビュー
  • プラットフォームの考慮事項
  • リソース

  • タッチスクリーンジェスチャ

  • ベストプラクティス
  • 標準的なジェスチャ
  • プラットフォームの考慮事項
  • リソース



  • プラットフォーム

    概観

    iOS 用デザイン

  • ベストプラクティス
  • リソース

  • iPadOS 用デザイン

  • ベストプラクティス
  • リソース

  • macOS 用デザイン

    ベストプラクティス

    リソース


    tvOS 用デザイン

    ベストプラクティス

    リソース


    watchOS 用デザイン

  • ベストプラクティス
  • リソース



  • テクノロジー

    全てのテクノロジー

    AirPlay

    序文

    アイコン

    編集者用

    常にオン

    アプリクリップ

    序文

    ユーザー体験

    アプリクリップカード

    アプリクリップのコード

    印刷ガイドライン

    法的要件


    Apple Pay

    序文

    Apple Pay の提供

    チェックアウトと支払い

    iPhone iPad

    macOS watchOS

  • リソース
  • エラー処理

    サブスクリプションと寄付

    ボタンとマーク

    編集者用


    拡張現実

    CareKit

    序文

    データとプライバシー

    ビュー

    ユーザー体験

    シンボルとブランド化


    CarPlay

    序文

    アーキテクチャ

    操作

    視覚的デザイン

    アイコンとイメージ

    システム要素


    ゲームセンター

    序文

    アクセス・ポイント

    ダッシュボード

    成果

    リーダーボード

    多数のプレイヤー

    カスタムダッシュボードのリンク


    HealthKit

    HomeKit

    序文

    用語とレイアウト

    設定

    Siri の操作

    カスタム機能

    アイコン

    編集者用


    iCloud

    アプリ内購入

    序文

    自動更新可能なサブスクリプト


    ライブ写真

    Mac Catalyst

    序章

    アプリの構造

    ユーザーの操作

    視覚的デザイン

    Mac の慣用句


    機械学習

    序文

    機械学習の役割

    明示的なフィードバック

    暗黙のフィードバック

    較正

    訂正

    間違い

    複数のオプション

    自信

    属性

    制限事項


    マップ

    序文

    Apple Watch のマップ

    屋内のマップ


    ビジネス向けメッセージ

    序文

    ブランド化

    ボタン

    ダークモード

    ロゴ

    メッセージバブルの内容

    スクリーンショット


    NFC

    写真編集

    ResearchKit

    SharePlay

    ShazamKit

    Apple でサインイン

    序文

    データ管理

    ボタン


    Siri

    序文

    システムの意図

    カスタムの意図

    ショートカットと提案

    編集者用


    タップして iPhone で支払う

    財布

    序文

    パスのデザイン

    注文追跡のデザイン









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ