购物车网页设计的最佳实践

2021-09-07    分类: 网站建设

购物车网页设计的好实践

还记得那些用来买杂货的大型购物车吗这些实体购物车是推出好购物车网站设计的创意来历。基本功用被改编成虚拟对应物,使在线购物者能够“持有”他们正在考虑购买的产品。运用这个在线购物车,他们还能够查看、删去和增加产品,然后持续到虚拟收银员——结账页面。

网上购物车有更多的功用,一个适宜的购物车页面设计能够主动计算总本钱,它能够“保存”物品,如果依然可用,你能够稍后购买。以下是最好的购物车网站设计和购物车创意,以帮助您为您的客户提供最好的用户体会。

1、当产品增加到购物车时告知用户

向购物车增加产品的承认通常只是改变购物车图标上的数字,有一种风险是,大多数网上买家,尤其是新买家,会错失这一小部分人。为了招引买家的留意,最好运用一个非有必要的、更值得留意的指标来承认一个产品现已增加到购物车中。

一个显现产品被增加到购物车的动画弹出框是一个“不能错失”的指示器,用户体会(UX)设计者鼓吹在线行为应该反映真实世界的行为。增加一个动画承认应该会发作一种类似于一个人从产品店货架上拿东西并把它放在他们的购物车里的体会。

包含产品的图画和相应选项的列表,不要过度运用弹出动画。在静态页面中进行少量的移动会招引留意力,但过度移动会涣散留意力,或许会惹恼客户。

购物车页面设计有必要考虑实时库存,如果没有存货,就不该该下订单。在购买进程中,你会发现该产品没有库存,这并不是一个好的用户体会。

2、迷你购物车(弹出)

网上购物手推车有两种方式,一个是一个完整的页面购物车,其中包含客户交易的悉数细节。另一种是“迷你”购物车,本质上是主购物车页面的图标或快捷方式。这个迷你购物车通常坐落侧边栏或页面上方。

最好的购物车网站设计实践是包含两个购物车,由于它们是互补的。迷你购物车应该尽或许少地显现相关信息,它坐落顶部角落或侧边栏的原因是为了防止它影响页面的视觉作用,一起持续提醒客户的行为。

一个好的迷你购物车模板显现选定的产品详细信息,通常是经过弹出窗口,然后在迷你购物车图标上反映产品、数量和价格,这答应客户在产品页面上持续购物。它为客户提供了一个快速查看工具来监视他们的项目以及他们即将花费多少。

3、显现项目的数量

购物车应该总是清楚地显现物品的数量,一次偶尔的双击或单击能够很容易地在客户不知情的情况下增加另一个产品。大多数购物者运用移动设备,他们很容易疏忽这个过错。

能够想象一下,有一位客户打电话给你们的热线,要求处理一份“重复”的订单。一直都在告知你,没有人一起订两个订婚戒指。

顾客应该能够从他们的购物车中查看和更新订单数量,他们永久不能失去修正购物车内容的挑选,直到他们购买进程的最终一步。

4、列出产品形象和细节

您的客户在整个购物车页面上做出他们的最终购买决定,这是他们在结账前的最终一个进程。购物车的作用现在变得加倍重要,购物车作为一个工具来组织购物者的物品。但当他们完结寻觅他们想要的产品时,购物车的仅有功用是现在引导顾客付钱。

重要的是,这个页面提供了要购买的物品的明晰摘要。您的购物车设计团队应该包含以下相关信息:

产品形象-形象应该足够大,以便买家辨认项目。一个小小的缩略图是不可的,尤其是从移动设备上看。图画应该以正确的色彩显现项目,使一个选项,以便用户能够恰当地审查产品。

产品细节-包含尺度,色彩,价格,型号,铭文,品牌和其他重要细节值得一提。完整的产品描述将答应用户区别他想要购买的产品和其他类似的产品。

数量——咱们再怎样着重清楚地展示这些信息的重要性也不为过。这将影响总购买价格,或许还会影响运输本钱。

有了悉数这些信息清楚地提供在购物车将答应客户审查他们的订单之前购买,这让客户有时机看到并纠正过错。最终,包含一个从购物车中的每个项目返回到产品页面的链接。经过这种方式,客户能够查看并重新阅览整个产品描述。

5、答应客户修改购物车中的产品

答应您的客户在购物车页面上轻松修改他们的订单,在修改订单时,不该将它们从购物车中删去或重定向回产品页面。你应该不惜悉数代价把它们放在购物车页面上。

在购物车页面设计中,有两种常见的办法能够做到这一点。一种是经过内联修改,另一种是经过弹出屏幕。产品图画和详细信息应该更新,以反映用户所做的任何更改。

在可操作的项目上提供明晰的标签或图标,加号(+)或减号(-)符号是众所周知的符号,应该用于可视化增加或删去项目。

6、正确运用优惠券字段

优惠券代码字段是您在迷你购物车附近找到的小表单框,它是客户输入产品或存储特定优惠券代码的门户。这些代码通常是折扣或免费项目。

设身处地为顾客考虑,您正在悠闲地购物,当您即将结账时,您会看到这个闪亮而空的优惠券代码字段。不幸的是,您没有优惠券代码。你或许会说"这肯定是个过错,我应该有一个优惠券代码由于购物车页面是要我的优惠券代码"

