首页 > 新闻 > 电子商务 > 可成功获取客户的电商网站产品页设计-第二部分

可成功获取客户的电商网站产品页设计-第二部分

可成功获取客户的电商网站产品页设计-第二部分

有效的电商产品页面布局设计剖析--可直接使用的好用的设计以提升你的电商网站

设计消费者喜欢的并且让他们有消费欲望的电商产品页面布局是一件非常有挑战的事情。

我应该从哪里开始？

怎样的设计对“我的消费者”来说才是最好的？

怎样才能从众多竞争者中脱颖而出？

如果你也有同样的困扰，本文将为你解答这些疑问。

我们有自己的电商网站，在转化最优化方面非常有经验。

本文中，我们将与你分享一些已经经过试验的方法，你可以借鉴来改进自己的产品页，提升销售量。

我们还开发了几种现成的电商产品页设计，你可以立即用到自己的电商网站中。

如果你还没有阅读本文的第一部分，那么我建议你先去读一下，这样才能更好地理解本篇的内容。

可成功获取客户的电商网站产品页设计--电商产品页必须拥有的八个要素

附注：这些现成的产品页面设计是基于对消费者行为的研究而形成的。当然不同的网站和不同的业务类型可能导致结果有所不同。这份列表只是给你一个起点，你可以在此基础上改善自己的网站。你可以不断测试不同的方法来进一步优化你的网站。

下面正式进入第二部分的内容。

第二部分：有效的电商产品页面布局设计剖析

你可以立即拿来使用的设计

我们更看重好的科研与和行之有效的方法，而不是无形的所谓的天才设计。

说实话，并不是每个人都天生就有设计和色彩搭配技巧，所以我们也不会为你强塞各种设计理论。

80/20法则是学习成功电商网站的经验，了解对方成功的原因，并思考对自己有哪些启发。

既然已经有了好的示范，为什么还要从零开始呢？

我们先来回顾一下第一部分内容中提到的成功的电商产品页设计必须具备的八个因素。

第一部分：你的产品页必须的八个因素

1.好看的且包含相应信息的产品图片

2.有用且有趣的产品说明

3.产品使用演示视频

4.清晰的价格显示

5.清晰的添加到购物车按钮

6.展示客户评论与打分

7.说明不确定性

8.显示相关及推荐产品

下面我们来看如何将这些元素成功地融入到产品页面布局中，以达到优化你的电商网站的目的。

#1.如何按照重要性排序

有的信息比其他信息更重要，因为它是消费者最关心的内容，对他们的购物决定有非常大的影响。

确认哪些信息对消费者来说更重要并把它们放在产品页上最显眼的位置，是非常重要的。

那么我们应该怎么做？

基本上，产品页布局可以分为两部分：

首屏显示--页面加载完毕后无需向下滚动即可看到的内容。

非首屏显示--页面加载完毕后需向下滚动才可看到的内容。

100%的访问者会看到首屏显示内容，因为这些内容是直接显示在屏幕上的。

研究表明，人们在向下滚动页面时对相应的内容关注较少。

因此，决定这八个因素中的哪些应该放在首屏显示内容中是非常重要的一步。

1.首屏显示的因素

以下的六个因素毫无疑问是你的消费者最关心的问题。

92%的消费者在购买某件产品时是基于以下六个因素决定的--所以一定要注意！

1.产品图片：既然我们讨论的是网购，你的产品图片是你能提供给消费者的仅次于亲自触摸、试用产品的体验。高质量的图片必须是消费者打开产品页之后第一眼看到的东西。

2.价格：不管是给自己买昂贵的礼物还是便宜的日用品，我们对于价格都是敏感的。不管消费者多喜欢你的产品，如果超出预算，他们是不会买的。最好把你的产品价格放在显眼的位置。如果没法一眼看到价格，那真是太糟心了。

3.不同版本产品展示（如果有的话）：如果你的产品有很多不同的版本（颜色、图案等），展示这些不同的版本会让你的销售上涨58%。不要只是简单地罗列颜色或者图案选项。消费者都是视觉动物，记住这一点。

4.添加到购物车按钮：产品页的第一大任务是让消费者点击添加到购物车按钮。一定要确保它是页面上最显眼的元素之一。

5.客户打分：85%的消费者会在购物前阅读客户评价。快快在明显的地方展示客户评价吧。

6.说明不确定性：50%的消费者表示，他们不网购是因为他们有很多疑问--这件产品适合我吗？--物流要走多久？--退货流程复杂吗？一定要把这些问题的解答都显示在首屏内容中，比如提供一个尺码表或者一个直达物流和退货政策的链接。

