《提升电子商务网站用户体验快与准-潘锐.ppt》由会员分享,可在线阅读,更多相关《提升电子商务网站用户体验快与准-潘锐.ppt(20页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、提升电子商务网站用户体验快与准-潘锐 Still waters run deep.流静水深流静水深,人静心深人静心深 Where there is life,there is hope。有生命必有希望。有生命必有希望提升用户体验:快!用户访问一个网站时,如果等待网页(Landing Page)打开的时间超过8秒,会有超过30%的用户放弃等待。8秒定律:网站首页页面大小页面尺寸页面完全打开时间首屏完全打开时间凡客诚品0.36MB4.5屏(1114x3515)2.88秒0.64秒淘宝网0.92MB4.2屏(1030 x3247)7.36秒1.75秒京东商城1.06MB4屏(1230 x3107)8
2、.48秒2.12秒梦芭莎3.42MB34屏(1010 x26248)27.36秒0.80秒说明:页面打开时间以说明:页面打开时间以1Mbps下载速率来估算下载速率来估算 页面取样时间:页面取样时间:2011年年8月月23日日提升用户体验:快!要尽量将网页(Landing Page)的体积控制在1.5MB以内,页面完全呈现耗时控制在5秒以内。结论:提升用户体验:快!But how?提升用户体验:快!压缩大图片文件 尽量采用矢量图的素材与动画(如广告banner flash动画)1.立竿见影的提速:图片减肥提升用户体验:快!2.优化线路方案实施成本效果智能DNS双线中可解决电信、网通线路用户的网络
3、访问速度问题BGP(多线)较高单IP即可实现多线路快速访问CDN中提高访问速度,减少源服务器带宽占用,但仅对静态页面有效。BGP+CDN高最佳方案,可将图片等静态文件用CDN发布提升用户体验:快!3.优化网站(web server)运行环境 Linux+Nginx(+Mysql+PHP)Linux:文件系统相比NTFS的读写效率高很多;相比windows的安全性高;开源软件资源丰富Nginx:最高性能的web server(处理并发连接数最高),优于apache、IISMysql:性价比最高,运用普及,高性能开源数据库PHP:跨平台、高性能、开发效率高提升用户体验:快!4.提升服务器效率与性能
4、 采用内存缓存加速响应速度 推荐:Memcache 采用动态负载均衡系统增加系统的伸缩性与鲁棒性推荐:LVS提升用户体验:快!提升用户体验:快!LVS拓扑图大型站点案例:大型站点案例:腾讯、百度、腾讯、百度、新浪、网易、新浪、网易、携程、优酷、携程、优酷、等。等。5.及时扩容 平均带宽占用达到理论上限的70%,需要立即考虑带宽扩容。存储设备需监控空间使用速度,80%预警。提升用户体验:快!用户访问一个网站时,停留在网页上视觉焦点的位置符合类似F型密度分布,即用户更多注意的是更靠页面上部与左侧的内容。F型分布定律:提升用户体验:准!提升用户体验:准!左图为某电商网站改版前的首页焦点热图,发现的问
5、题:1.左上角黄金位置:用户登陆信息框2.分类导航区置于1.5屏以下3.用户的实际(鼠标)行为焦点不符合F型分布:说明该网页内容布局结构对新访客的易用性差提升用户体验:准!电商网站要将对用户导购作用更大的内容,放置在页面(Landing Page)更加靠顶部与左侧的位置。结论:提升用户体验:准!提升用户体验:准!1.合理首页的布局示意图:推荐参考首页布局提升用户体验:准!2.SEM、推广专题landing page的布局:(略)推荐参考nala页面用图说话:能用图来表达就不要用文字。图片包括:对比图、细节图、原理图、实验图、测试图、注解图等。3.购物中的关联推荐提升用户体验:准!A.基于产品分析基于产品分析向上营销向上营销是基于同类产品线的升级或优化产品的推荐。交叉营销交叉营销是基于相似但不同类的产品的推荐。提升用户体验:准!B.基于用户行为分析基于用户行为分析(data mining)支持度=(G/U)x100%置信度=(G/A)x100%例例:当支持度20%,置信度60%,认为A与B商品有关联,可向购买了A商品且未购买B商品的用户推荐B商品。3.购物中的关联推荐 Thanks!潘锐潘锐-Tommy