当前位置:380元网站建设 虎网站 > 网站技术 > 正文

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

发布日期:2019-07-12

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

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

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

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

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

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

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

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

  2、迷你购物车(弹出)

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

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

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

  3、显现项目的数量

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

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

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

  4、列出产品形象和细节

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

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

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

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

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

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

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

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

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

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

  6、正确运用优惠券字段

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

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

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

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

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

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

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

  7、显现付出和发货选项

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

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

  8、显现总本钱

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

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

  不该该有隐性本钱

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

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

  9、穿插出售或向上出售

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

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

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

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

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

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

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

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

  它需求从背景中锋芒毕露

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

  它需求招引顾客的留意力

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

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

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

  11、增加一个谈论页面

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

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

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

  12、增加一个感谢页面

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

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

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

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


seo内链优化在操作方面要关注的问题

    优化网站的方法也在不断的变化,分析以前的seo技术经验已经不能帮助别人优化了,seo优化中会碰到的很多问题,前期通常都会收录很多网页或者文章内容,网站内链是一个很重要的部分,一个好的网站的内链应该像一张网的形式,每个页面都有链接,这对于蜘蛛抓取收录很有帮助,利于客户的体验,seo内链优化在操作方面要关注哪些问题呢? seo内链优化在操作方面要关注的问题   对于任何网站来讲,网页结构和内链都是重要...

       网站设计的角度是向客户看齐 企业要设计网站,就要决定网站是以怎样的形象呈现给客户看,网站形象涵盖网站主题和网站风格,而且还决定着网站是否可以吸引潜在客户目光。设计讲究的是细节,当中的细节包含对框架排版、字体色彩、文字图片等方面。在设计的时候不能再根据传统的网站风格,网站设计的角度是向客户看齐,如果还限制于以前的图标元素、色块元素和系统字体的话,网站就很难有创新。因此,网站要以客户角度设计。 网站设计的角度是向客户看齐   一...

       怎样通过反向链接提高网站的权重 一.关系合作法 通过关系寻找几个百度\GOOGLE等收录差不多的站,实行直线循环链接。即A链向B,B链向C,C链向A,形成一个友情链接圈。 二.撰写高质量的文章 给一个人都有自己的优势,拿出自己的优势,撰写高质量的文章,加上链接和申明,贴到显眼的地方,等待他人转载。在这里给大家一个小技巧,独特创新的观点不那么容易创造,总结你总会写吧,要知道相比之下,总结性文章很容易让别人转载。例如:睿谷教你网站推...

       对于网站基本的要求就是视觉效果方面的设计 传统的网站定位是展示,也就是将网站的基本要求就是好看,对于网站来说基本的要求就是视觉效果方面的设计,难看的网站是很难得到用户的青睐,客户点开网站会在网站上浏览到很多的信息,给企业取得订单,留住用户,因此,视觉效果是关键,为了提升转化率,网站除了基本的信息浏览功能之外,更加注重目标客户群体的需求与视觉效果方面的设计,在客户访问信息的时候,才会产生进一步的行为。 对于网站基本的要求就是视觉效果方面的设...

       深圳宝安凯阳电路板和虎网科技签订网站建设合作协定 凯阳坐落于深圳市宝安区沙井镇益华电子广场H栋606。凯阳选用虎网站定制型网站案例,此类网站主要是按客户要求和提供的风格案例或效果图纸来做,这种属于仿制和定制型网站,是根据功能开发的难易度来评估报价的,价格相对较高,适合于大中型企业和有个性风格、个性功能需求的客户选用。凯阳是经深圳市宝安区工商局审核的正规企业,统一社会信用代码:91440300071754846W。同时经国家工信部和广东省通信管理局...

       房产网站制作的四大不足之处 房产网站制作是近几年才开始热起来的,所以有些网站还有许多功能没有完善好。下面我们来看看房产网站应该在哪些方面进行改进。    第一:广告太多,页面不够整洁,导航不够清楚   广告问题,不用多说,大家都心知肚明。随便打开一个稍微有点名气的地方房产网,就不难发现,广告占据了大部分篇幅。还有许多是弹出广告,让你不得不动手。想找到房源,需寻寻觅觅一番。这其实是很影响用户体验的,假如有更好的网站,用户就毫不...

最新模板
少儿英语培训机构网站建设 培训公司网站建设
成人自考网站建设 成人培训网站制作设计版面
智能家居摆设设计网站建设 智能家居装修企业网站建设
铜螺母,铜螺丝,螺栓,螺钉工厂网站建设
废气处理设备,如活性炭吸附箱、RTO蓄热式氧化处理设备、光氧等离子复合设备 低温等离子设备 光氧催化设备等网企业网站建设
图文阅读