「自组套餐」:用户体验最佳实践

「自组套餐」只有在体验毫不费力时才奏效。这里列出决定购物者是完成还是中途放弃的用户体…

build your own bundle - featured image

「自组套餐」把掌控权交给购物者,但掌控只有在体验毫不费力时才会转化。把界面做对,购物篮就会自然变大。做砸了,人们就会中途放弃。

「自组套餐」把掌控权交给购物者,但掌控只有在体验毫不费力时才有帮助。把用户体验做对,购物篮就会变大。做砸了,人们就会中途放弃。下面这些细节,决定了走向哪一边。

展示通往下一个奖励的进度

当终点线可见时,人们会把开始的事做完。展示购物者已经加了几件商品,以及下一档位会解锁什么。一句「再加一件即可省 15%」,能把一个模糊的选择,变成一个清晰的小动作。

实时更新价格

当购物者增删商品时,总额和优惠应当即时更新。实时反馈消除了疑虑,让人们在做选择的同时就看到选择的回报。把价格藏到结账才显示,会扼杀势头。

限制屏幕上的选项

选项太多会引发犹豫,而犹豫会导致流失。让可选池保持聚焦。如果你目录庞大,就把产品分成清晰的板块,让购物者在任一时刻都从一份短名单里选择,而不是滚动浏览你卖的所有东西。

优先为拇指设计

大多数购物者都在手机上。按钮要大到方便点按,滚动时累计总额应保持可见,添加一件商品也绝不应该需要捏合或缩放。上线之前,先在一部真机上把整个流程测一遍。

让编辑毫无痛苦

让人们不必从头再来就能改主意。移除一件商品或替换一件,都应该只需一次点按,而套餐应当无需刷新页面就重新计算。这里的摩擦,正是许多半成品套餐永远没能变成订单的那个安静原因。

使用为此而生的工具

这些模式大多在专门打造的应用里已经现成可用。在 Shopify 上,Bundle MixMatch 通过一个主题应用扩展来处理实时定价、档位提示和移动端布局,因此你无需从零搭建,就能获得良好的用户体验。

一份让「自组套餐」在移动端转化的清单

「自组套餐」的大部分弃单都发生在移动端。购物者打开页面,累计总额滚出了屏幕,下一档位藏在一个下拉菜单后面,而当他切换应用时,购物篮就半成品地停在那里。设计里几个具体的决定,无需重建就能修好这一点。

在购物者滚动时把累计总额固定在屏幕上,把下一档位以一句简短的话展示在页面顶部,并让任何一件商品都能一键添加或移除。每一条听起来都很小。合在一起,它们就是一个能完成的购物篮和一个不能完成的购物篮之间的差别。

  • 固定的累计总额,在任何滚动位置都可见。
  • 下一档位提示,以清晰的措辞展示在页面顶部。
  • 一键添加、一键移除,没有确认弹窗。
  • 所有产品图片都按拇指滑动来调整尺寸,而不是桌面端的悬停。

在「自组套餐」体验中减少决策疲劳

「自组套餐」之所以既可能拉高购物篮、也可能扼杀它,原因在于决策疲劳。每多一个选择,都要消耗一点点心力。选择太多,购物者就会在完成套餐之前把心力耗尽。把可选池精挑细选地收紧,把选项按清晰的分组呈现,认知负担就能保持在可控范围。

实用的经验法则,比僵硬的上限更管用。争取让可选池少于十五件。把它们分成两到三个清晰的品类,而不是排成长长的一列去滚动。把累计总额和下一档位放在页面顶部——购物者会在那里寻找「自己正在推进」的确认。

这些限制背后的概念,在心理学中有充分的记载,它也解释了为什么超市会对货架精挑细选,而不是把每一个选项都摆出来。

常见问题

是什么让「自组套餐」能转化?

实时定价、可见的下一档位,以及无摩擦的编辑。购物者需要在添加商品时看到优惠随之更新。

我应该限制产品池吗?

应该。选择太多会引发犹豫。让可选集合保持聚焦,或把产品分成清晰的板块。

我如何为移动端设计?

大的点按目标、常驻的累计总额,以及一键移除商品。大多数「自组」购物篮都是在手机上搭建的。

「自组套餐」只有在体验毫不费力时才会转化,而一个搭建良好的店铺能提供这样的用户体验。Defyn 帮助澳大利亚企业打造能在移动端自然变大的 Shopify「自组」套餐。

Claire Smith 的头像
Sponsored Loved this story? Defyn turns articles like this into the websites your competitors wish they had. Talk to us → defyn.com.au