优化客户产品页面设计的几大用户体验元素

每一个优秀的设计师都知道,一个精心制作的用户体验(UX)将提高电子商务网站的有效性。当客户将他们的网站设计交到代理公司或自由职业者手中时,他们期望获得吸引访客并转化他们的用户体验。而网站上最关键的部分莫过于产品页面的转化。

以下九个概念,将告诉你如何设计一个电商产品页,不仅看起来很棒,而且有助于提高客户网店的销售额。

产品页设计中用户研究的重要性

在我的职业生涯中,我曾为AO.com、eBay、Wiggle、Mothercare和Clarks鞋等品牌研究和设计产品页面。

我相信用户体验最重要的方面是进行研究,帮助我们了解商店用户的需求。在上面提到的每一个项目中,我都与六位,有时甚至更多的用户进行了交谈,并观察他们与我客户的商店以及他们的竞争对手的商店的互动。这个研究过程提供了宝贵的见解,帮助我的团队了解页面元素对客户用户的重要性,以及构成。

开始设计任何页面的一个好方法是按重要性顺序列出其元素。在扎实的用户研究的基础上对页面元素进行排序,保证了页面不仅能满足用户的需求,还能使设计过程更加精简。

根据我之前所做的用户研究,我建议产品页面上的用户体验元素的重要性顺序如下。

  1. 产品图片
  2. 产品名称
  3. 购买/添加到购物篮按钮
  4. 价格
  5. 产品标题
  6. 交付选择
  7. 审查
  8. 更多照片/图库
  9. 规格/完整的产品简介

我的心理学背景以及研究表明,在做出购买决定时,用户会在感性和理性的基础上评估产品。因此,您客户网站上的产品页面需要同时满足这两方面的需求。页面既要让用户兴奋,又要让用户放心–如果没有这两点,页面就不会有表现。

在本文中,我将逐一讲述上述九种页面元素,评估它们的感性和理性,以及强调一些做和不做的地方。为了帮助巩固这些概念,我将以一家在线鞋类零售商为例,通过一个实际的例子来解决。

你可能也喜欢: 如何将一个设计从概念到生产–第二部分:产品页面。

产品形象

产品图片卖的是商品。不管你的产品是什么,不管是洗衣机还是鞋子,它都是页面上最重要的元素。我们就是通过产品形象与大脑的情感部分对话。

产品图片帮助我们对产品本身产生兴奋感。它传达了产品给你的感觉,以及它将如何让你的生活变得更好。这对所有产品都是如此–无论它们表面上看起来多么无聊。图片被用来获取产品的感觉,这是产品描述永远无法做到的。

我见过用户依靠产品图片来评估功能。例如,看着洗衣机上的表盘,看看它有哪些洗涤类型,放大自行车的轮胎,看看使用jQuery image zoom可以在什么地形上工作,或者看看洗衣机如何通过快速洗涤让生活变得更轻松。这些实例代表了图像所传达的两种截然不同的诉求–产品的情感 “感觉 “和理性 “效用”。

一个好的产品形象为你做了所有艰苦的工作。为了使形象有效,它需要大,你能把它做得多大就多大。然后当你把图片的尺寸做到最大的时候,要整合用户放大产品具体细节的功能。这对于消费者比较关注细节的服装店来说,尤其重要。在研究过程中,我看到用户放大看似乎、拉链类型和按钮,这影响了他们的购买决定。

优化客户产品页面设计的顶级用户体验元素。产品设计苹果手表

好的产品摄影也需要工作。AO.com、Wiggle等都有专门的摄影师在岗,以确保他们的产品图片看起来独一无二,在竞争中脱颖而出。考虑给自己或者建议客户给自己买一台好的相机和白色背景,以便在不用请专业摄影师的情况下,也能拍出高质量的照片。

下图说明了这一概念如何应用于我们的鞋类产品页面。正如你所注意到的那样,我已经包含了一个带有缩放控制的产品图片,其大小足以吸引用户的注意力。

优化客户产品页面设计的顶级用户体验元素。产品页面设计

产品名称

产品名称要实现两点。考虑到用户需要确认是自己想要的商品,它当然起到了理性的作用。但它需要做的事情也更多一些。

