当前位置:380元网站建设 虎网站 > 企业动态 > 正文

电商网站商品页设计全面指南

发布日期:2014-12-24

  据悉在目前,国内电商网站的商品列表页常见表现形式有三种,分别是行列排列、瀑布流和特别款突出。这三种形式各有特点,设计师应该根据商品特色选择最适合的表现手法。

  如果商品的种类数量多且繁杂,规规整整的行列排列方式更利于用户找到浏览规律;瀑布流的形式更多的在流行时尚领域的电商中使用;特别款突出的方式可以为一些节日活动的宣传促销而准备。在下面的案例中也会一一提及。

  一、展示基本信息正因为商品列表页相较于其他页面会显得有些拥挤,因此设计师更应该抱着在限制的区域范围内展现最有用的信息的心态来设计网页。正在浏览商品列表页的 用户也许对商品的细节描述并不是很在意,此时的浏览模式更偏于走马观花,因此,简单扼要的图片、商品名称,以及价格说明就已经能够满足用户在该页中的需求 了。

  顺丰优选的整个商品列表页面看起来很简明,但展示的商品信息却并没有弱于其他电商网站,用户真正希望得到的资讯都得到了完整的体现。

  二、鼠标悬停时产生交互效果很多网站都会忽略鼠标悬停时应该产生的交互效果,其中也不乏一些知名电商。虽然只是一个很小的效果,但它存在的意义却远不仅如此,甚至承载了一份网站与用户之间的互动和反馈。

  天猫的商品列表页在给予用户即时反馈这方面做得很到位。当鼠标悬停在商品范围时,显眼的红色线框就马上将该商品与其他商品区分开来,而线框的红色与网站主色调相同,这样也让整体表现得不突兀。

  三、出现适量的附加信息刚才提到了商品列表页应该尽量做到简单简洁,但在此基础上适量的增加一些对用户挑选商品有帮助的附加信息可以起到锦上添花的作用。

  聚美优品的在列表页采用了特别款突出的表现形式,并且向用户展示了商品的多视角图片,让用户无需进入到详情页就看到商品全貌,间接降低了商品详情页的跳出率。

  美丽说是一个偏向时尚年轻化的网站,因此设计师使用了这类人群都能接受的瀑布流展现方法。美丽说的商品列表页的特点在于增加了其他用户的评论模块,这也是人们在网上购物时很注重的部分。

  四、始终带给用户指引可能很多电商网站都认为,当用户在商品列表页面停留就意味着即将找到自己需要的商品;而现实却告诉我们,用户很可能在不断翻页的过程中会不知不觉的改变了之前的目标商品,因此,网站应该始终为用户提供指引,带给他们明确的方向感。

  YOHO的商品列表页有利有弊。侧边导航始终存在于页面上,为用户的页面跳转提供了很大程度的便利;但不足之处是侧边导航呈静态,如果能实现动态,可以随着用户鼠标的滚动而始终保持在屏幕之中就更好了。

  五、设置相关推荐,促成更多消费用一种商品推动另一种商品的销售,这是电子商务网站中的惯用营销手法,但这样的方式如果运用的太过生硬用户一定不领情,网站应该试着用柔和的方式传达相同的意思,设计师也许也能为此出一份力。

  淘宝对此的做法是将推荐信息融入到列表页的每一个商品中。“找同款”和“找相似”的字样也不会让用户觉得有太浓重的商业味。

  六、扫清页面死角页面中的每一个区域都有它的价值和意义,可能只是用户视觉的感知程度不同而已,只要做好布局,页面死角可以变得不存在。

  商品列表页的死角多见于页面侧边和底部,而京东将这两片区域使用为其他产品的推广途径,比如销量排行和商品精选等。

  七、用特色商品激发购物欲如果你觉得特色主推性质的商品只能放在网站首页你就错了,首页首屏的确是整个网站最佳的宣传黄金位置,但所得到的效果却不一定是最理想的,根据商品的类型安排布局才能达到事半功倍的效果。

  如易迅网案例所示,手机产品的相关推荐就放在手机商品的列表页头部,让真正有购买需求的用户都能看到。

  八、吸引人的商品活动尽量置后中国有句谚语,“好戏总在后头”,这句话也同样适用于电商商品列表页的设计中。把相对吸引人或是目的性强的商品活动放在偏后一点的位置,有利于整个网站的运营。

  一号店将有针对性的“热卖推荐”和“与您浏览记录相关的商品”放在页面最后,让原本可能打算结束浏览的用户重新发现新的感兴趣的内容。

  九、减少操作步骤在商品列表页中,力所能及的步骤减少只有从商品加入购物车开始着手。但在此之前的大前提是商品信息展现的足够全面和完整,要在小区域内表达出所有内容也的确是一件比较困难的事。

  在商品列表页上直接显示“加入购物车”按钮并不少见,但能同时显示购买数量的就不多了,DHC官网实现了这一操作,让用户能够直接选择商品数量和种类。

  十、从众效应从众心理是网上购物人群的普遍状态,因此,买过该商品的顾客对此做出的评价对于用户来说很有说服力,商家可以利用这一点在网页的设计上做出一些小改变。

  乐蜂网在商品列表页增加了用户很看重的评论和购买人数模块,这样能让用户更直观的看到商品的人气指数。

  小编总结:我们认为,商品列表页是用户真正进入网上购物状态的第一环节,因此,舒适的用户体验变得尤为重要,设计师应该根据商品或行业的不同商业诉求作为首要考虑因素。

