您正在优化网站上的搜索、导航、过滤和分类。所有的目标驱动您的购物者通过转换漏斗到您的电子商务产品页面。

CRO 很好,你做得很好。

当你可以追求卓越的时候,为什么要满足于卓越呢?

事实上,当涉及到设计和优化产品列表页面(PLPs)以促进产品发现时,您只是触及了您能做的事情的表面。PLP 个性化的真正黄金在于心理学和设计学的交叉点。

现在你可能会想,心理学是如何发挥作用的?如果你熟悉用户体验设计,那么心理营销就是你的宝贝。但是,商人并不总是有机会以一种可行的方式运用科学。

贝马德研究所的一项研究发现,PLP 的设计和功能会影响用户找到他们想要购买的产品的成功率400% !

心理学将帮助您优化您的 PLPs 根据决策和行为的个人购物者。

本文将通过心理学的视角向你展示优秀的 PLP 设计。我将向你们展示一些例子,主要的 PLP 最佳实践,以及我们的内部消费者心理学家对网络商店 PLP 的两次拆分。

我已经对这个想法感到厌烦了。

这是你的产品清单页面手册,可以用来:

  1. 促进产品发现在您的网上商店和流线型的客户旅程
  2. 利用这些见解优化你的产品页面
  3.  提高产品的可寻性和可见性
  4. 从更深层次理解购物者的行为

让我们从最上面开始。

什么是产品列表页?

product listing page example

产品列表页面显示基于搜索查询类别的产品列表。在 PLP 上,你的客户是目标驱动的。当他们到达产品详细信息页面(PDP)时,他们就成为信息驱动的了。因此,帮助你的顾客在 PLP 上实现他们的目标是很重要的。

一个实体店相当于一个伟大的 PLP 是一个易于导航,分类良好,并把重要的产品放在前沿,而不创造过载的信息。

product listing page design in-store

不是这样的:

商业内幕: “今年我们去过的最乱的商店”

这就是为什么设计如此重要。一个用户需要半秒钟的时间来决定离开一个网站,而视知觉是这个决定的第一步。

用心理学个性化电子商务产品列表页面设计

设计您的 PLP 符合您的购物者的目标将引导他们到 PDP 和通过结帐。这意味着你需要明白这些目标是从什么开始的。因此,CRO 心理学的重要性。

在内在层面上理解是什么驱动了你的购物者,这将帮助你建立他们的购物状态,在他们整个购物过程中通过你的品牌在特定的接触点上观察他们需要完成的工作(JTBD)。

我们非常喜欢这个话题,所以写了一本关于它的电子书!阅读这里,学习如何在决策科学领域中利用心理学来理解和指导 JTBD 框架的不同点上的行为。

最后,每个产品您显示在 PLP 链接回到您的一个类别页面。也就是说,PLP 也是一个集中的网页,你应该让你的电子商务搜索引擎优化和内部链接建设的光芒,建设一些后端权威。

最终,一个强大的 PLP 会让你的客户培养品牌亲密感。在用户层面上,它:

  1. 增加粘性
  2. 鼓励用户参与
  3. 减少购买时间
  4. 具有丰富的元数据,可以优化和利用这些元数据进行转换

以上这些都是你个性化旅程中的重要步骤。这是关于 a)促进决策,b)引导行为,c)基于这些心理过程的个性化。

让我们来看看实践中的情况。

4电子商务产品列表我们喜欢的网页设计 & 为什么

1. 马腾斯博士

product listing page ecommerce

我们为什么喜欢它

  • 清除产品图片
  • 悬停功能显示了如何穿鞋(例如,生活方式照片)
  • 清除筛选和排序选项
  • 无缝一致的设计符合品牌

为什么我们作为消费心理学家喜欢它

直接从 PLP 的产品图像下面有颜色选项增加了用户的自主权。从心理学上讲,增加自主权是一个很大的推动力。推动是 PLP 鼓励决策的小改变(阅读所有关于推动市场营销和什么推动你可以适用自己!).

PLP 的自主性为购物者提供了选择的自由,而不会造成过多的选择,从而将点击行为从 PLP 转移到 PDP。稍后我们将深入探讨这一原则。

2. 锈迹斑斑的冲浪板

product listing page ecommerce

Why we love it

我们为什么喜欢它

  • Customization functions straight from the PLP 定制功能直接来自 PLP
  • Interactive overlays to show art-design on the board without having to click from PLP to PDP, streamlining the customer journey  交互式覆盖显示在董事会上的艺术设计,而不必从 PLP 点击到 PDP,简化客户的旅程
  • Everything about the webshop streamlines efficiency, giving the right options for the target audience (i.e., the professional and occasional surfer) 关于 webshop 的一切都使效率更加高效,为目标用户(即专业人士和偶尔的上网者)提供了正确的选择

为什么我们作为消费心理学家喜欢它

根据微推理论,Rusty surfboard 的智能通知也向消费者提供了更多的信息,同时在其副本中利用了社会证明。