可以考虑在名字本身的范围内加入一个非常简短的产品描述。如果你是卖鞋的,在我们的案例中,New Balance W980v2女士跑鞋,可以尝试加入描述词来打动用户的情感按钮。

优化客户产品页面设计的顶级用户体验元素:产品名称

在产品名称中加入描述符也提供了另一个好处。我在用户研究中看到的主要行为之一是,用户复制产品名称,并将其作为谷歌中的查询,看看是否能在其他地方买到更便宜的产品。如果他们使用你独特的产品名称进行搜索,你应该出现在搜索结果中的第一位,这让你在用户中的可信度更高,即使你不是最便宜的选择。

购买/添加到购物篮

购买按钮需要在页面上很容易看到,毕竟这是你希望用户下一步要做的事情。

一个快速的胜利是使用斜视测试来看看按钮的突出程度。这很简单–只需眯起眼睛,用眼睛模糊页面。按钮是否比其他元素更突出?如果答案是否定的,那就给它一个独特的颜色,而不是在页面上的其他地方使用,或者把它做得更大,文字更大胆,让它脱颖而出。

考虑按钮上使用的文案也很重要。如果你是一个期望每次交易只卖出一件商品的零售商,就应该使用’立即购买’。点击这个按钮会直接将你带到添加了商品的篮子里。现在不要贪心,我们都想在一次交易中卖出多件商品。但如果真的不可能发生(我不会在一次交易中买两辆自行车!),那就坚持现在就买,因为它的表现会比其他替代品更好。

如果你确实在一次翻译中卖出了多件商品,那就用 “添加到购物篮 “作为你的副本。

对于我们的美国人来说,请考虑使用 “购物车 “而不是 “篮子”,因为这是一个英国术语,可能不会引起你的观众的共鸣。请不要使用任何花哨的词语,如Bag或Tote,因为你只会造成不必要的混乱。购物车和篮子是很好用的术语,很容易被识别。

一旦点击了 “添加到购物篮 “按钮,提供选择,让用户进入购物篮或继续购物。

优化客户产品页面设计的顶级用户体验元素。购买/加入购物车

你可能也喜欢: 如何将设计从概念到生产–第3部分:购物车页面和页脚。

价格

有两种方法来对待价格。如果你是在价格上竞争,也就是你和很多其他厂商卖的是同样的产品,那就在价格上多做文章。

优化客户产品页面设计的顶级用户体验元素:定价

如果你是在其他方面进行竞争,比如你销售的是独特的产品或具有相关服务的产品(比如快速送货或个性化服务),那么你要减少对价格的展示强调。从本质上来说,你希望你的产品能够被选择,而不是价格,毕竟价格是一个非常理性的东西。通过情感来销售你的产品会给用户带来的好处,因为在特定的情况下,情感的吸引力会胜过理性的吸引力。

产品标题

产品标题需要与用户的情感和理性决策过程对话。他们需要涵盖产品的作用,它让你的用户感觉如何,以及它将如何让用户的生活变得更好。

让我们把它放在我们的鞋产品页面上。

  • 妩媚–一款专为现代都市跑者设计的高级鞋款。
  • 理性与感性–加垫鞋垫和脚踝领,以及超厚实的鞋底,让人倍感舒适。

优化客户产品页面设计的顶级用户体验元素。产品说明

您需要为每个产品编写这些功能,而不是依赖制造商提供的默认文本。为这些元素起草你自己的文本将提供一个额外的好处,以改善你的页面SEO,因为你将有能力将关键字集成到每个项目的独特副本中。

交付选项

导致购物篮放弃的最大原因之一是,许多产品页面没有列出送货选项和费用。理想情况下,你会提供一个免费送货和一个高级的 “快速送达 “选项。一定要在你的产品页面设计中列出它们和相关费用。

优化客户产品页面设计的顶级用户体验元素。送货选项

通过在页面上包含这些选项,我们已经在吸引理性–现在想想感性。如果你使用的快递公司提供跟踪,文本更新,一般来说是一个伟大的服务,重要的是让买家知道。对许多用户来说,运输代表了一个真正的痛点,如果你提供了一个很好的运输服务,他们很可能会选择你的网站而不是竞争对手。

优化客户产品页面设计的顶级用户体验元素:邮费

更多照片/图库

