增加转换与网页设计

网站上有各种各样的元素可以增加或减少您的整体转化率。许多依赖于你的网站设计,在开始或重新设计任何网上商店时应该非常小心地考虑。其中一些元素非常简单,今天就可以开始实现!

给你的促销创意作品带来一种紧迫感。既然顾客可以等到你打折或打折后再买东西,他们为什么还要现在买呢?这个产品将如何解决他们今天的问题和下个月的问题?这可以通过多种方式来实现。用鲜艳的颜色来突出你的创意,让你的特别优惠结束日期更显眼。使用标注标记或bug使你的最终日期真正跳出客户。

增加转换与网页设计

促销创意

以下是一些如何做到这一点的例子:

目标- 4天销售

目标

REI利用他们的促销横幅给日期标注在他们的冬季销售。

丽

Bath & Body Works用红丝带来显示销售的紧迫性。

浴室和身体工程

浴室和身体工程

另一个提高转化率的好方法是展示一个问题的解决方案。这款电子书阅读器不仅可以阅读上千本书,而且重量轻、电池续航能力强,可以满足你整个欧洲之行。忘了带充电器吧!那些日子一去不复返了!在这种情况下,您可以将图书阅读器显示在手提箱或随身携带的钱包中。提醒那些喜欢阅读这种产品如何改善生活的度假人士,从而让他们购买。使用这种技术与一个明确的呼吁行动按钮将有助于提高转化率的方式设计。

确保你的呼吁行动按钮内的促销创意空间显示紧急以及。按钮的废话可以包括这样的声明:现在购物或现在购买。现在包括这个词表明了这种紧迫感。

添加到购物车按钮的位置

确保你的动作按钮,箭头等是大的和负责的,特别是当你想要客户进行购买。放置位置应在页面上方或产品属性选项的右侧(颜色、宽度、数量等)。用一种颜色来显示行动和措辞,这意味着生意。创建成功的“添加到购物车”按钮时应该使用什么颜色?这将在很大程度上取决于你的调色板和类型的产品,你试图出售。下面是一个很棒的Kiss指标颜色使用指南。在颜色上做一些A/B测试是一种很好的方法,可以帮助您在两个选项之间进行选择。

A / B测试

在你的目标市场中测试你的网站。这将给你一个想法,你可以改善你的网站展示给公众之前。

你的客户不应该需要怎样做的指示任何东西在你的网站上。它应该是简单和流畅的。如果您想收集关于哪个特定元素执行得更好的信息,比如add to cart按钮的颜色,那么A/B测试是收集这些结果的好方法。

A / B测试

A / B测试

当运行A/B测试时,一部分客户会看到一种颜色,另一部分客户会看到另一种颜色。通常在这种情况下,你会想要对半分。确保颜色是你唯一改变的东西,这样你就能确定这就是不同结果的原因。测试可能是乏味的,但如果一种颜色可以提高你的转化率,即使是0.5%,这也是值得努力去发现的。

Onextrapixel资源

摄影

炫耀产品!为您的客户提供产品的多个视图,如果他们在实体店购买产品,通常可以对这些视图进行彻底检查。你提供给顾客的信息越多,他们购买的可能性就越大。如果他们不知道你的LED电视有多少输出插孔,他们可能会去别的地方买一些他们知道可以解决所有问题的东西。

科兰驰菲尔德-放大摄影-细节是重要的。

科兰驰菲尔德

迷人的登陆页面

从一开始,登陆页面就是一个很好的工具,可以让你的客户更深入地了解你的网站。他们提供了促销的灵活性,让你能够有效地优化特定的搜索词。