更多细节：这里还有更多的内容可以展开讲，如果想更深入地了解相关内容，请转至本文第一部分。

下面我们来详细分析一下应该放在非首屏显示的内容。

随后，我们会展示一些电子商务产品页面布局设计，你可以借鉴来帮助你的业务增长。

2.不在首屏显示的因素

以下四个因素可以不在首屏显示，但也会对你的销售造成影响。

这四个因素是“配角”，可以帮助拿下那些还在犹豫到底要不要买、只差临门一脚的消费者。

1.产品说明：79%的消费者是浏览者而不是阅读者，所以要提供一个简短版的介绍，比如这样：“全能通用”或者“响应缓冲”，让他们能够快速了解产品的优点。对那些需要更多信息的消费者，你要准备一个更长一点的版本来说明产品的优点。

2.产品展示视频：31%的消费者会被产品视频说服而去购买相关产品。这是仅次于让销售人员到你家门口为你演示应该如何使用产品的体验。

3.客户评价：85%的消费者在购物前会阅读评价。网购总会伴随着各种各样的疑问。这是为什么认真收集好评和差评能够帮助消费者下定决定购物。当人们觉得从评论中得到了足够的信息，他们一般会采取相应的行动。

4.推荐产品：这是交叉销售其他产品的好方法--比如亚马逊在这方面做得非常好。推荐或类似产品能从两方面帮助消费者：（1）如果消费者不喜欢正在查看的产品，你可以为他们展示类似的他们可能真正在寻找的产品；（2）如果他们喜欢正在查看的产品，你可以为他们提供更多类似或者互补的产品。这对于你和你的消费者来说是一个双赢的局面。

更多细节：这里还有更多的内容可以展开讲，如果想更深入地了解相关内容，请转至本文第一部分。

现在你已经了解了产品页应该包括哪些内容，下面我们来学习一下这些因素应该怎样放置才能为潜在消费者带来更好的购物体验。

#2. 有效的电子商务产品页面布局+随时可用的示例模板

简约是优秀的产品页设计的关键。

想要消费者快速准确地找到他们想要的信息，过度设计和过度拥挤是产品页设计中一定要避免的。

像前面提到的，既然已经有了好的示范，为什么还要从零开始呢？

下面是一些经过实践的优秀的设计范例，让我们来看看它们到底优秀在哪里，思考一下对你自己的电商网站有哪些启示。

我们将为你展示：

1.三大你应该使用的电商产品页面布局设计

2.决定哪一种最适合你的店铺

3.从哪里能找到这些模板并立刻使用

产品页布局#1--普遍适用版

这个布局设计是普遍适用的，可以用来销售很多产品。

人们的阅读习惯是从左到右，图片放在左边的话能立即抓住消费者的注意力。

如果留下了良好的第一印象，他们很大可能会继续停留在页面上阅读更多内容。

可成功获取客户的电商网站产品页设计-第二部分

产品页布局#2--专注于图片

这个产品页布局强调的无疑是产品。

如果你销售的是创意类或者是很有美感的产品--比如家具、珠宝、手工制品等，这个设计非常合适。

在页面上方放置一幅全宽产品图片，会将消费者的注意力集中到产品的美上。

可成功获取客户的电商网站产品页设计-第二部分

产品页布局#--专注于性能

这个布局设计适用于那些专注细节和功能的产品。

比如软件、技术涉笔、机械零件等。

当产品的功能性比外观更重要时，产品说明和规格是非常重要的。

这种情况下，你的产品图片只是辅助内容，其作用是向消费者展示它的外观，而不是说服他们买下它。

可成功获取客户的电商网站产品页设计-第二部分

结论&经验

我们的第一个电商网站从零销售额到六位数，只用了两年。所以我们完全理解从零开始建设电商网站的酸甜苦辣。

我们并不是生来就有“电商”方面的经验，但在失败了无数次后，我们发现，要成功，就要从别人那里学习。

优化你的产品页布局是提升销售的最快方法之一。这并不是你能做的唯一的事情，却是你最应该首先做的事情之一。

可以拿来测试和优化电商网站的方法有很多。我们建议不要一次性测试或者改变10个或者20个网站元素。相反，我们建议你先关注重要的事情，比如优化产品页设计，创建一个优秀的主页、分类页、付款页等。

一旦你做好了这些基础的事情，你就可以继续研究转化策略相关的事情了。记住，一次只改变一两处即可，这样才能轻松发现哪处改动有用、哪处没用。