Many ecommerce websites offer a variety of sales, coupons, or discounts to their customers. Incorporating the many possible promotion types (ranging from sitewide coupon codes to multiitem savings) in the online shopping experience can be a difficult design challenge. Designers should evaluate the types of promotions that may be offered and design effective approaches to both communicate these offerings.

In our research for the new fourth edition of the电子商务用户体验报告系列,我们评估了用户在各种网站上的促销和折扣的经验,我们已经确定了一组帮助设计人员在电子商务网站和应用程序上呈现折扣相关内容的展示指南。

沟通折扣和促销活动

1.列出销售部分的折扣项目以及适当的类别。

不要将销售项目的显示器限制在网站的专用销售部分。最好列出适当的类别页面以及销售部分的折扣项目。有些用户在激励寻找讨价还价时直接导航到销售部分,但其他用户没有专门寻求销售部分。(以前的研究确定有几个different types of ecommerce shoppers具有不同的行为模式。)寻找特定项目的用户通常根据类别浏览。将销售商品与全价项目一起显示销售商品的网站帮助用户在其兴趣区内发现折扣。我们的研究参与者经常引起折扣物品,与全价格商品一起显示,并将销售价格与定期物品一起搅拌,帮助他们了解该网站上有销售商品。

在Macys.com上,用户直接进入设计师的页面,希望它包括来自该设计师的销售项目。“如果我去找设计师,我想知道那个设计师的东西是否会在那里?”当她到达页面时,她很高兴看到上市的销售物品。她说,“是的,他们是[上市]。现在,知道,如果我回到该网站,我只会去找我喜欢的设计师。“

对于那些以成本节省的人进行销售部分仍然适合,但将这些节省转向单个页面意味着许多用户永远不会看到它们。如果您提供折扣,这是您应该向所有人做广告的好处 - 不仅仅是那些寻求销售物品的益处。看到这些折扣可以积极影响用户对品牌和网站的看法,给予他们未来检查的另一个原因。

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

If the site offers free shipping or other site-wide discounts, show these offers on each page of the site. Consistent reminders of discounts can help users find items in their budget as well as encourage users to buy. Again, they portray your brand as one that provides perks to buyers. By only showing site-wide promotions in select areas, you risk that not all users will discover them. In addition, if coupons are not advertised on all pages, people may assume that they were intentionally hidden to prevent use — which doesn’t reflect well on the brand.

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

  • 在主页上的英雄空间促销公告
  • 每个页面顶部的横幅,折扣详情或优惠券代码 - 包括购物车页面或应输入交易的结帐页面
  • 产品上市页面中的促销标注或right rail
  • 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.)

无论您使用哪种技术,都不会提出内容too much like an advertisement为了避免横幅失明

埃迪鲍尔
Promotions were listed at the top of the page throughout the site and reflected in prices on EddieBauer.com.

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

Some sites offered promotions like free shipping for purchases above a certain dollar amount. These deals were enticing to users, and many were willing to spend extra time and money to qualify for them.

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

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

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

Chewy.com向购物车中的用户显示了一条消息,让他们知道他们需要添加多少,以便有资格获得免费送货。它还提供了产品建议,以帮助他们达到最低支出。一个用户评论道,“很高兴它告诉你你接近免费送货......所以,我现在可能会回去,我看到我很近。我想知道运费是多少。“这种战略方式是掀起更多物品,但它表明该网站希望帮助客户省钱,积极影响用户对公司的信任。

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

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

有时,促销提供了可能qualifiers or restrictions. If that is the case, ensure that the offer clearly indicates what restrictions apply. Link to more detailed information about these conditions if necessary, but do not require users to dig through the fine print to understand the basic restrictions. Nothing is more frustrating than expecting to receive a deal, only to find out at checkout that you do not qualify. (损失厌恶当客户认为他们有一些东西被带走的东西时,让它变得艰巨。)

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

DSW.

DSW.promotion
DSW.com广告在页面(顶部)顶部的黑色横幅中广告自由送货,并在结账(底部)默认情况下应用此优惠。

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

DSW.did not appropriately communicate restrictions to the free shipping or to the MYSPRING coupon advertised throughout the site.

DSW.did not set accurate expectations. Omitting important information about restrictions on the offers caused frustration and broke the participant’s trust in the brand. Instead, the offers should have read “Free Shipping; No other offers can be applied” or “Get $10 off with code MYSPRING. Free shipping does not apply with use of this offer.” Even better, omit the free-shipping deal during the MYSPRING-promotion period, since the $10 discount will always be better than the $7.95 savings on shipping.

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

If the site offers a discount for the purchase of multiple items of the same product, users should be able to easily discover the offer and reach the minimum requirement.

维多利亚的秘密网站遵循了这项建议。例如,以三种方式发出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.

页面上列出了其他合格物品。在A您也喜欢主要产品区下面的部分,该网站列出了有资格获得促销的产品,因此使用户可以在同一页面中订购更多产品。

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

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

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

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

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

购物车页上的最后一次机会发现用户关注和帮助他们的可用促销活动。他们仍然可以轻松更改订单,因此请务必包含任何特殊的优惠用户,用户可以有资格获得,例如免费送货或折扣。自由送货的承诺经常使购物者添加更多物品到购物车。

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

在Chewy.com上,每个页面都包括一个顶级横幅,表明订单超过49美元的订单,但在结账时,用户未提醒用户此促销活动。我们的研究参与者没有利用特别优惠。他们要么注意到他们会在结账过程中收到它,或者完全忽略它并错过了使用它的机会。

但是,在购物车中突出潜在节省的网站上,用户认为购买更多产品以获得优惠。

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

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

  • 用于产品级别优惠,目前在产品本身附近的消息。
  • 适用于网站范围优惠,请在选项上直接介绍优先级空间中的要约以进行结帐。
  • 如果折扣适用于运输,凭借站点范围的折扣或旁边的送货总共适当。
Macys.
梅西在购物车页上提请注意网站范围的优惠很好。

PotteryBarn.com’s shopping-cart page informed users about a delivery discount next to the product information. This spot is typically a good placement for such offers. However, the information was written in the same font and red color used for other unrelated content displayed at the top of the page. This choice of visual design can cause people to overlook promotion information.

In accordance with previous guidelines, these messages should always tell users exactly how to qualify for an offer. Good messaging can cause users to add to a purchase and spend more money on the site in order to take advantage of promotions.

陶器谷仓
陶器谷仓:由于购物车页上的红色文本过多,丢失了关于交付折扣的消息。

结论

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

However, communicating the details of a promotion is just the first step. Sites must also ensure these promotions are easy to apply and savings should be immediately visible. In an upcoming article we will discuss additional guidelines for effectively designing discount functionality in the ecommerce checkout experience。