web-dev-qa-db-ja.com

モバイルチェックアウトフローでは、レビュー注文/概要ステップで製品の詳細を表示する必要がありますか？

私はモバイルデバイスのチェックアウトフローに取り組んでおり、3つのステップがあります。ステップ1-発送の詳細、ステップ2-支払いの詳細、ステップ3-注文の概要、および購入の確認です。フローは、ユーザーが製品情報を表示、編集、クーポンコードを適用できるカートページから始まり、ここからチェックアウトに進むことができます。チェックアウトの目標到達プロセスがカートページから始まり、詳細がすべての商品が表示されるという事実を考慮して、チェックアウトの第3ステップで商品情報（商品の画像、色、サイズ、数量）を再度表示することをお勧めします。要約ページが多すぎて要約できないほどの情報で圧倒され、ステップの目的に反するのではないでしょうか。提案？

e-commercemobile-webcheckout
6
Smriti Kesarwani

カートの概要>配送>支払いに問題がないことについて、ロエルに一部同意します。 3つすべてをいつでもアクセスできるようにしてシーケンシャルにすることはできますか？このようなもの：

mockup

download bmml source – Balsamiq Mockups で作成されたワイヤーフレーム

したがって、ユーザーがカートセクションを完了して「次へ」などを押すと、「カート」タブをタップしてジャンプして戻ることができますが、後のタブで入力したデータは保持されます。

1
Chris

あなたができる最善のことは、

1）ユーザーに製品の簡単な説明/写真と価格を提供します。必要に応じて、製品の詳細画面に移動します-クリック後

2）チェックアウトプロセスのプロトタイプ/モックアップを準備し、いくつかの迅速なユーザビリティテストを実施します。これにより、宣言的な調査/調査などよりもさらによく質問に答えます。

幸運を ;）

0
Phil Mobile

ユーザーはこの時点でトランザクションの概要を望み、何が支払われているのかを知るため、確認ページに簡単な要約を表示することをお勧めします。これが実際にこのページの目標です。

ただし、Baymard Instituteの優れた チェックアウトのユーザビリティスタディ が推奨するため

顧客が製品の支払いに集中できるように、チェックアウトフォームの周りの要素を最小限に抑えます。

これがAmazonのやり方です

enter image description here

0
Yonatan Galili

コメントで@dnbrvを2番目にします。 1ページのチェックアウトエクスペリエンスを実行し、フィールドを最小化します。チェックアウトエクスペリエンスはストレスの多いエクスペリエンス（機密情報を入力する必要がある、住所を正しく取得する必要があるなど）であり、簡単なチェックアウトエクスペリエンスにするために必要なことは何でも行う必要があることを常に心に留めておいてください。

Amazonは興味深いフローを実装しました。注文を確認して、その場で支払うだけです。他のすべてをスキップしました（主に既にすべてが保存されているためですが、これにより摩擦を最小限に抑えることができます）。

1ページのチェックアウトエクスペリエンスを実装する場合、最初に購入する商品を前もって表示することを強くお勧めします（価格の内訳と、最終的には税金、送料、その他の手数料がかかるため、どれくらいの費用がかかりますか）。次に、配送情報、請求情報、最後に確認セクション（すべてをまとめたもの）で分類します。

がんばって！

0
Majo0od

お客様の追加の「小切手」として注文の概要がなくても、チェックアウトプロセスは十分に明確であると思います。最も一般的なプロセスは次のとおりです。

  1. カートの概要
  2. 配達
  3. 支払い
  4. 確認/ありがとう

多くの人々がオンラインショッピングカートを非公式の候補リストとして使用しています。彼らは基本的に、注文をまとめた後、注文の内容をキュレーションし、それに基づいて行動するかどうかを決定します。もしそうなら、あなたはプロセスをできるだけスムーズにまとめたいです：

Delivery > Payment > Confirmation
0
Roel Wijte