从电子商务网站F型眼球轨迹分析其网站布局.docxVIP

从电子商务网站?F?型眼球轨迹分析其网站布局 一、F?型眼球轨迹理论介绍 尼尔森?F?形网页浏览眼球轨迹的研究理论来源于据?2006?年美国长期研究网站可用性的著名网站设计 师?Jakob?Nielsen?发表的《眼球轨迹的研究》报告。该报告称，大多数情况下浏览者都不由自主地以” F”形状的模式阅读网页，这种基本恒定的阅读习惯决定了网页呈现?F?形的关注热度。 电子商务网页浏览者眼光聚集的热度图如下： 第一步：对比和快速筛选； 第二步：获取更多信息以帮助判断； 第三步：研究并决策——下一步动作或放弃。 网站名称 商品类型 面向对象 整站布局 首页-眼球轨迹 特点 优礼品 礼品综合 B2B 2栏宽屏 ①?LOGO，核心业务菜单栏，三级商品细分目录 a.??????定做流程公示 ②?Flash广告，合作企业 b.??????提供紧急订单业务 ③?商品目录 c.??????产品目录以百货大楼楼层显示方式分类 d.??????不注册看产品设计效果图 e.??????以合作客户案例做产品介绍 Customizo 服装及配饰 B2B 2栏居中 ①?LOGO，产品三级目录 a.????????3D设计工具 ②?Flash广告 ③?设计工具，主打产品 integrity 服装 B2B 1栏居中对 齐 ①?LOGO a.????????Loading时间过长 ②?设计工具 Madcore 球衣 B2B 2栏宽屏 ①?LOGO，Flash广告 a.????????网站配色凸显产品（黑底） ②?热销定制商品 b.????????图片为主，文字简洁 ③?定制流程 c.????????Facebook分享送礼 Logomark 礼品 B2B 2栏居中 ①?LOGO，购物车，建立项目，我的账户 a.?????建立副品牌Valumark定义超值低价折扣产 品 ②?二级商品目录（图片+文字），Flash广告 b.?????订单状态在线查询功能醒目 ③?下方菜单（图片形式） c.?????网站中部横幅文字广告色彩搭配恰当 d.?????整站配色合理，首页右上角区域配色效果 完美，能够凸显建立项目快捷键，有效引导客户 e.?????注册信息详尽，注册环节放置在产品确认 之前，帮助过滤无意向客户 f.??????产品展示页面同时有库存查询及运费查询 功能，方便快捷 HAOLI 户外用品 B2B 2栏居中 ①?LOGO，菜单栏（一级） a.?????不提供在线订购，仅展示商品样本 ②?一级商品目录 b.?????内容页面包屑导航条 ③?商品图片展示区 SAGE 礼品 B2B 2栏居中 ①?LOGO，菜单栏（三级） a.?????分经销商、供应商及内部人员及行业协会 入口，严格过滤访客身份 ②?Flash广告 b.?????新用户填具详细注册信息后，经审批通过 可获得30天试用 ③?用户登录区 Legend?Life 衣帽服饰 B2B 2栏居左 ①?LOGO，Slogan,?搜索 a.?????Logo与Slogan颜色相搭，凸显品牌口号 ②?Flash广告 b.?????高级搜索功能键通过配色和简洁箭头设计 成功凸显 ③?菜单栏（二级+图片） c.?????菜单栏采用图片+文字的形式展现商品，较 为直观 d.?????高级搜索功能较为详尽、完备，实现高精 度、按实体颜色搜索（所见即所得） HALO 礼品 B2B 2栏居左 ①?LOGO，荣誉金标,?首订有礼促销广告 a.?????首次订购优惠100美元，广告凸显 ②?Flash广告，二级文字目录树，热销商品 b.?????满额折扣（促销） ③?分类目录（文字） c.?????回购折扣（自动） d.?????打印及email?to?friends NORWOOD 礼品 B2B 2栏居左 ①?LOGO a.?????设计工具箱提供海报模版、设计样例展示 、Vedio解说等 ②?Flash广告 b.?????商品相关价格、运输等注释信息详尽 ③?三级文字目录树 4imprint 礼品 B2B 2栏居中 ①?LOGO，热线电话 a.?????许愿单 ②?Flash广告 b.????“enter?quantity?or?glide”效果，滑动鼠 标显示满额折扣 ③?快速链接，热销商品，低价,新品 c.?????产品页显示客户评论（评星） DH 婚礼用品 B2C 2栏居左 ①?LOGO，搜索栏，Flash广告 a.?????商品展示页面下方显示同类产品推荐 ②?热销商品，特色商品 b.?????商品展示页面下方显示其他用户浏览商品 ③?二级商品目录树（文字+图片） Positive promotions 礼品 B2B 2栏居左 ①?LOGO，Flash广告 a.?????按商品使用场景分类检索 ②?分类目录（图片） ③?热销商