据悉在今朝,国内电商网站的商品列表页常见浮现形式有三种,别离是行列分列、瀑布流和出格款突出。这三种形式各有特性,设计师应该按照商品特征选择最适合的浮现手法。
若是商品的品种数目多且冗杂,规规整整的行列分列体式格局更利于用户找到阅读法则;瀑布流的形式更多的在风行时尚领域的电商中运用;出格款突出的体式格局可以为一些节日勾当的鼓吹促销而筹备。在下面的案例中也会逐个说起。
1、展现根本信息正由于商品列表页相较于其余页面会显得有些拥堵,因而设计师更应该抱着在限定的区域范畴内展现最有效的信息的心态来设计网站。正在阅读商品列表页的 用户兴许对商品的细节形容其实不是很在乎,此时的阅读形式更偏于浮光掠影,因而,简略简要的图片、商品名称,以及价格注明就曾经能够知足用户在该页中的需求 了。
顺丰优选的整个商品列表页面看起来很简明,但展现的商品信息却并无弱于其余电商网站,用户真正但愿获得的资讯都获患有完整的体现。
2、鼠标悬停时发生交互成效很多网站城市疏忽鼠标悬停时应该发生的交互成效,此中也不乏一些知名电商。尽管只是一个很小的成效,但它存在的意义却远不只云云,以至承载了一份网站与用户之间的互动和反应。
天猫的商品列表页在给予用户即时反应这方面做得很到位。当鼠标悬停在商品范畴时,显眼的红色线框就马大将该商品与其余商品区别隔来,而线框的红色与网站主色调沟通,如许也让总体浮现得不突兀。
3、泛起适当的附加信息方才提到了商品列表页应该尽可能做到简略简便,但在此根蒂根基上适当的添加一些对用户筛选商品有协助的附加信息可以起到如虎添翼的作用。
聚美优品的在列表页采用了出格款突出的浮现形式,而且向用户展现了商品的多视角图片,让用户无需进入到详情页就看到商品全貌,间接低落了商品详情页的跳出率。
美丽说是一个偏差时尚年青化的网站,因而设计师运用了这种人群都能承受的瀑布流展现要领。美丽说的商品列表页的特性在于添加了其余用户的评论模块,这也是人们在网上购物时很注意的部分。
4、始终带给用户指引能够很多电商网站都以为,当用户在商品列表页面逗留就象征着行将找到本身需求的商品;而现实却通知咱们,用户很能够在不竭翻页的过程当中会人不知鬼不觉的改动了以前的方针商品,因而,网站应该始终为用户提供指引,带给他们明确的标的目的感。
yoho的商品列表页有利有弊。侧边导航始终存在于页面上,为用户的页面跳转提供了很洪水平的便捷;但缺乏的地方是侧边导航呈静态,若是能实现动态,可以跟着用户鼠标的滚动而始终连结在屏幕之中就更好了。
5、配置相干引荐,促进更多消价格一种商品推进另外一种商品的贩卖,这是电子商务网站中的习用营销手法,但如许的体式格局若是运用的太甚僵硬用户必然不承情,网站应该试着用温和的体式格局转达沟通的意义,设计师兴许也能为此出一份力。
淘宝对此的做法是将引荐信息融入到列表页的每回个商品中。“找同款”和“找相似”的字样也不会让用户感觉有太浓厚的商业味。
6、扫清页面死角页面中的每回个区域都有它的代价和意义,能够只是用户视觉的感知水平差别罢了,只要做好规划,页面死角可以变得不存在。
商品列表页的死角多见于页面侧边和底部,而京东将这两片区域运用为其余商品的推广路径,销量排行和商品精选等。
7、用特征商品激起购物欲若是你感觉特征主推性子的商品只能放在网站首页你就错了,首页首屏确实是整个网站最好的鼓吹黄金位置,但所获得的成效却没必要然是最抱负的,按照商品的类型安排规划才气到达事半功倍的成效。
如易迅网案例所示,手机商品的相干引荐就放在手机商品的列表页头部,让真正有购置需求的用户都能看到。
8、吸惹人的商品勾当尽可能置后中国有句谚语,“好戏总在后头”,这句话也一样合用于电商商品列表页的设计中。把相对于吸惹人或是目的性强的商品勾当放在偏后一点的位置,有利于整个网站的运营。
一号店将有针对性的“热卖引荐”和“与您阅读记载相干的商品”放在页面末了,让原本能够筹算完毕阅读的用户从头发现新的感乐趣的内容。
9、削减操纵步调在商品列表页中,力不胜任的步调削减只要从商品插手购物车起头着手。但在此以前的大条件是商品信息展现的足够周全和完整,要在小区域内表达出一切内容也确实是一件比力坚苦的事。
在商品列表页上直接显示“插手购物车”按钮并很多见,但能同时显示购置数目的就未几了,dhc官网实现了这一操纵,让用户能够直接选择商品数目和品种。
10、从众效应从众心理是网上购物人群的广泛状况,因而,买过该商品的主顾对此做出的评价对付用户来讲颇有压服力,商家可以行使这一点在网页的设计上做出一些小改动。
乐蜂网在商品列表页添加了用户很垂青的评论和购置人数模块,如许能让用户更直观的看到商品的人气指数。
小编总结:咱们以为,商品列表页是用户真正进入网上购物状况的第一环节,因而,温馨的用户体验变得尤其重要,设计师应该按照商品或行业的差别商业诉求作为重要思索因素。