这让人们注意到“短柄小斧”这块板子,使它更能吸引那些在不确定该选择什么的时候观察同龄人行为的人。

聪明的通知推动了:

  • 使某些产品对那些受影响的消费者更有吸引力
  • 突出某些产品,并且在不打扰别人的情况下吸引别人的注意
  • 通过显示交易、优惠或鼓励注册来驱动点击行为

3. Tommy Hilfiger

product listing page ecommerce th

我们为什么喜欢它

  • 购物者能够过滤“新”产品徽章,以显示整个类别的新产品
  • 一个可持续发展的产品是强调徽章和轮廓
  • 消费者有可能通过点击心脏来喜欢一个产品

为什么我们作为消费心理学家喜欢它

个性化的愿望列表,收藏,或整理衣柜增加自主性和非侵入性的 PLP 附加组件去。此外,突出一个可持续的属性现场可以产生重要的心理数据。

消费心理学是你的顾客的价值观、信仰、观点和欲望。如果可持续性作为一种价值吸引某些客户胜过其他客户,你就可以开始创建基于价值的沟通。

例如,如果一个客户群响应产品的“可持续风格”(就增加点击行为而言) ,那么 Tommy Hilfiger 可以在他们的其他沟通渠道中利用这种信息。

最终,这类数据将为消费心理学的细分铺平道路,你可以开始根据消费者的喜好和厌恶,以及最终他们作为个人而不仅仅是消费者的身份,将他们聚集在一起。

4. River Island

product listing page ecommerce river island

我们为什么喜欢它

  • 通常,产品推荐对于 PDP 的驱动行为是一个很好的策略。但 River Island 做得很好的是,根据回头客户过去的现场浏览行为,将 PLP 已经提供的产品推荐放在网站上
  • 这种策略允许江河岛个性化为他们的忠实客户群,同时仍然遵守数据保护法
  • 消费者会觉得这个品牌了解他们,会帮助他们实现目标

为什么我们作为消费心理学家喜欢它

“趋势”产品徽章是利用社会认同的良好推动。有权有势的人或专家也可以提出建议。

例如,这些可以是品牌本身、设计师或影响者的推荐。在现场测试这些不同的推荐风格,看看你的听众对什么有反应。

“建议之所以有力,是因为它们利用了不同的行为原则。例如,在一家书店里,我看到了来自书店本身(权威)的推荐,以及以其他人的笔记形式(社会证明)的推荐。你也可以把它带到网络世界,但它总是关于在你的平台上测试信息。”- Patrick Oberstadt,Crobox 消费者心理学家

4.产品列表页面设计最佳实践使用心理学,将永远工作(如果执行良好!)

现在,我们已经看到了我们最喜欢的设计,您可能会告诉如何有一些常见的东西脱颖而出。继续遵循四的原则,保持事情简单,这里有四个最好的 PLP 实践,将永远工作。

然而,因为他们是心理驱动的,你需要能够以最有效的方式执行他们。因此,请仔细阅读并相应地应用。

1. 产品徽章

product listing page ecommerce plp

产品徽章上的 PLP 是使用标签的产品图像突出的东西是特殊的产品。标签要么显示产品的属性和好处等信息,要么具有触发购物者购买行为的行为推动作用。

比如说,

  • 观看最多: 这是一种行为推进,因为它是基于社会认同的心理学原理
  • 快速干燥技术: 这是一个特殊的特点,你想把产品带到前沿

产品属性和行为推动都能很好地驱动行为。在 Crobox,我们利用这两种类型的信息。我们的 AI 从购物者的行为中学习,以便在正确的时间向正确的人展示正确的信息。如果您有足够的数字成熟度(和/或预算)来使用人工智能,那么您的消息可以针对每个人进行自动优化。

我们还收集了关于消息和产品层面的见解,以了解是什么消息驱动了 PLP 上的点击行为。但是如果你还没有达到这个水平,不要烦恼。你也可以用 a/b 测试你的产品徽章。

如果你使用产品徽章在进度计划,确保你不超载的徽章页面,有一定的一致性,并确保购物者交付相同的徽章在 PDP。

2. 增加自主权

product listing page ecommerce

允许你的购物者在你的网上商店拥有表面上的自主权对于保持灵活性和简化他们的决策是很重要的。我说“外表”不是因为你想欺骗任何人,而是因为你不想造成选择过多。

狡猾的或操纵性的说服技巧被称为黑暗模式,你应该不惜一切代价避免使用它。

在进工党中,你可以通过以下方式来增加自主权:

  • 有颜色,性别,大小,类型,或形状的选项,无论是每个产品或作为一个侧面板,以帮助购物者过滤产品想要查看的 PLP
  • 有一个添加到愿望列表按钮(例如,一个心或喜欢)
  • 社交分享按钮
  • 允许用户捏,缩放,或最大化的产品图像,以便他们可以得到更多的信息,而不必去到 PDP

