许多电子商务网站向客户提供各种各样的销售、优惠券或折扣。在我们为新的第四版电子商务用户体验报告系列,我们评估了用户在各种网站上的促销和折扣体验。

Shoppers love deals, whether in the form of site-wide sales, select sale items, or coupons. However, for users to be successful using promotions, a website must do two things well: (1) it mustcommunicate these various promotions有效地整个网站,(2)它还必须让用户轻松获得正在传达的交易。在本文中,我们将提供一套帮助用户利用促销活动并将其应用于购物的准则。

应用折扣和促销

谈到优惠券时,更易于应用更好。这种方法不仅使客户开心,而且还可以防止他们在结账时被中断或不必要地分散注意力。

1如果网站上提供了折扣或优惠券代码,允许用户通过单击自动应用。

允许用户与折扣广告进行交互,以使它们自动应用于他们的购物车。我们研究中的几个用户点击了横幅的折扣,试图将代码应用于他们的订单(通常是不成功的)。例如,着名鞋类上的购物车展示了一个看起来像一个按钮的促销横幅。几个用户试图单击它,不成功。

FamousFootwear
着名的鞋类提供了一个没有互动的促销(右上角),但出现了这一网站的半平面设计,因为它的真实按钮和GUI小部件。

Sephora.com有很多美容提供了巩固d on one page. This approach allowed users to quickly browse discounts; however, all discounts (and accompanying coupon codes) were (linked) images, not text. So, the coupon code could not be selected and copied — users had to memorize it and apply it in the cart. Further, the image links that accompanied the coupon description did not apply the coupon code for the user, as one might hope. Instead, they linked to full-sized versions of the promoted products (which were not free).

Sephora优惠券
Sephora的优惠券代码文本嵌入在图像中,无法复制和粘贴。单击促销图像也未能帮助用户应用折扣,而是将它们带到相应的产品页面。

这种技术可能会危险销售,尤其是在舞台上作为结账至关重要。如果用户决定在其他地方度过价值的时间,则在这种复杂的方式增加折扣需要更长,并且可能导致销售不完整或丢失。而不是将用户发送到寻求查找,记忆和应用优惠券代码,而不是使用以下技术:

  • Display all offers within the body of the shopping cart page.
  • 显示并允许用户通过与推广优惠的网站范围横幅进行交互来直接应用折扣。
  • 允许用户在购物车中浏览优惠。
  • 或者,只需向购物车应用任何适用的代码。

All these tactics will save time and grief (and maybe a sale).

JCPenney注意到有价格意识的买家,并实施了寻找最佳优惠券结账时横幅。用户可以单击此处,右侧将显示在右侧,显示可用优惠券。用户找到合适的优惠券后,他们可以点击申请并且代码将自动应用。这是保持用户在结账页面上的好方法,同时轻松找到一个很好的协议。

JC Penny优惠券搜索
JCPenney允许用户在结账时浏览可用优惠券,并自动将它们应用于他们的订单。

2. When using discounts as incentive for certain actions, such as signing up for a mailing list, provide the discount immediately.

If codes must be delivered by email, at minimum, send the discount code right away. One user on Old Navy’s site saw that if she signed up for an email newsletter, she’d get a coupon for 10% off her purchase; so, she signed up. She instantly checked her email and the message with the discount code was there. She said, “Now I can spend more!”

虽然这个用户不介意将她的电子邮件收件箱取回折扣,但通过电子邮件提供代码可能会有风险,因为用户需要远离网站,并且可以获得侧面或者只是对额外工作感到恼火需要折扣。相反,而不是冒险冒险,考虑自动将优惠券代码应用于购物车或立即提供可以用单击按钮复制或应用的消息。这些选项减少了用户的努力并将其保留在网站上。对于不希望立即使用该报价的用户,电子邮件可以用作报价的长期提醒。

On Minted.com, one study participant appreciated that she got the promotional code right away on the website, as well as in her email. She said, “sometimes they don’t get back to you in time for you to use it for your order, and that is so frustrating… Not that I am an impatient person, but I like to have it so I can put it on this particular order.”

铸造优惠券
Minted.com上的用户立即在网站上立即获得促销代码,以便她可以轻松地将其应用于她目前放置的顺序。

花费太多以提供折扣是失去信任的必然方法。人们可能希望当天将其应用于购买,所以如果它不立即来,他们会觉得他们的时间没有尊重。更不用说他们的兴趣项目可能在返回代码时不再可用。

3.将优惠券代码字段包含为购物车和结帐页面的核心部分。

网站上有优惠券代码的用户希望尽快输入优惠券代码。在结账过程的第一步之前,在购物车中为优惠券代码提供一个清晰的位置。这种方法使人们能够在输入任何个人信息之前检查优惠券是否有效,并允许在流程的早期适当地更新总数。

It’s also strongly recommended to make promo codes a core part of the checkout process instead of a sidebar item. When promotions are placed in the right rail, they tend to be confused with ads and ignored due to banner blindness.

