【モバイルファーストに最適な決済フローとは？②】適切なタッチキーボードのレイアウトを用意する | モバイルファーストに最適な決済フローとは？ 顧客体験調査で見えた自社ECサイト10の改善アイデア

タッチキーボードはこれまで何十年も使用されてきたキーボードやマウスに比べると、比較的新しい入力方法です。モバイルタッチキーボードのレイアウトには、お客様への決済フローのナビゲーション能力を妨げる制約があります。お客様のUXを向上させるために、お客様が入力しやすい環境を整える必要があります。

フィールドに最適なキーボードを表示させよう
入力フィールドのコードを若干変更することで、お客様の携帯電話番号フィールドには必要な入力形式に最適化された特定のタイプのキーボードを自動的に表示できます。
たとえば、クレジットカード番号と携帯電話番号の入力フィールドには数字キーボードを、またメールアドレスフィールドにはメール用キーボードを起動させます。

クレジットカード番号など、数字を入力するフィールドには、標準的なキーボードのレイアウトを使用してはなりません（左）。代わりに、キーの数が少なく、サイズの大きい、数字のみのキーボードを使用します（右）

ベイマードのモバイルテストによると、お客様はフィールドに適した特殊キーボードが利用できることを評価しているのみならず、その恩恵も受けていることが明らかになっています。
こうした実装により、従来、キーボードレイアウト間を手動で切り替えていた時間を節約できます。また、数字入力で利用する特殊キーボードは、タイプミスを減らすために通常よりも大き

リンク元