【笔记】京东首页改版案例分享
笔记整理: @陶陶(QQ 924982296)& @有点田(QQ 1071328157)
主题:京东首页改版案例 分享时间:2015年6月14日(周日)下午 16:00——18:00 地点: 北京市朝阳区,北苑路甲13号院,北辰泰岳大厦,1塔,19层1911会议室 主办:UXRen北京分舵 分享嘉宾:李苏晨(京东体验设计部 JDC 设计经理) 活动信息:http://13tech.com.cn/?p=13288
分享PDF下载:
苏晨分享内容笔记:
——————————————————————————————————
背景
2014年8月1日 全平台购物体验升级项目正式启动- 京东(发展)
“上市”
“平台”
“深耕重点业务” - 业务(战略性调整)
“战略级品类”
“体现品类特性,达到最优的引流效果”
“更好更多的曝光” - 用户(印象)
“京东=理工男卖家电的?”
“我和我女朋友看到的京东是一样的”
“首页几乎都是单品,各活动页面之间没有关联,逛不起来”
一、 用户研究: 100+用户深度调研 10000份有效问卷
- 品牌调性:成熟稳重 亲切 专业 安全感……
- 用户群:
品质诉求,增加品牌相关信息
目标明确,加强搜索推荐
淘便宜型,丰富活动信息
咨询诉求型,拓展各品类详细信息 - 用户需求 大型促销 品类/频道 ……,其中大型促销活动用户活跃度最高
- 品类特性
家电数码:品质功效
服饰鞋包:风格新款
美容化妆:换季品牌
居家生活:品质整理
食品保健:尝鲜特产,可采用 美图吸引
图书:权威作者
二、 数据分析:导购、结算
- 导购:用户行为,点击量、点击率
- 结算:订单贡献:GMV,转化率
三、 业务访谈
- 3轮调研,10+业务部门:采销、市场、广告……
- 需求分析,品牌感知 ,精细化运营和导流,差异性,新业务分析
四、 改版方向
- 品牌调性:亲切成熟感
- 网站架构:系统规划、设计规范、优化性能、增强阅读节奏
- 流量分发:合理流量配比、深耕重点频道
- 千人千面:引入推荐机制、提升UV价值、个性化推荐
- 逛:加长浏览路径、增强导购动线、突出品类特色、增强下流流量承接力
- 防止视觉疲劳,全站优化,不只是主页
- 竞争机制:楼层、坑位,市场经济,准入退出机制
五、 京东首页改版
- 原型(5稿)—业务访谈(1稿)—视觉方案(11稿)—测试方案(3稿)
- 楼层归类:服装、家电、居家生活……
考虑到女性购物群体,将服装放在家电之前,同时考虑到男性购物群体对服装的品质要求。 - 用户研究:眼动跟踪研究,30位用户深度访谈(版面打分)
最大原则:配合采销卖货,尊重采销需求
品牌调性:主色调,红色,刺激购买欲
整体架构:主屏、二屏(特色推荐)、楼层(品类)、页面底部(浏览回流)
千人千面:根据用户画像,基于数据智能化推荐
六、效果
- 数据
新版个数据指标均有提升,日均点击率提升30% - 用户满意度
用户满意度提升18% - 性能提升
页面加载时间缩短60%
(1)加载方式:对页面进行拆分,用户访问到每个楼层时异步加载当前楼层数据,同时利用LocalStroage把数据存储到浏览器本地,用户回访时,优先从本地取数据,有更新时再次请求后台借口。
(2)采用JDC自主研发的前端集成解决方案:JDF,提升开发效率,减少后期产品迭代中的维护成本。
(3)用户体验升级:应用了大量CSS3动画;对iPad端进行了特殊优化和处理,提升移动端体验。
七、 提问
- 用户研究方法:深度访谈、眼动测试等,脑电测试用的较少,一般游戏中用得较多。
- 如何决定楼层顺序和价值:对公司贡献和影响力、市场、毛利、用户流量。
- 品牌调性的关键词从何而来:卡片标签分类,在问卷和访谈中让用户进行选择。
- 如何判断设计规范是否到位:1)评审;2)培训,通过培训的方式使其他设计师能够充分理解,并根据其他设计师的有效意见进行一定的调整。
——————————————<end>——————————————————
从去年8月1日就开始筹划了,决策和方向很重要。
非常棒的分享,考虑得非常全面,而且也引入了效果评估,很受用