【モバイルファーストに最適な決済フローとは？④】クレジットカードの有効期限欄を実際のカードと一致するように書式設定する | モバイルファーストに最適な決済フローとは？顧客体験調査で見えた自社ECサイト10の改善アイデア | ネットショップ担当者フォーラム

このページは、外部サイトネットショップ担当者フォーラムの情報をRSSフィード経由で取得して表示しているため、記事の一部分しか表示されていなかったり、画像などが正しく表示されなかったり、オリジナル記事が意図したデザインと異なっていたりする場合があります。
完全な状態のオリジナル記事は「【モバイルファーストに最適な決済フローとは？④】クレジットカードの有効期限欄を実際のカードと一致するように書式設定する | モバイルファーストに最適な決済フローとは？顧客体験調査で見えた自社ECサイト10の改善アイデア」からご覧ください。

ほぼすべてのクレジットカードの有効期限は、月と年をそれぞれ2桁ずつ利用した、4桁で表示されています。

厳密には、カードの有効期限は「MM/YY」または「MMYY」の2つのうち、どちらかの形式で表示する必要があります。クレジットカードで最も一般的なのは、前者の表示方法です。

サイトの仕様が標準的な仕様と異なれば異なるほど、お客様は混乱します。お客様は、実際のカードに印字された内容を確認して、カード情報を入力フィールドに入力しなくてはいけません。

たとえば、一部のお客様は、クレジットカードに印字された数字と入力フィールドで有効期限として書き出された月専用（Marchなど）欄が一致するよう、指を使って数える必要がありました。

お客様にとって番号の認識と入力が容易になるよう、入力値とカードの表示内容を可能な限り一致させることをお勧めします。

クレジットカードの有効期限フィールド（年）を4桁方式にフォーマットしてはなりません

これには、サイトでの有効期限の入力欄で「MM/YY」の標準フォーマットを採用する必要があります（ドロップダウンとオープンテキストフィールドの両方）。

これによって、お客様が正しい情報を入力しやすくなります。カードに印字された数字がどの月に該当するのかを考えることも、別の文字列を入力しなくてはならないのかと心配する必要もありません。

モバイル決済で重要なもう1つのポイントは、月と年の入力フィールドに正しい数字のタッチキーボードを完備することです。

有効期限フィールドは、実際のカードに印字されているのと同じフォーマットにし、フィールドのプレースホルダーテキストを使用してフォーマットを示す（つまり、MMまたはYY）

◇◇◇

クレジットカード番号の区切りパターンの全リストについては、こちらを参照してください。次回は、「プログレスインジケーター」（操作の進行状況を示すインジケータ）の活用アイデアをご紹介します。

【モバイルファーストに最適な決済フローとは？】ここまでのおさらい

Amazon Pay

最新のニュース