ブログで100万の秘訣ってなに?
詳しくはコチラ

【モバイルファーストに最適な決済フローとは?③】クレジットカード欄に自動的にスペースを入れ、実際の表記と一致させる | モバイルファーストに最適な決済フローとは? 顧客体験調査で見えた自社ECサイト10の改善アイデア



ベイマードの調査では、消費者がモバイルでクレジットカード番号の入力と確認作業を行う際に苦労していることがわかりました。お客様は、クレジットカード番号の入力と確認をより素早く行うため、さまざまな方法を使っています。クレジットカード番号の入力と確認を4桁ずつ行う方法は非常に人気があり、お客様の23%が使っていました。
クレジットカード番号欄にデフォルトで空白を追加しない場合、お客様は入力ミスの特定と入力内容の確認に苦労します。


クレジットカード番号欄に自動的にスペースを入れるようにすることで、より多くのお客様がクレジットカード番号の入力と確認を正確に行えるようになります。


これは、手元のクレジットカードの印字形式とカードの入力フィールドの表示形式が一致していたという単純な理由によるものです。これによって、クレジットカード番号の入力ミスやカード認証のエラーも減り、最終的には決済フローでのカゴ落ちが減少します。
カード番号の自動フォーマットは、お客様がカード番号を入力する際、あるいは「カード番号」欄から次の「カード番号」欄に移る時にリアルタイムに表示できます。ライブフォーマットでは、お客様がまだ欄に情報を入力している最中に、入力マスクと呼ばれる空白を追加します。
こうして、番号を入力している間に空白が自動的に追加されることで、お客様はカード番号を確認できます。また

リンク元

コメント

タイトルとURLをコピーしました