web-dev-qa-db-ja.com

eコマースのショッピングカートのベストプラクティスと注目すべきUIの例は何ですか?

ビジュアルデザインと使いやすさの点であなたが知っている最高のショッピングカートは何ですか。

さらに、@ scunliffeが行ったように、ショッピングカートを設計するときにベストプラクティスのヒントを提供します。

5
idophir

私は最高のUIを知っているかどうかはわかりませんが、私を混乱させるものを知っています。

  • 私は自分の合計を見ることができないのが嫌です。カートに「入った」とすぐに、常に合計金額を確認できるようにしたいと考えています。
  • 私はカナダに住んでいます-サイト/製品によって異なりますが、送料は許容範囲から天文学までさまざまです。送料を入力してください変更前クレジットカードの詳細を入力する必要があります(または少なくとも見積もりまたは料金表へのリンク)
  • 多くのユーザーは、比較ショッピングの一部としてカート/チェックアウトを入力して最終価格を取得します。サインアップ、クレジットカード入力などで最終的な価格を取得できないようにブロックすると、価格を確認できた場合に購入したはずの顧客を失う可能性があります。
  • 可能であれば、充電せずに続行できることをユーザーに視覚的に通知してください。例えば。 「続行」ボタンは先に進むのに問題ありませんが、実際の購入アクションには明確なラベルを付ける必要があります。例えば。 「購入の確認」など。 「Continue」を押すとクレジットカードに請求されるサイトにかつてアクセスしたことがある(感心しなかった!)
  • 情報または少なくとも返品ポリシーへの明確にラベル付けされたリンク、および予想される配達スケジュール(たとえば、翌日?、3日?、6〜8週間)を含めます
  • カートの概要よりも早く、できるだけ早く在庫情報(在庫状況)を提供する
  • カート内のアイテムの数量を簡単に変更できるようにする...または完全に削除する
  • カート内の各アイテムから、この特定のアイテムの情報ページに戻るリンクを提供します
  • カートの状態を「保存」して後で戻るためのオプションを検討してください。
  • 支払いオプションを前もって明確に識別します。私はしばしばPaypalで支払うことを好みます。
  • カスタマーサポートに電話番号またはリンクを提供してください...
12
scunliffe

Design Meltdownでいくつかの調査を行います。彼は多くのeコマースサイトを収集しており、さまざまなカートのデザインがたくさんあります。それらを体験し、どれが最もよく機能するかを確認してください。

http://2010.designmeltdown.com/category/site-types/e-commerce/

ほとんどのユーザーがアマゾンを使用していたとすれば、私はアマゾンがすることを単にコピーする傾向があります。ショッピングカートの場合、次のように考えます。

最高==機能し、使用方法について考える必要はありません

2
Ian
  • 製品の高品質な(ただし最適化された)画像を使用します。製品ページの他の(大きな)画像へのリンク。
  • 「カートに追加」ボタンと「チェックアウト」ボタンが明確であり、モバイルデバイスに触れるのに十分な大きさであることを確認してください。
  • 読み込みが遅い大きなフラッシュ要素は避けてください。
  • ネストされたドロップダウンの代わりに mega-dropdown を使用します(これは少し主観的ですが、私は知っていますが、これはeコマースのより良いUIパターンの1つだと思います)。
  • チェックアウトプロセスをできるだけ簡単かつ慎重に行います。ユーザーがプロセスのどこにいるか、残りのステップがいくつあるかをユーザーに確実に知らせます。
2
  • ビジネス目標とユーザビリティ目標の違いに注意してください。たとえば、一部のストアは「目標到達プロセス」を作成し、チェックアウトページにアクセスすると、サイトの残りの部分のナビゲーションがなくなります。アイデアは、購入プロセスから注意をそらさないようにして、完了します。これはビジネスの目標であり、ユーザーとしてはイライラします。何かを忘れて、カートに追加するためにそれを探しに行きたい場合はどうなりますか?ときどき、メインのサイトに戻るために、実際にURLをハックする必要があります。

  • マルチステップウィザードを使用している場合は、前に入力した情報に戻って簡単に変更できるようにしてください。確認ページにアクセスすると、間違っていることがわかります。ユーザーに「戻る」、「戻る」、「戻る」、「次へ」、「次へ」、「次へ」の順にクリックさせないでください。可能であれば、1ページのチェックアウトを作成するか、ユーザーが最後のページの情報をその場で編集できるようにします。

  • ショッピングカートまたはウィッシュリストを保存するためだけにアカウントを作成するために、ユーザーから多くの情報を要求しないでください。

1
Emma McCreary