18912312413

网站建设 微信 APP开发

NEWS/新闻中心

常州永佳软件技术专注于网站建设、微信公众平台开发、APP定制等科技转化型的业务,针对政府、企业、媒体等不行同业、不同规模、不同应用的五大系列产品和针对性解决方案。

您当前位置>主页 > 新闻中心 > 行业资讯 >

电商企业建站时需要注意列表页的设计

发表时间:2021-10-11 11:18

文章来源:永佳软件

文章标签:电商,企业建站,时,需要,注意,列表,页,的,设计,

浏览次数:

  用户基于产品列表里关于这些产品的有效信息来选择能否购置这些商品。因而在我们经过大范围的产品列表和挑选可用性学习后毫不奇异地发现贫乏的列表项信息是关于产品列表导航的最严重的可用性问题。
  经过测试,我们发现信息过少或信息相关性过低的列表项很有问题,由于用户在短少这些商品的根本信息的状况下是无法停止恰当评价的。这会招致受测对象完完整全地误解了相关产品,并招致他们在产品页和列表页之间不用要的来回跳转–他们不得不返回继续一遍方才的操作,翻开列表页的每个产品只是为了理解它的根本属性和中心特征;这个令人不快的理论经常招致受测对象放弃访问站点,由于简单地定位相关产品的矛盾太突出了。显而易见,在每个列表页展现正确的数量和正确的类型信息对提升用户的产品查找体验是至关重要的。
  另外,在产品列表页确认展现哪品种型的信息以及展现数量是个大问题,就像我们全美Top50的电商网站的产品清单列表所显现的,这些网站中的46%都有展现内容过少或展现信息选择不当的缺点。(一小局部网站则截然相反,他们在列表项上展现了过多的信息!)
  测试期间发现,Gilt没有展现了列表信息的关键局部:可选商品的品种!这招致了多个测试受试者回绝购置商品,由于他们以为该商品只要显现颜色的有货,实践上它有多种颜色可选择。
  除了一切常见的“通用”属性,Crutchfield在特定分类的属性也存在严重的问题–那就是和产品类型相关的
  信息。举个例子,the‘X-watts-RMS’和‘filterpass’属性只和汽车扩音器相关,也因而仅仅在这些栏目中被展现。同时,这个站点的其他品种的一切产品也仅仅只展现了垂直向的
  相关性。
  在列表项中取得一个好的信噪比对提升用户找到他们想要找到商品的才能至关重要。但是很明显这并不容易。它需求认真推敲要展现产品属性的提炼。这篇文章里我们会为大家呈现从我们的产品列表和挑选学习针对如何精确地评价产品列表里信息的展现量和品种得到的测试发现。
  (留意以下的发现同样适用于品种列表和搜索结果。)
  列表项信息:均衡操作
  无论如何展现在产品列表里的信息是用户评价和判别产品适用性的根底。因而产品列表不应该被糜费。列表里的每个元素都应该被精斟细酌,呈现给用户最合适他们选择的条件。一个胜利的产品列表设计应满足以下两点请求:
  展示给用户足够的产品信息以恰当地评价产品的适用性(针对他们的共同需求),让用户把产品列表当成一个整体看待(i.e.theoptionsavailabletothem),并能够把有兴味的产品和另一个产品拿来比照。
  前者是每个产品要展现充沛的产品信息但是后者产品要在用户的屏幕上展现足够的产品数量。于是就形成了一个进退两难的状况,假如每个产品的信息展现过多,会招致每页展现的产品数量降落。但是产品数量太多又会形成单个产品展现足够的信息变的相对艰难,招致过多的来回跳转。
  从我们的大范围眼部追踪学习中明显得知,当用户在阅读视觉导向的产品时极度倾向于关注产品缩略图。(这里我们能够看下REI32个主题的热力图,点击量,总察看时间)
  因而产品列表设计不是一个“少即是好”的事情而是一个“刚好适宜才是好”的事。找出哪些属性应该被展现在列表项里哪些不应该被才是应该做的事,但是没有硬规则。一个好的列表项应该经过提供充足的信息来协助用户精确评价列表中哪些是与用户相关的,–同样重要的是–哪些应该被略去。列表信息应该更好地协助用户比照相关产品。它实质上是一个理论:不要用过于膨大的产品列表来更大
  化信息的精华和产品的比照性。
  如今我们经过研讨发现,有两组属性应该被包含在列表项中:通用属性和特定品种属性。纵观整个站点的一切产品通用属性都包含价钱和产品标题(或类型)。特定品种属性对每个产种类类来说是唯一的并且产品和产品之间是不同的。下面的例子中我们会讲到每个细节。
  通用属性
  有一些通用属性应该被展现在简直一切中央,无论是在售产品的列表项或站点内容中。举个例子,产品价钱是根本属性,所以应该被放在一切环境下(只要极少数状况不需求)。
  除了相对明显的价钱属性,其他的主要通用属性有:产品标题或类型,缩略图,用户排名,可选类型。对搜索结果列表,contextualsearchsnippets在这方面也陷落了。下面的文章会总结通用属性中最重要的几方面。
  一个客户对IKEA的沙发按价钱停止排序(从低到高)–不幸的是呈现了沙发装饰品,沙发垫和沙发套而不是从廉价到贵的沙发。更困惑的是,沙发套被展现在沙发上,一眼扫过去人愈加难判别卖的是沙发还是沙发套。对用户来说每个产品的价钱很明显是至关重要的,不论是预算产品自身或者和其他产品比照。这就是价钱要对用户
  可见的缘由。我们的产品列表和挑选基准显现一切站点都做到了这一点。
  测试期间发现一些和产品价钱相关的常见问题。举个例子,一些案例中价钱中包括什么不是太明白(通常发作在几个产品被展现在产品缩略图中的时分,像产品适用性或捆绑销售)。让顾客明白晓得价钱里包含什么是明智的。同样,展现“每单元的价钱”有助于客户理解性价比–98%的站点在这方面做的不太好。(参考我们的测试结果PricePerUnit)。
  “我看到那儿有东西,但是没有图片,所以我不想点它”一位客户解释道(在BestBuy),看着列表中的第三条。事实证明那的确是她想要的东西,但是由于没有缩略图,她选择像其别人一样直接跳过了那个产品。
  产品缩略图被证明是最重要的属性,受测对象愿意花大量的留意力在产品缩略图上。没有缩略图的列表项经常被疏忽,大多数客户以为这些产品是“不完好的”。好的缩略图在用户搜索和选择产品的过程中扮演关键角色。因而给用户提供产品的视觉信息是至关重要的。
  事实上这意味着为一切列表项提供缩略图并确保缩略图的尺寸能反响用户对产品视觉信息的请求。(ProductListsreportowners:参考规则#25,#28,#29,#34and#39)。愈加明智的做法是提供secondaryhoverimage(提供更多的产品视觉信息)并同时思索“usecontext”and“cutout”thumbnails(允许提供愈加全面的产品视图)。
  IKEA提供了产品标题(系列)和类型,单独一个产品称号对用户说就显得没那么有价值。相似“Söderhamn”和“Poäng”的标题对用户来说只是提供了产品系列的
  标识。同时鼠标挪动上去后,相关的信息会展示出来,这个特别棒,假如默许状态下提示会列出相关信息就更好了。
  产品标题或类型也被证明是较为重要的,在客户阅读产品列表(特别是搜索结果)而且产品缩略图很难一眼辨认出产品类型的状况下。和产品标题一样形象生动的产品称号也能够代表本人,有些行业产品类型对用户来说比产品标题更容易了解–特别在产品标题不明了的状况下。在这些状况下,产品类型会替代标题或和产品标题兼并展现。
  当存在一个数量宏大或者鱼龙混杂的产品目录的状况下,人工肯定每个产品的标题的描绘性可能会太耗费资源,这种状况下引荐两者都展现。还有一个较为
  的方法就是动态的阅读每个商品标题来肯定能否包含产品类型关键词,基于此,关于扫描到的标题中不包含产品类型关键词的商品,展示一下产品类型信息。关于体量或者排列较好的产品目录(像IKEA这样的制造业电商),你能够经过整个产品目录(基于整个公司的产品命名规则的)来决议产品标题的描绘性……
  在没有任何关于这些锅的尺寸的提示下,用户必需去阅读每个产品页来得到这些信息。固然用户能够经过已存在的价钱区间揣测产品的别的参数,假如搜索结果上百后就显得蠢笨了。更重要的是,盘子的价钱区间不能通知用户盘子的参数有哪些–盘子是靠颜色,尺寸还是材质辨别?
  作为比拟,我们看下用户在AmericanEagleOutfitters是如何做到扫一眼就能肯定衬衫的多个参数(颜色款式等),这些只在列表项缩略图中的特殊款式里才会显现。
  产品参数像不同的颜色,尺寸,材质,外观等,是需求直接在列表项里展现的属性。没有这些东西,客户经常会pass掉实践上是他们想要的东西,仅仅是由于他们看不见这些参数,只能经过展现的默许属性来判别能否是他们想要的东西,而不是经过查看产品详情页来确认与产品相关的属性。
  但是并不是一切产品都会被展现。举个例子,桌子能否可用得经过列表项里展现的桌子的多个尺寸参数来决议,但是鞋子就不一样了,用户能够依据鞋子的自然属性来揣测产品的存在的参数。
  这有一个测试对象-不太明白不同产品规格的含义-于是决议经过排序来决议应该购置哪个相机。用户排名经常被优柔寡断或者对产品理解不深的人当做指导。
  用户排名经常被多数行业和网站当做普遍属性放在列表项里。经测试发现,无论何时对特性范畴产品理解不深的用户都会依赖用户排名来评价搜索到的相关结果-并视那些高排名的项为被其他用户检查过“平安选择”。
  有些用户在他们没法本人做出判别的时分就把评分作为“好质量/划算”的代表。因而,假如用户依赖的数据不是在售商品方面的专家,评分就应该被直接包含在产品列表中。当我们把用户评分放进产品列表时,留意实践上应该包括均匀用户评分战争均评分数量。我们回过头来看,发现用户认识到均匀评分在没有评分人数是没用的(参见Users’PerceptionofProductRatings和Don’tBase‘CustomerRatings’SortingonAveragesOnly)。
  特有属性
  有些产品的少数属性对那产品来说特别重要,那么我们就应该把它们放进产品列表项的概览中,便当用户选择哪些产品该翻开哪些产品该跳过时做出“富含信息量的决议”
  这些属性在分类之间变化幅度很大,而且必需是针对每个品种
  可选。后面的是几个例子是不同的特有属性被当做灵感来源在决议能否选择此商品时,对一个给定的分类来说产品属性会变得非常重要(这里的质量就被当做一个特性品种的属性)。
  只要Newegg中的一些电源适配器包含适配信息。对一些客户来说,他们更愿意买一个廉价的电源适配器而不是一个包含适配信息的价值$116的适配器,这些信息会无休止地烦着他们。
  在特定品种的高科技产品中产品的相关性简直完整被产品和其他产品适配性来决议。因而“适配信息”应该被放在列表项里,用户能够不用翻开列表中的每个产品来肯定与产品能否与他们相关。进一步说,假如用户的购物车有适配性相关的产品,产品列表项应该智能的显现此产品能否和购物车里的产品适配。(参见6UseCasesforCompatibilityDatabasesonE-CommerceSites和HighlightItemsAlreadyintheUser’sCart)。
  由于列表项里没有相机套的尺寸,受测对象必需翻开Tesco的每个产品页,搜索产品页的阐明来肯定相机套能否合适他们的相机。一张“运用情形”图也对判别尺寸能否适宜有协助(例如展现包含局部相机的相机套),但是明显没有在列表项里展现实践尺寸来得精准些。
  另一种适配信息是尺寸。举个例子,恣意一种包都需求包容,携带,寄存另一种别的产品,所以我们需求列出它的内部尺寸来让用户肯定能否和他们的物品适用。也就是说,比起高科技产品的适配性它还是不太严厉的,因而用户可能会买一个“容器”来取得足够多的空间来包容要寄存的东西。
  有个受测对象依托产品缩略图和引荐年龄范围来查找合适她外甥女的产品。Entertainer明白他们用户中的大多数都不是最终用户,所以他们明智地给他们的玩具加上了一个引荐年龄范围来协助用户来选择适宜年龄段的产品。
  引荐运用年龄段的属性适用性,场景或受众,在客户不是最终运用者的产业非常重要。事实上,这些属性起到了综合运用手册的作用,引导用户到合适最终受众或场景的产品,像为母亲节买的花的品种。
  GoOutdoors在他们的一切睡袋里都没有参加温馨温度排名;只要极少会把温馨温度值印到产品缩略图上。受测对象懊丧地发现他们必需翻开剩下的产品来肯定产品能否合适在冰冷天气下运用。
  另一个典型的特定品种属性的案例是任何产品都会有特殊运用状况,包括平安齿轮,户外配备,水下设备,任何类型的产品都必需在特殊环境下坚持运转。
  特有属性的例子是数不清的,上述文章仅标明了有一两个和产种类类
  相关特有属性的产品特性的几个实例。产品列表是说不尽的。你可能还会举相机分辨率,汽车里程数和动力,食物的制造办法等等。
  特有属性就是比拟重要的通用属性,只是在不同产品类型间不共用-“适用年龄”和玩具高度相关但是和相机毫无关系,“百万像素解析度”和相机相关但是和玩具毫无关系!因而肯定特有属性需求花些功夫,要阅读每个产种类类来肯定能否存在1-3个和产种类类
  相关的属性对用户决议产品的相关性起决议性作用,然后动态地放到列表项中。
  展现产品列表项信息
  经过把一切普通产品属性(价钱,缩略图,产品标题或属性,相关参数和用户评分)和一切特有属性放在产品列表项中,用户曾经具备了充足的条件去评价产品列表项中的每一项并决议选择哪个产品停止更近一步的理解(翻开产品页)。
  通用属性必需具备由于那是一切产品的根本信息,假如没有这些信息用户无法精确评价产品的相关性。特有属性是较为聪明的办法提供1-3个和产种类类
  相关的额外属性,提供指定的协助性信息给用户来肯定产品能否和他们相关。
  经过列表项的一切通用属性和1-3个特有属性,曾经提供了足够的信息来让用户精确评价和比拟列表中的产品。既没有信息过少的问题(最普遍),也没有列表项信息过多的问题(不太常见但是同等于设计存在问题),简单来说就是:到达了理想状态的均衡,没有信息冗余的状况下提供了每个产品的足够信息。
  在列表项信息中做到“理想均衡”能够在产品列表中得到高的信噪比,对用户查找产品的才能是至关重要的,好的信噪比运用户容易取得哪些产品能够购置,哪些产品能够跳过。千万不要由于轻视这些倡议被捉弄-46%的电商网站在其中的一两点上做地很失败,强迫用户做多余地返回操作-不停地来回跳转-经常在用户寻觅产品的过程中制造艰难,以用户放弃网站而完毕。

相关案例中心查看更多