许多电子商务网站为客户提供各种销售,优惠券或折扣。在线购物体验中纳入许多可能的促销类型(从Sitewide优惠券代码到Multiitem PaSings)可能是一个困难的设计挑战。设计人员应评估可能提供的促销类型,并为两者传达这些产品的有效方法设计。

在我们对新的第四版的研究中电子商务用户体验report series,我们评估了用户在各种网站上的促销和折扣的经验,我们已经确定了一组帮助设计人员在电子商务网站和应用程序上呈现折扣相关内容的展示指南。

Communicating Discounts and Promotions

1. List discounted items in the Sales section as well as in appropriate categories.

不要将销售项目的显示器限制在网站的专用销售部分。最好列出适当的类别页面以及销售部分的折扣项目。有些用户在激励寻找讨价还价时直接导航到销售部分,但其他用户没有专门寻求销售部分。(以前的研究确定有几个不同类型的电子商务购物者with different behavior patterns.) Users looking for a particular item generally browse based on category. Sites that display sale items together with full price items help users discover discounts within their area of interest. Our research participants often gravitated toward discounted items shown alongside full-price merchandise, and mixing sale priced products in with regular-priced items helped them understand that there were sale items on the site.

On Macys.com, a user went directly to a designer’s page, hoping that it would include sale items from that designer. “If I go to a designer I like, I wonder if the things by that designer that are on sale will be there?” When she got to the page, she was pleased to see sale items listed. She said, “Yes, they are [listed]. Now, knowing that, if I came back to the site, I would just go to the designers I like.”

It is still appropriate to have a Sale section for those motivated by cost savings, but cornering these savings into a single page means many users will never see them. If you offer discounts, this is a benefit you should advertise to everyone — not just those seeking out sale items. Seeing these discounts can positively influence users’ perception of the brand and the site, giving them another reason to check back in the future.

2.在整个网站体验中全球传达全球的站点促销活动。

如果该网站提供免费送货或其他网站范围折扣,请在网站的每页上显示这些优惠。一致的折扣提醒可以帮助用户在预算中找到项目以及鼓励用户购买。他们再次将你的品牌描绘成一个为买家提供津贴的品牌。仅在选择区域中显示站点范围的促销时,您的风险并非所有用户都会发现它们。此外,如果所有页面不宣布优惠券,人们可能会假设他们是故意隐藏的,以防止使用 - 这在品牌上没有良好反映。

实现促销良好沟通的技术包括:

  • 在主页上的英雄空间促销公告
  • 每个页面顶部的横幅,折扣详情或优惠券代码 - 包括购物车页面或应输入交易的结帐页面
  • 产品上市页面中的促销标注或右轨
  • Banners at the bottom of the page, in or near the footer (Though this space may appear throughout the site, users don’t expect to find deals there, so they may not discover them. For this reason, the bottom of the page may be best used for secondary, redundant promotional messaging.)

无论您使用哪种技术,都不会提出内容太喜欢广告in order to avoid横幅失明.

Eddie Bauer
在整个网站的页面顶部列出了促销活动,并反映在Eddiebauer.com上的价格。

3.对于最低限度 - 花费促销,为用户进行数学,并帮助他们到达支出目标。

有些网站提供促销,如免费送货,以上的购买量以上。这些交易令人荣誉,许多人愿意花费额外的时间和金钱来获得他们的资格。

对于最低限度 - 花费促销,网站应告知用户需要花费多少资格以获得优惠。夏普兰湖巧克力'购物车Page正确警告用户当您的小计到达$ 95.00时,您将收到一件8件佛蒙特的巧克力作为我们的礼物!然而,它是最好的,表明用户需要多少钱以获得免费礼物。

尚普兰湖
霍普兰湖巧克力突出了购物车页上的免费礼物,告诉用户如果他们花了95美元,他们会收到一盒巧克力。但是,该网站并未表明用户需要多少钱。

用户经常希望花费足以获得资格,并搜索将其放在必要的购买量的物品是耗时的活动。人们通常不介意这样做,但满足此约束的产品建议可以加快这一过程。

嚼.com displayed a message to users in the shopping cart, letting them know how much more they needed to add in order to qualify for free shipping. It also provided product recommendations to help them reach the minimum spend. One user remarked, “It's nice that it tells you that you’re close to free shipping … So, I might go back now that I see I'm close. I wonder how much shipping is.” Not only is this a strategic way to upsell more items, but it demonstrates that the site wants to help customers save money and positively impacts users’ trust in the company.

嚼
Chewy.com向用户展示了他们需要花费多少,以便有资格获得免费送货,甚至提供产品建议(在标题下忘记),即价格收到指定的金额。

4.清楚地了解促销的限制。

有时,促销优惠可能受到限定者或限制。如果是这种情况,请确保报价清楚地表明适用的限制。如有必要,链接到有关这些条件的更详细信息,但不需要用户挖掘精细打印以了解基本限制。没有什么比期待收到交易更令人沮丧,只能在结账时找出你没有资格的结账。(损失厌恶当客户认为他们有一些东西被带走的东西时,让它变得艰巨。)

一名学习参与者在DSW.com上购物了一双鞋子,该网站在页面顶部的横幅中广告自由送货。在将物品添加到包中时,还会显示免运费作为默认送货选项。

DSW.

DSW推广
DSW..com advertised free shipping in the black banner at the top of the page (top) and applied the offer by default at checkout(bottom).

