【合理的なECサイトアプリの設計】完全解説！「購入手続き」はこう組み立てる

2,085 views

読了時間 : 約2分59秒

Eコマースのページで一番大切なものは何だと思いますか？

ホームページ、リスティングページ、カート…。大切な要素は色々ありますが、いちばん重要なのは収益の発生源となる「購入手続き」です。

UXデザイナーとしては、ユーザが手続きを快適に済ませられるようにしたいですよね。そのためには自分が今購入手続きのどの段階にいるのか、ユーザが混乱しないよう最大限の配慮が必要になってきます。

購入手続きは基本的に

配送
支払い
確認

の3つの手続きで成り立っています。また、ユーザには過去に買い物をしたことのある人と、初めて買い物をする新規の人がいますが、後者は特に配慮が必要になってきます。

それでは、具体的な対応のポイントを見ていきましょう。

１．新規ユーザへの配送手続き：会員登録

ユーザの個人情報を第三者に開示しないことを明記したり、会員登録にインセンティブをつけたりすると、ユーザも安心して登録できます。

また、メールアドレスを利用した会員登録はサイトとメールアカウントを行ったり来たりしなければならないので、本来の目的である買い物から注意が逸れてしまいます。あまりおすすめできません。

記入事項がなくすぐ登録できるSNSや、アプリを離れずに済むモバイル認証による登録だと、ユーザの負担が少なく手軽です。

モバイル認証を採用する際に気を付けたいのが、OTPです。

OTPが届かない、ノートパソコンからのアクセスで携帯電話が手元にない、携帯電話を紛失した、などのトラブルが発生する場合があります。モバイル認証にパスワードで対応する場合は、ユーザが設定しようとしているパスワードが条件を満たしているかチェックしてくれるPlaceholderが便利です。さらに、設定されたパスワードを確認するステップがあると、エラーやトラブルを避けられます。

２．新規ユーザへの配送手続き：宛先

名前、郵便番号、住所、連絡先の入力は最低限必要ですが、それが少しでも楽になるようフォームを工夫しましょう。フォームの最初に郵便番号の欄を設けると、住所を自動で検索でき、入力する手間が省けるので便利です。チェックボックスをクリックすれば登録したFacebookやGoogleのアカウントの住所、あるいは請求先の住所をそのままフォームに移せるようにするのも良いですね。

また、インライン・バリデーションで誤入力やエラーを防げるようにしておくと、ユーザも安心です。