3. 认知流畅性

product listing page ecommerce

苹果的 PLP 是流畅的缩影,从品牌风格,押韵的话,感知愉悦的眼睛

越容易理解什么是期望达到的目标,并取得进展的目标,更好的经验和转换成功的可能性。

认知流利意味着在以下方面调整你的 PLP 设计:

  • 用户期望
  • 视觉吸引力(触发感知流畅性)
  • 直观的导航

因此,使用大而清晰的图片(这样可以提高94% 的浏览量) ,不要让你的用户感到惊讶,除非这是你品牌风格的一部分,比如一些奢侈品牌。

ecommerce product listing page design luxury

香奈儿的2020年母亲节活动,他们让孩子们画香水瓶展示在进工党。想了解更多关于吸引奢侈品消费者心理的信息,请阅读我们的奢侈品报告。

页面之间有清晰的导航,透明和真实的信息,风格化的页面符合您的品牌指导方针,以创造一个流畅的 PLP 体验。

4. 促进目标

ecommerce product listing page design

裸体牛仔裤清晰的类别选项的 PLP

为了封装以上所有内容,PLP 设计的基础应该能够促进购物者的目标。当然,这取决于这些目标是什么。然而,这里有一些你可以尝试的事情:

  1. 清除分类选项
  2. 推荐系统帮助开发类似的产品
  3. 大小选择器
  4. 过滤选项
  5. 生活时尚产品的照片,以显示产品的使用

为了更多地了解是什么引导你的在线客户,你可以跟踪行为数据,收集消费心理学,并利用工具来了解你的客户喜欢你的产品。

你现在有四个例子可以学习,四个尝试和测试的心理学方法,使最好的和最个性化的 plp。

但还有更多。

我们的内部消费者心理学家有多年的经验进行专家评论在不同的网上商店。对于这些例子,他用他的专业知识来回顾 Intersport 和 Zalando 的 plp。

Intersport

product listing page intersport

  • Product Images 产品图片

体育使用不同风格的图像在整个一线网页,使其不一致的经验。

他们使用非常小的图像,这使得人们很难评估这样的项目。如果你对你正在看的东西没有一个全面的印象,这会导致认知摩擦,从心理上为其他客户体验设定基调。

  • Product Badges  产品徽章

Intersport 向我们展示了该产品有多种颜色。然而,你无法与说这句话的文本进行互动。这意味着,如果购物者想要找到更多的颜色,他们必须去 PDP,为客户创造额外的工作。

这里的一个更好的策略是将颜色显示为小图标,这样购物者就可以看到提供的内容。如果他们必须点击产品只是为了看到颜色,这使得消息反活动。一般来说,您的 PLP 上的信息或徽章应该是透明的(充分披露)或直观的。

  • Interaction 互动

除了进入详细页面之外,你不能与图像进行互动。因此,你不能看到其他角度或其他颜色。同时显示项目上的其他颜色而不必转到新的页面也很重要。否则,如果有人想要快速浏览颜色,他们必须首先单击该项目,而不是悬停。

  • Facilitating Goals 促进目标

它还缺少任何特定项目的突出,以帮助消费者的决策。没有办法知道什么产品受欢迎,其他人如何评价一个产品,或者这些产品的一些关键利益或属性是什么。

Zalando扎兰多

product listing page zalando

  • Product Badges 产品徽章

Zalando 使用标签来突出某些产品的特定属性和好处。这既减少了消费者的选择过多,又提醒了他们。但是,他们可以引入更多的变化,以提供更多的信息,而不仅仅是销售或可持续性。

  • Product Images 产品图片

使用大图片,使得不用点击任何东西就可以轻松浏览。这些图片也使某些细节更加清晰可见。这使得产品更具吸引力。

  • Increasing Autonomy  增加自主权

将鼠标悬停在一个产品图片上会给你一个不同的产品视图,还会显示可用的不同颜色,不需要点击。同时,Zalando 给你机会保存你的愿望清单上的项目。让人们有机会在另一个时间点回到他们的愿望列表也是很有价值的,因为这比再次浏览网站找到所有你喜欢的东西要容易得多。

  • Consistency  一致性

在图像和摄影的一致性,使它更容易和更愉快地通过这个一线网页。灰色的背景是一致和干净的,提高流畅。

收工

你现在有工具,使最辉煌的 PLP 出来。不仅仅是为了您的 CRO,而是为了您的以客户为中心,并将您的个性化提升到一个新的水平。

在电子商务的未来,心理学将如此交织在你的产品页面设计,你不必两次眨眼选择过多,流畅,或决策科学的术语。

走在时代的前沿,现在就开始应用这些实践来保持领先! 

推荐阅读

版权所有 © 2021 北京铂金智慧网络科技有限公司

资源

帮助中心

博客

联系我们

能力

资源

版权所有 © 2021 北京铂金智慧网络科技有限公司