web-dev-qa-db-ja.com

このAdd to Cartエクスペリエンスを改善するにはどうすればよいですか?

読者が電子書籍を購入できるシンプルなプラットフォームがあります。以前は、読者は一度に1つの電子書籍しか購入できず、ついにカート機能を追加しましたが、以前の単純な購入プロセスを台無しにしていると思います。

購入ページは次のようになります。

enter image description here

カートに電子ブックを追加すると、次のビューが表示されます。

enter image description here

ここでの問題は、「カートに追加」リンクが非常に小さく、無視できることです。また、その小さなリンクでも、そのエリアはかなり混んでいるように見えます。

これをローンチしてフィードバックを得る予定ですが、これを改善するためのご意見やアイデアやヒントをいただければ幸いです。

9
Abs

「今すぐ購入」と「カートに追加」の両方のオプションを使用しても、お客様が購入手続きに直接進むことが唯一の違いである場合、大きなメリットはないと思います。お客様が従うべきルートを考える必要があるのは、不必要な複雑さだと思います。カートに商品を追加してからチェックアウトするという従来のパラダイムはよく理解されているため、明確な利点がない限り、逸脱する価値はありません。

商品ページの2つのボタンの代わりに、1つの目立つ「カートに追加」という行動を促すフレーズ(スクリーンショットの大きな緑色の「今すぐ購入」ボタンなど)を使用して、商品をカートに追加し、インライン確認を表示します、およびそのポイントからチェックアウトに移動するためのプロンプトを含める

9
Matt Obee

一般に、_add to cart_ボタンは、ユーザーが単一のチェックアウトアクションで複数のアイテムを購入できるようにするためのものです。一度に1つの電子ブックの購入を有効にした場合、このオプションは冗長でしたが、現在は次のことが可能です。

  • 同じ支払い方法と同じ配送先住所(またはダウンロードリンクの同じメールアドレス)を使用して複数のアイテムを購入する
  • アイテムを一緒に発送することにより、送料を削減します(電子ブックには関係ありません)
  • あなたが好きなものを見つけたらアイテムを変更する2つの別々の本ではなく、一連の本の束

_add to cart_オプションを強調するために、リンクではなくボタンを指定し、アイコンの異なる2つのアイコンの違いを強調します(たとえば、カート全体と_buy now_のチェックマークと_add to cart_)、問題は、人々が_add to cart_と_buy now_をどの程度一般的に求めているかです。

eBay で確認できる他のサイトとの比較:

Buy It Now, Add to cart

そして Amazon

Add to Cart, Buy now

つまり、どちらのサイトも_add to cart_と_buy now_を同等に重要なオプションとして扱います。

他のサイトと同じように、2つのボタンを下に配置できます。

mockup

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

または並べて:

mockup

bmmlソースをダウンロード

ただし、2番目のオプションでは、_share for discount_アクションが私の意見では支配的すぎるように見えます。

カートビューは優れたエクスペリエンスですが、編集オプション(アイテムの削除、数量の変更など)があり、カートがサーバーに保存されている場合(ユーザーが追加した場合)に(理想的には自動的に)更新できることを確認する必要があります。別のタブのアイテム。現在のタブに変更が反映されます)。カートのタイトルをリンクに変更したり、編集ボタン/リンクを追加したりして、これを行うことができます。

また、いくつかのオプションを起動し、それらをA-Bテストして、ユーザーにとってどちらが望ましいかを確認することも検討する必要があります。

2
Danny Varod

実際、今日多くのサイトがこの機能を提供しています。そして、それは流行のものではないので便利ですが、人々はそれが最低2ページのリロードを回避するので時間を節約すると感じています。

しかし、非常に小さなテキストとしてカードに追加するという考えは悪いものです。

どちらもボタンの方が良いでしょう。 1.カートに追加すると、サイズが大きくなり、主要なオプションになります。2.その下には、コントラストカラーの[今すぐ購入]ボタンがあります。 (UIによってはサイズが同じになる場合があります)

たとえば、flipkart.comでこの機能を参照して、インドで最高のオンラインサイトをご覧ください。

http://www.flipkart.com/smashing-ux-design-foundations-designing-online-user-experiences-smashing-magazine-book-series-english/p/itmczz9qhz8tqua6?pid=9780470666852&otracker=from- search&srno = t_1&query = ux&ref = 558784f1-4d6e-4f30-841f-dbb0b39be6c9

それが役に立てば幸い!!

編集:

Amazon.inのこの例を参照してください Example for share, buy now and add to cart この例では、共有オプションと他の2つのボタン(今すぐ購入してカートに追加)が下にあります。

あなたの場合、1行に共有ボタンを配置できます(長いテキストがあるため)その下にセパレータを追加し、次の行に両方あります今すぐ購入して、同じ行のスペースの半分を占めるカートボタンに追加します。

2
Siva-Dev-Wizard

一度の購入で複数の商品を販売したい場合は、カートに追加することをお勧めします。この戦略は、実際の商品とうまく連携して、取得の総量を増やし、会社の配送コストを削減します。

ユーザーが[カートに追加]をクリックした場合、ページには購入した本に似た追加の本がいくつかあるはずだと思います。 2冊目の本が安くなるように、価格を少し変えることができます...これは、本がカートに追加されたことを示すよりも、影響が大きくなります。

今すぐ購入ボタンをクリックするだけの場合、ページは購入アクションに直接フローするはずです-おそらくチェックアウトボタンに接続することができます。できるだけ早くする...

共有ボタンを他のアクションボタンよりも少し小さくできるというアイデアです。サイズも重要な変数であることを証明する研究があります。

ソーシャル共有ボタンは、その場所のために、メインページまたは製品を共有していると見なすことができます。ソーシャルシェアは、「静かにしてください、私は新しい本を読むつもりです-[本のタイトル]」のような購入アクションの完了にも使用できると思います。

1
Abektes