小さな画面は曖昧な注文を目立たせる
PCで同時に見られる情報も、スマートフォンではスクロールとキーボードに分かれます。商品、金額、次の操作が離れると、記憶しながら支払いを判断する必要があります。
要点を操作の近くに置きましょう。すべて小さくするより、読める文字と順序が大切です。重要な情報を隠した短いページは、説明のある長いページより良いとは限りません。
入力項目には理由が必要
住所やメールを電話で入力するには手間がかかり、間違いも起こります。本当に必要な情報か見直し、既知の内容の再入力や不要な会員登録を求めないようにします。
適切な入力タイプと自動入力を使い、入力後もラベルを見せます。エラーは項目の近くで説明し、ほかの入力を残してください。
少ないステップが必ず楽とは限らない
一画面にすべて詰めると密度が上がります。目的が明確で情報を失わず戻れるなら、分けることも役立ちます。クリック数より作業の負担を見ましょう。
ボタンが注文確認なのか、実際の支払いなのかを明示します。曖昧な名称は、安心したい瞬間に迷いを生みます。次の行動と合計を理解できるようにします。
別のアプリやブラウザー状態を考える
認証、ウォレット、外部ページが入り、着信やタブの終了も起こります。注文番号を残し、戻り先を役に立つものにしましょう。
サイトへの復帰だけで成功と判断せず、検証済みの状態と必要なら待機を表示します。注文を開き直すときに、当然のように再決済を促さないことが重要です。
お客様が使う状況で購入してみる
大きなモニターだけでなく、片手でスマートフォンを持って購入を試します。住所入力、キーボード、決済選択、注文画面への復帰まで確認しましょう。別のアプリに移動した後も、自分の注文を見つけられる必要があります。
初めて画面を見る人に、説明せず購入をお願いしてみてください。どこで迷い、ボタンに何を期待したかを観察します。動きを加える前に、曖昧な言葉を直しましょう。小さい画面でも、購入と入力の修正を無理なく理解できることが大切です。
幅だけでなく実際の行動を試す
キーボードを開き、遅い通信や普通の中断で試してください。説明せず購入してもらい、迷う、拡大する、合計を探し直す瞬間を観察します。
効果を追加する前に、その点を修正します。ブラウザー決済技術が進んでも対応と代替経路の確認は必要です。実際に利用される端末で動くことが大切です。
実際のスマートフォンで入力、アプリ切り替え、注文への復帰まで試しましょう。