it-swarm.cn

您的电子商务购物车最佳做法是什么?值得注意的UI示例是什么?

您在视觉设计和可用性方面最了解的购物车是什么?.

另外,像@scunliffe一样设计购物车时,请提供最佳实践提示。

5
idophir

我不确定我是否知道最好的UI,但是我知道那些会挫败我的;-)逻辑将建议相反的功能是使它变得更好的功能。

  • 我讨厌看不到我的总数。一旦我“放入”购物车,我总是希望能够看到总价。
  • 我住在加拿大-根据地点/产品,运输费用从可接受到天文数字不等。请提供运输费用之前我必须输入我的信用卡详细信息(或至少输入估算值或链接到费用表)
  • 作为比较购物的一部分,许多用户将输入购物车/结帐以获得最终价格。如果您阻止他们通过注册,信用卡输入等获取最终价格,则您可能会失去一个本来可以从您那里购买价格的客户。
  • 如果可能的话,请务必以视觉方式告知用户何时可以继续使用而无需付费。例如。您可以使用“继续”按钮继续前进,但应明确标明实际的购买行为。例如。 “确认购买”之类的东西。我曾经在一个网站上按“继续”键,从我的信用卡中扣款(我没有留下深刻的印象!)
  • 加入信息或至少退货政策的明确标记链接以及预期的交付时间表(例如,第二天,3天,6-8周)
  • 尽早在购物车概述中提供库存信息(可用性)
  • 方便我更改购物车中物品的数量...或将其完全移除
  • 提供购物车中每个项目的链接,返回该特定项目的信息页面
  • 考虑让我“保存”购物车状态,以便稍后返回的选项。
  • 清楚地预先确定付款方式。我经常喜欢以Paypal付款。
  • 提供电话号码或客户支持链接...
12
scunliffe

我将在Design Meltdown进行一些研究。他收集了很多电子商务网站,我敢打赌,会做很多不同的购物车设计。体验他们,看看哪个效果最好。

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

4

鉴于您的大多数用户都会使用Amazon,因此我倾向于只复制Amazon所做的事情。我认为以购物车为例:

最佳==它可以工作,我不需要考虑如何使用它

2
Ian
  • 使用高质量(但经过优化)的产品图片。链接到产品页面上的其他(大)图像。
  • 确保“添加到购物车”和“结帐”按钮显而易见,并且足够大,可以在移动设备上触摸。
  • 避免使用大而缓慢加载的闪光灯元件。
  • 使用 mega-dropdown 而不是嵌套的下拉菜单(我知道这有点主观,但我认为这是电子商务的一种更好的UI模式)。
  • 使结帐过程尽可能轻松,谨慎。确保用户知道他/她在该过程中的位置以及还剩下多少步骤。
2
Christopher Scott
  • 注意业务目标与可用性目标。例如,一些商店创建了一个“渠道”,一旦您进入结帐页面,该网站的其余部分将不再有导航。这样做的目的是不要分散您的购买过程,让您完成工作。这是一个业务目标,作为用户,我感到沮丧。如果我忘记了一些东西并想去尝试将其添加到购物车中怎么办?有时,我实际上必须修改URL才能再次回到主站点。

  • 如果使用多步骤向导,则可以轻松返回并更改先前输入的信息,一旦进入确认页面,现在您意识到这是错误的。不要让用户单击“上一步”,“上一步”,“上一步”,然后单击“下一步”,“下一步”,“下一步”。如果可能,创建一页签出,或者让用户即时编辑最后一页上的任何信息。

  • 无需用户提供大量信息即可创建帐户,仅用于保存他们的购物车或愿望清单。

1
Emma McCreary