iPhone アプリのチェックアウトの合理化
まとまりのあるチェックアウト体験を提供します。チェックアウトフロー全体がアプリやウェブサイトと密接に統合されていると感じるのが最善です。統合に対する人々の認識を強化するために、チェックアウト体験を通してブランディングを使用し、異なるページやウィンドウを開かないでください。特にウェブサイトのチェックアウトフローでは、プロセス中に新しいウィンドウを開くと混乱を引き起こし、人々が別のウェブサイトに引き渡されたと思わせることさえあります。
Apple Payが利用可能な場合は、その人がそれを使いたいと仮定します。Apple Payボタンを最初の支払いオプションとして表示したり、他のオプションよりも大きく表示したり、行を使用して他の選択肢から視覚的に分離したりすることを検討してください。
製品詳細ページのApple Payボタンを使用して、単一アイテムの購入を加速します。ショッピングカートを提供することに加えて、人々が個々のアイテムをすばやく購入できるように、製品詳細ページにApple Payボタンを置くことを検討してください。この方法で開始された購入は、ショッピングカートにすでに存在するアイテムを除き、個々のアイテムのみである必要があります。ショッピングカートに製品詳細ページから直接購入したアイテムが含まれている場合は、購入完了後にカートからアイテムを削除します。
エクスプレスチェックアウトで複数のアイテムの購入を加速します。支払いシートをすぐに表示するエクスプレスチェックアウト機能を提供することを検討し、単一の配送方法と目的地を使用して複数のアイテムをすばやく購入できるようにします。クーポンやプロモーションコードを提供する場合は、支払いシートに入力できるようにすることで、エクスプレスチェックアウト体験を向上させることができます。
人々がApple Payボタンに到達する前に、色やサイズのオプションなど、必要な情報を収集します。お客様がオプションを選択するのを忘れたため、チェックアウト時に追加情報が必要な場合、問題を優雅に指摘し、修正するのに役立ちます。ハイライトまたは警告テキストを使用して不足している情報を特定し、問題のあるフィールドに自動的に移動して、人々がそれを迅速に修正して購入を完了できるようにします。
チェックアウトが始まる前にオプションの情報を収集してください。ギフトメッセージや配送指示などのオプションデータを支払いシートに入力する方法はありませんので、事前に、または購入が完了した後でもこの情報を収集してください。
支払いシートを表示する前に、複数の配送方法と配送先を収集します。支払いシートでは、注文全体の単一の配送方法と配送先を選択できます。顧客が注文内の個々のアイテムに対して異なる配送方法と配送先を選択できる場合は、支払いシートではなく、Apple Payのチェックアウトが始まる前にそれらの詳細を収集してください。
店舗での集荷の場合は、支払いシートを表示する前に、人々が集荷場所を選択するのを手伝ってください。お客様がご希望の集荷場所を選択したら、読み取り専用形式を使用して、支払いシートに場所の住所を表示します。開発者のガイダンスについては、読み取り専用のピックアップアドレスの表示を参照してください。
Apple Payからの情報を好む。Apple Payの情報が完全で最新であると仮定します。アプリやウェブサイトに既存の連絡先、配送情報、支払い情報がある場合でも、潜在的な修正を減らすために、チェックアウト時にApple Payから最新の情報を取得することを検討してください。
購入前にアカウントの作成を要求しないでください。アカウントの登録を依頼する場合は、注文確認ページで登録を依頼してください。チェックアウト時に支払いシートから提供された情報を使用して、できるだけ多くの登録フィールドを事前に入力します。
人々が支払いシートで確認できるように、取引の結果を報告してください。障害の場合、支払いシートにはあなたが提供したエラーが表示されるので、人々は問題を解決するための措置を講じることができます。
注文確認またはお礼のページを表示します。支払いシートに取引の結果が表示されたら、注文確認ページを表示して、購入に感謝し、注文がいつ出荷されるかの詳細を提供し、ステータスを確認する方法を示します。確認ページにApple Payを記載する必要はありませんが、その場合は、取引の処理に使用されたアカウントの下4桁の後に、または別のメモとして表示してください。例えば、「1234(Apple Pay)」や「Apple Payで支払う」などです。
支払いシートのカスタマイズ
重要な情報のみを提示し、要求します。支払いシートに無関係な情報が含まれている場合、人々は混乱したり、プライバシーの懸念を抱いたりする可能性があります。たとえば、購入が電子的に配信されるギフトカードである場合、連絡先のメールアドレスを表示することは理にかなっていますが、配送先住所は表示されません。このシナリオで配送先住所を表示または尋ねると、何かが物理的に配達されるという誤った印象を与える可能性があります。
アクティブなクーポンまたはプロモーションコードを表示するか、人々にそれを入力する方法を提供します。たとえば、支払いシートが表示される前にコードを入力できる場合、シートに表示することで、コードが期待どおりに機能することを安心させることができます。あるいは、支払いシートにコード入力を許可することは、エクスプレスチェックアウトフローで特に有益です。
支払いシートで配送方法を選択させてください。スペースが許す限り、利用可能な各オプションについて、明確な説明、コスト、およびオプションで、配達予定日または集荷日、または日付の範囲を表示します。iOS 15以降では、お客様の現在地に関係なく、配送方法のカレンダーとタイムゾーンのサポートを利用して、正確な配送または集荷情報を提供できます。開発者のガイダンスについては、
店舗でのピックアップの場合は、自分に合ったピックアップウィンドウを選択させることを検討してください。配送方法を使用して、人々が選択できる日付と時間の範囲を提供できます。
ラインアイテムを使用して、追加料金、割引、保留中の費用、アドオン寄付、定期的な支払い、および将来の支払いを説明します。ラインアイテムにはラベルとコストが含まれます。定期的な支払いのラインアイテムには、頻度を含めることもできます。購入を構成する製品の項目別リストを表示するためにラインアイテムを使用しないでください。開発者のガイダンスについては、paymentを参照してください。寄付に関するガイダンスについては、寄付の支援を参照してください。
ラインアイテムを短くしてください。ラインアイテムを一目で具体的でわかりやすくします。可能な限り、ラインアイテムを1行に収めます。
合計と同じ行に「支払う」という単語の後にビジネス名を入力します。銀行やクレジットカードの明細書で請求を探すときに、人々が見るのと同じビジネス名を使用してください。これにより、支払いが適切な場所に行くという安心感が得られます。例えば、Pay [Business_Name]。
エンドマーチャントでない場合は、支払いシートにビジネス名とエンドマーチャントの名前の両方を指定してください。あなたのアプリ、アプリクリップ、またはウェブサイトは、あなたの会社とは無関係なエンドマーチャントから購入するのに役立ついくつかの方法があります。たとえば、マーケットプレイスアプリは、人々が認識できないかもしれないエンドマーチャントから購入するのに役立ちます。もう1つの例は、人々が店のチェックアウトカウンターを訪問することなく、エンドマーチャントの物理的な店でアイテムを支払うために使用できるセルフチェックアウトサービスを提供するアプリです。このようなシナリオでは、人々は2つのビジネスが取引に関与していることに気づいていないかもしれないので、両方のビジネスに名前を付け、その役割を明確にすることが不可欠です。アプリがエンドマーチャントの仲介者として機能する場合、Pay [End_Merchant_Business_Name (viaYour_Business_Name)]のようなものを使用して、支払いシートのペイラインで状況を明確かつ簡潔に説明してください。
支払い承認後、いつ追加費用が発生する可能性があるかを明確に開示する。場合によっては、チェックアウト時に総費用が不明な場合があります。たとえば、距離や時間に基づく車の乗車料金は、チェックアウト後に変更される場合があります。または、顧客は製品が配達された後にチップを追加したいと思うかもしれません。このような状況では、現地の規制で許可されている場合は、支払いシートと保留金額としてマークされた小計で明確な説明を提供することができます。特定の金額を事前承認する場合は、支払いシートにこの情報が正確に反映されていることを確認してください。
データ入力と支払いエラーを適切に処理します。チェックアウト中にエラーが発生した場合は、人々が取引を完了できるように迅速に解決できるように支援してください。関連するガイダンスについては、データ検証を参照してください。
Webサイトのアイコンを表示する
多くのウェブサイトは、ブックマーク、URLフィールド、またはデバイスのホーム画面に表示できるアイコンを提供しています。Apple PayをサポートするWebサイトでは、このアイコンをサマリービューと、支払いの承認に使用される接続されたデバイスの支払いシートに表示できます。このアイコンは、支払いが正しい場所に行くという視覚的な安心感を提供します。
ウェブサイトがApple Payをサポートしている場合は、サマリービューと支払いシートで使用するために、次のサイズのアイコンを提供してください。
| @2x | @3x |
|---|---|
| 60×60 pt (120×120 px @2x) | 60×60 pt (180×180 px @3x) |
コメント