孩子们的位置有一个领域的购物车中的优惠券代码,但它的设计使得很容易错过。特别地,现场标签与背景上没有良好呈现,并且被放置在其他广告的相邻元件附近的结束下方。

儿童优惠券
由于低对比度文本和非标准输入字段造型,难以查看儿童的优惠券代码字段。

The place to provide a coupon code should be easily findable. It should be close to the payment information, hierarchically above or before the checkout button.

开放表单字段比儿童位置网站上的文本链接更容易看到。这对那些有优惠券的人来说非常棒,但对于那些没有的人来说并不伟大。优惠券元素是否应该是一个开放的领域是态势。

如果在网站上有一些有效优惠券,我们建议在网站上有某种有效优惠券(例如,通过全球促销横幅) - 包括结帐页面。可见的交易可以提及排除 - 用户将理解他们的商品是否没有资格,并将继续购买。

在我们的研究中,我们看到许多电子商务购买由没有优惠券放入优惠券代码字段的用户录制或遗弃的电子商务购买。为用户提供优惠券字段信号,即有交易待遇。如果该交易不易看到,许多用户将留下结帐页面查看网站,甚至离开网站寻找促销尝试。在这个过程中,许多购物者变得非常焦虑,感觉好像被储蓄或正在被公司欺骗或被要求在难以支付的储蓄时被欺骗。

Overall, not finding a coupon when an open field is present can significantly deteriorate the experience and the users’ trust in the company — and it’s one more reason to apply coupons automatically.

一位在赫兹租车公司网站上遇到这个问题的用户说:“我觉得如果这里有优惠券字段,我应该有优惠券。她打开另一个标签,在谷歌上搜索优惠券代码,但没有成功。

如果使用一个开放字段,它应该足够长以适应网站上使用的优惠券代码,以确保用户正确输入它们。

If you must support coupon codes in situations when a coupon may not be available on the site, it’s best not to provide an open text field. A better solution is to provide a text link to expose a text field. This design is less likely to主要的用户并在优惠券任务上发送它们,因为许多购物者不会注意到它。当然,权衡是,对于使用优惠券代码的人来说,它对这不太找到。

Pricefalls Marketplace used a link to allow users to input coupons if they had one. Interestingly, it also included aBrowse Coupons链接在同一个地方。所以那些看到的人申请Couponlink and did not have a coupon could easily look through the list of available ones.

Pricefalls couon
Pricefalls Marketplace包括在总计和地点按钮之前的应用优惠码链接。

反映收到的折扣

4显示适用于购物车中项目的任何折扣或特殊限制。

当用户清楚地看到优惠券(或没有)对购物车中的个别项目应用,而不是必须猜测该项目是否稍后更新或是否符合资格的资格晋升。如果没有明确上市折扣,用户会有可疑的。

还应传达对贴现物品的特殊限制。例如,在Westelm.com上,由于应用的深度折扣,无法退回一些销售商品。此信息显示在购物车中,并与有关项目直接关系。

West Elm Coupon
Westelm.com在推车中的特定最终销售商品无法退回或取消时注意到。

当用户看不到购物车中反映的折扣价格时,他们可能会放弃购买。SAINSBURY的用户希望利用2英镑的优惠。当她将物品添加到购物车时,价格列为7.50英镑。她说,“他们没有正确地说道。他们付了7.50英镑。我会放弃。我讨厌这个网站。一切都出了问题。我放了2,它已经上升到7.50英镑。“

Sainsburys coupon
虽然在Sainsbury购物车的商品名称下面指出了促销,但价格没有反映折扣。
NASCAR优惠券
NASCAR.COM注意到购物车中的物品的折扣价格,并列出了应用的促销(在这种情况下,女性装备20%的折扣。)
浴缸和身体优惠券代码
沐浴和身体工程:在买2,得到1免费出售,第二个项目的价格被明确划掉,而免费一词出现(也在总价栏)。

5在付款总额中反映任何特价、优惠或折扣。

Users wanted to know that they were receiving any advertised specials, deals, or discounts before they entered payment information. Coupon codes should be validated and reflected in the cost before requesting payment information. It is essential that users can see savings and understand how the total is calculated.

我们的研究参与者通常很难理解当一项费用列在一个行项目中,然后在一个单独的行项目中减去时意味着什么。如果该项目只是作为免费项目列出,用户会更清楚。

Zales优惠券代码
用户不确定是否在zales.com收到了她的运输折扣,因为上市运费,然后减去了。

结论

在不考虑网站上的交易和优惠券,不考虑您的客户,这是不够的。在网站上发布的优惠券代码应该是交互式且易于申请的单击;应立即向用户提供给用户的这些促销活动,以便立即交付,以便人们可以立即利用它们。

您的促销频率及其在您的网站上的可见性应指导您决定是否应在结帐页面上使用开放优惠券代码字段,或者您应该只提供输入折扣代码的不引声链接。

通过清楚地展示优惠券如何影响购买的最终价格或购买条款,使客户感到自信。

完整报告

The 4th edition of our full series on电子商务用户体验including 11 volumes of topical design guidelines is now available for download.