在你的产品页面布局内,产品图片越多越好。展示产品的各个方面是至关重要的,不要忘记产品图片是用来向用户的感性和理性两方面销售的。

展示实用的照片,展现细节和功能。例如,如果你要卖的是一台电视,就展示后面的输入端口,帮助用户了解它可以用在什么地方。对于一台洗衣机,展示控制盘,让用户可以看到它有哪些设置。

!【优化客户产品页面设计的顶级用户体验元素。更丰富的声音](shopify/f4/a8/f4a878b7bda5b6179cd997a7ebed0db9.jpg)

在我们的鞋例中,我们加入了鞋底的图像,以帮助用户了解这款特殊鞋的抓地力水平。为了优化您对图库照片的使用,请使用与产品标题中强调的产品细节相关的图片,例如我们上面谈到的舒适元素。最后,用相关的文字标记你的图片,以强调产品的质量。

!【优化客户产品页面设计的顶级用户体验元素。产品图片库](shopify/ca/28/ca2834eba4b24a43948b0652459ba93c.jpg)

评论

客户评价被用户以两种不同的方式使用。首先,它们被用来评估产品和你的服务的质量。买家都希望得到保证,你在页面其他地方说的都是真的。

优化客户产品页面设计的顶级用户体验元素:评论

其次,买家经常会通过评论来了解页面上可能没有列出的功能。

如果我们以鞋子为例,用户阅读评论可能是为了检查鞋子的尺码是否准确–例如,这双鞋的5号是否比正常尺寸大或小。如果你的产品页面上销售的是一辆自行车,评论可能会详细介绍车座的手感。如果是洗衣机,评论可能会强调快速清洗需要多长时间。

如果你能建立一套好的评论,它们将为你的产品页面增加可信度,并有助于代表你销售产品。

最后,重要的是不要隐藏任何负面评论。如果所有的评论都过于积极,会导致用户质疑其准确性和有效性。一定要提供负面评论的链接,因为这些评论往往突出了适合等方面,从长远来看,这可能有助于减少退货和退款–我们将在未来的文章中讨论这个话题。

产品简介和规格

将产品简介和规格放在我们列表的最后,可能会令人惊讶。一个巨大的功能列表可能会让人感到恐惧,让我们面对它,对用户来说有点无聊。我们不想让大多数用户觉得这些东西很重要,因为它并不重要。正是因为这个原因,我们在设计产品页面时,将产品简介和规格推到了较低的位置。

确切的规格起到了吸引理性的重要作用。如果我们还没有提到产品的某个功能,很可能是因为这个特定的功能只对小众用户群体有吸引力。在我们的鞋子例子中,可能是材料是防水的,或者是鞋子还附带一套彩色鞋带。这些项目对于说服用户购买来说并不那么重要,可以在我们的列表和用户体验设计中再往下移。

优化客户产品页面设计的顶级用户体验元素:规格

但是…

你可能已经注意到,我并没有提到所有应该包含在你的产品页面设计中的元素,因为每个产品类型对这些元素的包含都有所不同。

例如,退货和退款是非常重要的元素–尤其是服装。此外,SKU、产品变体、备选商品、相关商品、配件和许多其他元素可能都需要在页面上显示,这取决于所显示的产品。我曾参与过一些电商项目,同一店铺内的不同产品使用不同的产品页面设计。考虑针对不同的销售产品,优化页面的用户体验。

当你通过自己的排名练习时,一定要将这些选项放在层次结构中符合用户需求的点上,而不是你认为应该放在哪里。

把所有的东西整合在一起,进行优化的产品页面设计。

这是我们完成的设计,每个元素都有一个位置,并根据我们开始的重要性列表进行视觉强调。

优化客户产品页面设计的顶级用户体验元素。最终产品

使用这种方法设计产品页面不仅有助于简化您的设计流程,而且最终将改善客户电子商务商店内的用户体验。考虑到一个经过深思熟虑的产品页面对访客转化率和销售的影响,您和您的客户都会很高兴您花时间专注于优化您的产品页面。

您是否想获得Joe用来设计这个产品页面线框的Sketch文件?DM @ mrjoe在Twitter上,他会把它发送给你!

你可能也喜欢: 5个优化移动电商设计的简单小技巧

发表评论 0

Your email address will not be published. Required fields are marked *