页面顶部的黑色横幅还以结帐过程中的代码“myspring”为10美元的优惠券,但当用户在购物车中输入了此优惠券代码时,将删除自由运送促销。在发生了什么时,用户很困惑。她说,“等等,我的免费送货发生了什么?当我投入优惠券代码时,我认为它删除了它。“删除优惠券代码后,免费送货再次应用,她说,“是的,它确实如此!它称在这个网站上全部免费送货。它无处可见,如果您不使用此优惠券代码,您只能获得它。DSW正在使用一些偷偷摸摸的战术。“

DSW没有适当地将限制与全部遍布自由送货或MySpring优惠券沟通。

DSW没有设置准确的期望。省略有关提供限制的重要信息导致令人沮丧并打破了参与者对品牌的信任。相反,优惠应该已阅读“免费送货;没有其他优惠可以应用“或”使用代码myspring获得10美元。免费送货不适用于使用此优惠。“更好,省略了Myspring-Production期间的自由运输,因为10美元的折扣将始终优于7.95美元的运费节省。

5.对于购买倍数的产品级折扣,使产品易于看到并采取产品页面上的步骤,以确保用户选择您选择的资格。

如果该网站为购买多个产品的购买折扣,则用户应该能够轻松发现要约并达到最低要求。

维多利亚的秘密网站遵循了这项建议。例如,以三种方式发出5 - 28.50美元的促销:

  • 促销活动毗邻价格:10.50美元或5美元/ $ 28.50
  • 用户在用户添加了一个项目到袋子后出现了一个提醒。在桌面上,消息显示在价格以下的横幅范围内。在移动设备上,文本添加4个并保存在添加到袋式确认叠加中。
  • 如果未满足要求,购物车也会出现在购物车中。
维多利亚的秘密
The Victoria’s Secret site made it easy to buy multiples by reminding users of the promotion in several ways: near the original price, after one item was added to the bag (pictured above), and again in the shopping cart if the deal was not yet met.

Additional qualifying items were listed lower on the page. In a You’ll Also Love section below the main product area, the site listed several products eligible for the promotion, and thus gave users the option to order more within the same page.

维多利亚的秘密
维多利亚的秘密使得通过允许人们在同一产品页面中选择它们来轻松添加其他合格物品。

相比之下,在BodyShop.com上,在产品页面上很难注意到3次5美元的交易,只有当用户到达购物车页时,才会显而易见。在产品页面上,促销的横幅确实出现在产品描述下方,但到目前为止大多数学习参与者忽视它的价格和数量选择。

那些注意到横幅并点击它的人被带到了主页,而不是有关如何获得促销资格的信息。此外,仅向购物车添加一个项目并没有在产品页面上为3-$ 5促销产生提醒。直到用户被告知的购物车,他们可以增加更多才能获得资格。

Body Shop
车身店:特殊促销的设计和放置3美元的面膜包装封装似乎与当前产品无关。更容易注意到价格和数量选择器更近的促销活动。

6.提醒用户有关可用的特别优惠,他们可以在购物车中获得资格。

The last chance to catch users’ attention and help them discover available promotions is on the shopping-cart page. There they can still easily make changes to the order, so be sure to include any special offers users can qualify for, such as free shipping or discounts. The promise of free shipping frequently made shoppers add more items to the cart.

在每个页面上的一致位置中显示要约是不够的。用户可能会错过它或者在他们退房时可能会忘记它。

在Chewy.com上,包括每一页顶部的横幅icating free shipping for orders over $49, but at checkout, users were not reminded of this promotion. Our research participants did not take advantage of the special offer. They either noticed they’d received it during the checkout process or completely ignored it and missed the opportunity to use it.

However, on sites where potential savings were highlighted in the cart, users considered buying more products to qualify for offers.

嚼
Chewy.com在页面广告的右上方展示了一个横幅,广告广告免费送货超过49美元,但没有提醒用户在购物车上提升此促销活动。

在购物车页上显示促销不够,但在该页面上也必须清楚地注意到,以吸引用户的注意力。要吸引用户的眼睛,请使用适当的放置和视觉重量。

  • For product-level offers, present messaging near the product itself.
  • 适用于网站范围优惠, present the offer in a priority space directly above the option to proceed to checkout.
  • If the discount applies to shipping,凭借站点范围的折扣或旁边的送货总共适当。
Macys.
梅西在购物车页上提请注意网站范围的优惠很好。

PotteryBarn.com的购物车Page通知用户产品信息旁边的交货折扣。这个位置通常是良好的展示优点。但是,信息以相同的字体和红色编写,用于其他在页面顶部显示的其他不相关内容的字体和红色。这种可视化设计可以使人们忽略促销信息。

按照以前的指导方针,这些消息应始终告诉用户完全如何获得优惠报价。好消息传递可能导致用户添加到购买并在网站上花更多的钱,以便利用促销活动。

陶器谷仓
陶器谷仓: The message about a delivery discount was lost because of the excessive amount of red text on the shopping-cart page.

结论

通过主页上的单个横幅进行促销往往是不够的。流行的促销并不总是直截了当,需要最低支出或购买多项。您的工作是帮助访客了解您的优惠并有资格获得它们。此目标可能需要多级策略:不仅必须以正确的方式传送信息,但应采取其他步骤提醒用户,并帮助他们在结账时有资格获得资格。

但是,传达促销的细节只是第一步。网站还必须确保这些促销易于申请,并且应立即可见。在即将到来的文章中,我们将讨论有效设计电子商务结账实验中的折扣功能的其他准则nce。