以下是设计登陆页面的5个技巧:

  1. 使用短而直接的拷贝,客户喜欢扫描,而不是阅读时,他们购买。
  2. 使用按钮或其他可点击的设计元素包含一个强大的动作调用。使用更微妙的措辞,比如“学更多”或“今天就试试”。你不想看到咄咄逼人,因为这很可能是你的潜在客户看到的第一页。
  3. 以简单的方式回答客户关于产品或服务的主要目的的所有问题。
  4. 展示价值vs.销售。不要用俗气的销售口号打你客户的头。确保你的文案首先传达的是价值。
  5. 提供促销或折扣。当目标明确时,登陆页的表现最好。提供一个比较图表是在登录页面上显示有目的内容的另一个好方法。请看下面来自北湾贸易公司的例子。

北湾贸易公司登陆页图表比较两种类型的产品,他们提供。

北湾贸易公司

北湾贸易公司

对于假日季节,一个很好的主意是一个登录页面是一个礼物中心!以下是一些节日礼物指南的例子:

梅西百货礼品指南

梅西百货礼品指南

卡特的礼物仪

卡特的礼物仪

科尔的礼物指南

科尔的礼物指南

检查设计

现在你已经引导你的客户到你的登陆页面,他们对你的有价值的内容很感兴趣,下一步就是让他们进行购买。在所有电子商务网站中,最被遗弃的页面是收银台。下面是一些减少遗弃率的建议:

减少页眉和页脚

简化您的付款页眉和页脚,只提供必要的信息,您的客户需要看到,以确保他们的购买安全。不要提供促销活动,除非它与他们购买的产品直接相关。这类促销的一个很好的例子就是当你买了两件已经放在购物车里的东西时,你可以免费送货或者赠送礼物。

容易,凝聚结帐

单页结帐还是多页结帐?在这个问题上有很多不同的意见。我很想知道读者们是怎么想的!

设计多页签出的原因

  1. 根据所使用的技术,有些单步结账可能会很慢地获取信息。有时,一个简单的HTML系列的简短签出页面要比一个花哨的可卷起的签出页面要好,因为后者所占用的库比实际需要的要多。
  2. 在一页纸上包含所有必要的信息比4页纸看起来更吓人。如果设计清晰,这比在一个页面上显示20个字段要简单得多。谁真的想把这些都填满?它通常与感知有关,这在很大程度上取决于您的站点吸引和销售的客户类型。

设计单页签出的原因

  1. 减少步骤和地方,让客户变得困惑或分心,并放弃销售。
  2. 不需要等待,看看运费或他们可以在哪里输入他们的优惠码。一切都在眼前,毫无疑问。

以客人身份结账

让你的客户可以选择以客人身份退房或登录他们的在线账户。Cafe Press有一个令人难以置信的成功结账流程。下面您可以看到,如果客户希望不必再次输入他们的信息,他们可以让客户选择简单地登录。如果没有,客户将继续执行优秀的单页结帐。

Cafepress

关键是无论如何都要简化

你的网站对购物安全吗?

安全标识和认证在客户传递他们的安全数据之前就可以看到。VeriSign、McAfee、cybertrust、Truste是少数几家提供信任印章的公司,它们为客户提供额外的安全感和对公司的信任。确保你的客户信任你的网站是完成销售的关键。这些封条不仅有助于增加信任感,还表明您的站点实际上已经通过了安全检查,他们可以放心地向您提供他们的个人信息。

另一种提高客户信任度的方法是拥有一个设计良好的网站。为什么你的顾客要把钱花在你身上,而你却不像是在你的产品上花了钱?是的。这也包括你的网站,而不仅仅是你的产品。记住,你的网站就像商店橱窗里的商品。如果它看起来不好看,你的客户就会去其他地方买。

顾客评论

在整个站点中利用有价值的客户评论。顾客有先试后买的心态。他们事先知道的信息越多,就越有可能购买。将评论移到网站上更显眼的地方。在除产品详细信息页面之外的其他地方添加客户评论。要有创意。

下面是一些使用客户评论的方法:

Zappos在他们的分类页面底部引入了客户评论。

Zappos

