提升电子商务网站用户体验快与准潘锐.pptxVIP

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