10月越南芽庄旅游享受芽庄的热带风情

    10月越南芽庄旅游享受芽庄的热带风情 10月是越南芽庄旅游的时间,因为这个时候气温适宜,海水清澈,阳光明媚,是一个非常适合旅游的季节。芽庄是越南南部的一个城市,是越南最的海滨城市之一,也是越南的旅游目的地之一。芽庄有美丽的海滩、美味的海鲜、丰富的文化遗产和历史景观,是一个充满热带风情的地方。在这里,您可以享受到独特的文化、美食和自然风光,让您的旅行充满乐趣和回忆。 以下是关于芽庄旅游的一些有价值...

       网站制作企业务必要全方位检查的细节 莫名其妙的问题相信都碰到过,网站想要一帆风顺肯定是不可能的,中间多少都会出现一些问题。特别关于排名下滑,很多的朋友们碰到这种情况都会以为是在做什么调整,其实有些并不是,原因还是有很多的,往往是小细节不注意,因此网站制作企业务必要全方位检查的细节问题,那应该怎么检查呢? 网站制作企业务必要全方位检查的细节   做好了结构还不算完,还要注意细节,比方文章更新、上传图片等,这些都需要细心。制作网站的人员...

       网站建设后期的运维不能犯的错误 网站建设后期的运维不能犯的错误有哪些?深圳做网站虎网网络为大家作简单分析: 1、网站更新少或者不更新 通常看见一些企业网站更新少或者不更新,这样就算网站效果做的再好,没有后期的运营推广也不会发挥网站应该有的宣传作用。 2、没有实质内容 相信很多企业在做网站的时候都想把网站做很漂亮,不管是华丽的外观设计还是漂亮的网站整体模块布局,这些虽然是用户体验中一部分,但是假如网站没有实质性内容,用户找不到有...

       龙岗共发达蔬菜水果和虎网站签下网站建设合作协定 共发达坐落于深圳市龙岗区平湖街道白泥坑社区横东岭路43号。共发达选用虎网站网络实用型网站案例,此案例比经济型多了些功能,如动漫广告图片、在线客服QQ/MSN等聊天工具、顶部侧部二级分类导航、走马灯等功能。共发达是经深圳市龙岗区工商局审核的正规企业,统一社会信用代码:91440300311691478U。   主要经营蔬菜、水果、水产、粮油、茶叶、家禽肉类、调味品、干货、酒水冻品、洗涤及其它农副产品...

       网站页面的均衡规划与选择 1.尺寸 a)800*600能照顾到所有网友的电脑,但相当是张“小报”。 b)1024*768渐成主流。1024*768能比800*600多出一栏的信息。 c)正文页采用自适应设计,能在正文页做更多相关内容。首页也可以尝试自适应的设计。自适应设计的核心是要留出宽度伸缩自如的栏。 d)在1024*76模式下,页面的长度不易超过10屏。 2.字体字号 a)目录页用小字号,为的是放更多的标题。 b)正文...

       网站设计:2015网页设计趋势 如今已经接近年关,也许是时候对网站做出一些修改,以全新的面貌迎接新年的来临。虎网科技(西安网站建设)带大家了解下,今年年较有可能的网页设计趋势: { 关注虎网科技(西安网站建设、西安网站制作),每天为你推送互联网纯干货!}    以图像或视频为背景铺满整个屏幕   视频是反应网站目的,表述网站先进性的很好方式,所以应该毫不犹豫地在主页上放上大幅美图或者视频。突出的标记线以及虚拟按钮能让网站变得...

最新模板
少儿英语培训机构网站建设 培训公司网站建设
成人自考网站建设 成人培训网站制作设计版面
智能家居摆设设计网站建设 智能家居装修企业网站建设
铜螺母,铜螺丝,螺栓,螺钉工厂网站建设
废气处理设备,如活性炭吸附箱、RTO蓄热式氧化处理设备、光氧等离子复合设备 低温等离子设备 光氧催化设备等网企业网站建设
图文阅读