Macy 's在所有产品页面上显示评论,而不是隐藏在一个标签页中,但是不需要再次点击就可以看到。

梅西百货

Gander Mountain在缩略图页面上显示评级。在任何网站上介绍评级的简单方法。

Gandermountain

确保在每一个产品细节页面上,你都有很高的星级,可以点击。它不需要比“添加到购物车”按钮更显眼,但它至少应该有一个评级系统,并有下划线,这样你的客户就知道他们可以通过点击链接阅读更多的评论。下面是一些在产品详情页面上放置评论的例子:

老海军把他们的评级权下方的产品标题和产品形象与一个可见的清单,所有评论直接下方的产品信息。

老海军

老海军

Target在产品标题的正下方使用红色链接和星号处理,将客户带到评论所在的页面下方。

目标

百思买使用标签方式,但是评论总是首先可见的。

百思买

百思买

网站性能

图像大小会导致你的访客离开你的网站,特别是如果他们想买的产品没有立即出现。如果你不能优化你的图像到一个足够小的尺寸,不要使用Flash。即使作为一名设计师,我也不会等着玩炫酷的Flash动画。我不喜欢等,你的顾客也不喜欢等。

网上购物的首要原因是浏览产品的便利性和节省去实体店的时间。仅仅因为它看起来很酷,并不意味着你应该使用它。我经常使用的一个很棒的工具叫做Y-Slow,用于Firefox的Firebug。它允许您查看站点中可以改进性能的区域。

YSlow

10个成功的电子商务设计的例子

Stoneberry
出色的颜色使用,如添加到购物车按钮和每月的价格(以信用买家为重点)

Stoneberry

金宝贝
允许用户一次选择多个产品,并查看产品详细信息(如下图所示)。

金宝贝

多种产品细节,方便购物。

金宝贝2

金宝贝2

戈代娃
大的详细照片显示产品近距离,所以你几乎可以品尝巧克力!

戈代娃


有趣的替代图像的位置。照片很大,为客户提供了非常详细的信息,加载速度也很快。

物

烤好
这个网站的整体图形和风格是独特的,有趣的和现场的业务。各种各样的照片组成是引人注目的,并与在整个基地发现的各种形状相一致。

烤好

烤好

罗素& Mackenna
各种各样的颜色显示在整个网站使用产品的缩略图。很多网站都有一个默认的显示颜色,但是它们显示的颜色种类繁多。R & M还将他们的电子邮件注册放在每一页的最上面。另一个伟大的设计功能!

罗素& Mackenna

罗素& Mackenna

TWC进口
这个网站的重点是搜索和购物的能力,在多种方式。他们使用酒窖,这是比较葡萄酒的一种创造性方式。搜索总是在页面的顶部,并且不会移动位置,这增加了它的易用性。

Twc进口

Twc进口

奥克利眼镜
这个网站因其大量的摄影和对细节的关注而成功(见下文)。

奥克利眼镜

左边的导航栏设计得很漂亮,灰色有细微的变化,让产品真正脱颖而出。他们还使用CSS3效果时,悬停在缩略图上,以获得额外的质量和豪华感;这就是奥克利的全部。

Oakley2

甜蜜的美丽
有机的自然通过使用有机的形状和布局以及微妙的颜色贯穿整个网站。

Sweetbeauty

购物篮的设计很简单,用绿色来表现动作。

Sweetbeauty 2

Sweetbeauty 2

埃迪·鲍尔
伟大的使用大型摄影,加载迅速,真正显示产品的细节!

Eddiebauer

移动转换

在为您的电子商务网站设计移动解决方案时,应该仔细考虑和规划。应该始终保留哪些接口元素?用户将如何能够搜索你的网站?如何在移动设备上设计一个最大转换校验?这些都是将在第二部分中讨论的重要问题。移动应用:设计移动转换。

你有什么建议想和我们的读者分享吗?我们很想听!

2020-04-23 17:50
相关热门