这个小小的误解或许会导致您简直付费的客户寻觅这个难以捉摸的代码,一项搜索或许会把他们引向另一个电子商务网站等待的怀有。

如果你想要放一个优惠券代码,这里有3个购物车比如关于怎么避免“优惠券搜索丢失”

您能够放置一个可点击的链接,让客户在购物车页面上搜索可用的优惠券。

在没有优惠券代码的情况下,向客户隐藏优惠券代码字段。

略微隐藏或减少优惠券字段的可见性,有优惠券代码的用户会寻觅表单字段,而没有的用户或许乃至不知道表单字段的存在。

7、显现付出和发货选项

付出选项-显现悉数或许的安全付出选项将使您的客户的付款进程无摩擦。挑选有必要以客户能够在一个视图中看到悉数选项的方式显现。这答应他们比较和挑选最优的挑选。您还能够增加付出安全印章,以及在您的付出选项周围放置图标。

运输本钱-购物车应该能够计算这个本钱依据交付地点。如果客户是回头客,运费应该依据列出的默认送货地址。

8、显现总本钱

说到钱的问题,重要的是让顾客对他们的购买感到放心。以下是好购物车网站设计的黄金规律

悉数费用有必要清楚地写下来

不该该有隐性本钱

任何具有钱银价值的东西——小本钱、税收、运输本钱,最终是总本钱——都有必要在购物车中有自己的项目。

在客户进入结帐页面之前,他们有必要能够看到他们将付出多少钱以及这笔金额的细目。数字和钱银值应该对齐,有恰当的距离,即使从移动设备上观看,视觉上也容易阅览。有些设计将悉数值放在一个表中。

9、穿插出售或向上出售

穿插出售或向上出售发作在许多业务和不同的方式,它本质上是为顾客提供一个购买额外产品的时机,这些产品要么是对他们当前购买的产品的赞美,要么是提高他们当前的购买。

简略的一句话“你要配薯条吗”这是一个成功的比如,它帮助麦当劳卖出了不可胜数的薯条。当你决定买更多的薯条时,那些精明的营销人员乃至会做一个“大号”的推销。

早在2006年,亚马逊就陈述称其35%的收入来自向上出售和穿插出售。10多年过去了,这种商业策略依然是一个强有力的收入来历。大多数电子商务网站都采用了这种办法,并取得了普遍的活跃作用。

均匀而言,穿插出售和向上出售占电子商务出售增加的10%-30%。您能够经过推荐个性化产品或显现其他客户购买的产品来大化购物车页面。这也是最好的出售时机,由于你有一个付费客户的悉数留意力。

10、在按钮上指定对动作(CTa)的调用

当您的客户到达购物车页面时,应该只显现两个对动作的调用(CTa)。一个是“持续购物”,另一个是“结账”。

将CTas放在可点击的按钮上,能够让它们与页面的其他部分天壤之别。以下是规划购物车CTa按钮时要遵从的基本指导准则。

它需求上色,最好不是白色、灰色或黑色,它应该是一种引人注目的色彩。

它需求从背景中锋芒毕露

它有必要放在最显眼的地方

它需求招引顾客的留意力

您最好希望他们单击CheckoutCTa,这样就有必要比ContinueShoppingCTa更杰出显现这一点,它有必要是购物车页面中最斗胆和大的元素。

这有必要坐落购物车页面的右上角和右下角,依据购物车页面规划,它也能够放在左面,但大多数购物车示例将它们放在右边。

签出CTa应该清楚地指示当单击或激活该按钮时将发作什么。用户有必要清楚他们即将购买和付出物品。不要运用令人困惑的标签,不论它们听起来有多酷。简略而传统的“立即付款”或“持续付款”就能够了。

11、增加一个谈论页面

始终包含一个回顾页,以显现订单摘要。这个特性给了客户最终一次时机来查看和验证他们是否购买了预期的产品,然后他们再许诺付出进程。

在评定页面上,您应该再次包含关于产品的悉数信息。它类似于完整购物车页面上的表格视图。审查页面还应该包含客户的个人、运输和付出信息。

好的购物车网站设计实践答应客户撤销或改变他们的订单。他们还能够经过单击ContinueShoppingCTa增加产品。如果悉数顺利,这将使您的客户有决心持续进行结帐进程。

12、增加一个感谢页面

有用的购物车网站设计总是包含一个感谢页,此页面应包含承认订单已发送且正在处理的说明。包含重要的信息,如订单盯梢号码和谁在延迟交货时联络。

这也是一个向你的客户表示感谢和加强你的联络的时机,首先要给对方一个温暖的私人信息。考虑一下这个问题,如果或许的话,增加一个个人签名。

你也能够提供这些前面提到的优惠券代码在这里作为感谢信息的一部分,你乃至能够把顶级出售项目的链接作为你的向上出售努力的一部分。

遵从这些技巧,就能够得到最好的购物车网站设计。具有一个高效的、以客户为中心的购物车页面,会给你在电子商务领域取得成功的大时机。如果您需求进一步帮助您的购物车或网站设计,咱们将很快乐帮助您。请给咱们发邮件或打电话,悉数信息都列在咱们的联络页面上。

文章标题:购物车网页设计的最佳实践
浏览地址:https://www.cdcxhl.com/news1/125651.html

成都网站建设公司_创新互联,为您提供网页设计公司ChatGPT网站制作网站营销全网营销推广网站维护

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

成都网页设计公司