服务热线:400-889-1636
业务联系:021-5230 0317
客户服务:021-5230 0319
在线咨询: 
网站建设,网站制作,企业网站建设,网上商城,网站推广,域名注册,求创科技
网站建设,网站制作,企业网站建设,网上商城,网站推广,域名注册,求创科技
首页 > 客户服务 > 建站知识 > 网站建设

购物网站网页设计小心机

时间: 2017.02.21 来源:本站
分享到:

首先来明确以下几个问题 :


1. 什么是导购类网站?


导购类网站是提取电商中优质商品或品牌,推荐给用户,以减少用户时间的网站。


2. 导购类网站布局都有哪些?


通过对几大电商导购页面的布局分析,抽象出以下几种常见的页面布局形式 :



网页设计 企业网站建设 企业网页设计



3. 导购网站的内容主要有哪些?


根据内容的不同,可将其主要分为品牌导购(如,京东青春)、单品导购(如,易讯早市)、 团购导购(如,美团)、社区导购(如,美丽说)。


好啦,一切就绪,让我们来看下研究全过程吧!


本次共招募了 30 位喜欢「逛」各类导购网站的用户(男:女=7:23),与视觉和交互设计师共同商讨选取了 21 个较有代表性的导购网页。为排除内容的影响,眼动实验采用静态网页 2,非真实网站。


同时将实验素材设置了组内随机和组间随机,以此来避开页面浏览顺序对用户造成的影响。即将实验素材按页面内容分为3类(品牌测试页、单品测试页、主题测试页3 ),每类页面均采用随机播放的形式,且每组用户 间看到的页面内容顺序也有所差异。


眼动结束后采用了 PEEP 法(Post Experience Eyetracked Protocol)让用户回溯。最终结合眼动结果和访谈内容我们得到了以下发现。


发现 1:页面布局对视线轨迹的影响


通过研究上文介绍过的 3 种页面布局(网格式、一栏式、瀑布流式)的典型用户视线轨迹,我们发现这些页面从布局上能够引导用户形成特定模式的视线轨迹,而不同的视线轨迹将影响用户对于页面信息的认知效率及加工深度。


因此可以通过合理利用这些各具特色的页面布局,来提升导购页面的转化率。


(1)网格式页面布局


从下面的视线轨迹图上,可以看出网格式页面布局中,用户的视线轨迹以 Z 型和弓形为主。这样的视线轨迹 阅读效率高 ,且不容易因为错行而漏读信息。


因此,网格式的页面设计可展示较多信息,更有利于用户的信息检索。但它的缺点是图片 、文字偏小,用户对信息的认知负担较大 。


网页设计 企业网站建设 企业网页设计

(2)一栏式页面布局


一栏式布局下,用户视线轨迹以 Z 型和 F 型为主。Z 型轨迹 阅读效率高 ,F 型阅读轨迹说明用户阅读过程中自主性较强,此时信息处理能力较强 。


因此,一栏式页面布局适用于 需要强化用户认知的页面中(如通过对页面的的浏览,建立对品牌形象的认知)。


但一栏式布局存在的问题则是展示信息量偏少,在导购页面信息较多的情况下,容易造成因页面过长而导致的页面流失率高的问题。


网页设计 企业网站建设 企业网页设计

(3)瀑布流式页面布局


瀑布流式布局下,用户的视线轨迹以 S 型为主,这样的轨迹阅读流畅,但由于用户采用「就近原则」 阅读信息,容易产生漏读现象 。


因此,瀑布流式的页面布局适于应用在社区类浏览型页面中,这样的页面往往信息量大,采用瀑布流式布局浏览体验更为流畅。但缺点则是信息不能完全被关注,容易漏读信息。


瀑布流式页面布局的应用建议:

网页设计 企业网站建设 企业网页设计

发现 2:不同类型的导购页面中,信息元素的关注度有所差异


眼动实验的过程中,我们还发现不同类型的导购页面,用户对于图片、文字 (包括产品参数、折扣额度)、 品牌 (包括品牌名称、名牌 logo)的关注程度有所差异。


下面我们就具体介绍在这些不同类型的导购页面下,用户都关注哪些内容。


(1)品牌促销类导购页面


品牌促销类导购页面可划分为:「品牌推广」和「品牌特卖」两大类。而这两类页面中,用 户对页面信息的关注度有哪些差异呢?


「品牌推广页面」 通常介绍的是品牌和对应的商品,因此用户更容易受图片吸引。但在 「品牌特卖」 类页面中,宣传重点是品牌折扣,因此用户重点关注的是品牌和折扣信息 ,对具体商品图片的关注度则稍弱一些。


(2)单品促销类导购页面


普通单品促销页中,用户更关注商品图片 。但在 3C 数码类单品促销页 中,用户对产品参数这类文字信息关注度更高。因此在 3C 数码类的促销页面设计中,应重点突出商品描述的文字运营。


网页设计 企业网站建设 企业网页设计


(3)社区类导购页面


社区类导购页面通常以图片为主。然而在这众多图片中,用户对哪类图片更感兴趣呢?我们应该重点突出或者不应该忽略哪类图片呢?


在研究社区类导购页面中,相比服饰单品图片,用户更关注那些展示搭配效果的图片。


这一点在行为经济学「所有权依恋症」现象中也有所体现:展示搭配效果图有时候会让消费者产生已经拥有该商品的「虚拟所有权」的感觉,进而在相同条件下,有真人拍摄的商品卖得比无真人搭配的商品要好。


(4)团购类导购页面


团购类导购页面中, 实物类产品与服务类产品的导购页用户关注点有所差异。


在实物类产品导购页下,用户更关注的是商品图片 ,但在服务类产品导购页中,用户对产品的文字描述关注度也很高。


应用建议:


根据以上发现,我们针对导购页面类型与重点关注的信息元素进行了以下梳理总结。


根据这些用户的关注重点,在今后的页面设计中,我们应该注意展示并突出用户关注的信息元素,从而提升用户的信息获取效率,同时也帮助提升网站的转化率。


相关文章阅读:

1、实例解析网页设计小创意

2、5个电商搜索框移动端设计小技巧

3、B2B与B2C网站设计差异

业务咨询

客户服务

我要留言

节假日咨询电话

136-1188-9500

关于我们

上海求创科技有限公司成立于2001年,是一家专注于为客户提供高端网站策划、网站建设、网页设计、品牌网络营销以及相关的基于互联网应用服务的专业公司。

更多

全国客户服务热线

400-889-1636

网站建设,网站制作,企业网站建设,网上商城,网站推广,域名注册,求创科技-微官网 网站建设,网站制作,企业网站建设,网上商城,网站推广,域名注册,求创科技-手机网
域名超市 | 苏州网站优化 | 北京网站建设 | 邯郸网站建设 | h5建站 | 手机网站建设 | 营销型网站建设 | 沈阳seo优化 | 企业网站建设 | 网页设计 |
业务热线:021-52300315 021-52300317 业务部:sales@dn.cn 售后服务:service@dn.cn 投诉邮箱:info@dn.cn 域名和主机服务:021-52300319
地址:上海市静安区镇宁路168号16楼A室 邮政编码:200050
版权所有©上海求创科技有限公司 沪ICP备13005298号-24  网站地图