@拆解京东首页设计，洞察产品思维
当我们对产品设计的理解还有所不足的时候 ， 对市场上的成熟产品、优秀产品进行拆解 ， 分析背后的产品设计原理以及产品思维 ， 对我们很有帮助 ， 能够有效提升我们对产品的理解 。
文章图片
文章图片
由于之前面试得到的反馈是对于产品的深度不够 ， 所以这段时间也思考了一下自己的问题 。
跟朋友聊下来以后 ， 觉得自己确实应该好好深入的体验一下各个大公司的产品 。领域的话我个人还是对电商一类的比较感兴趣 ， 所以我选择了京东进行拆解 ， 希望自己能从里面得到更深层次的感悟 。
大公司的产品因为人员比较专业、迭代较多次 ， 所以达到了一个比较完善的水平 ， 对于个人成长还是很有帮助的 ， 从这些产品的设计我们可以想到产品经理在设计时的想法 。
产品结构图：
背景信息这里就不给出了 ， 大家一直看千篇一律的东西也得不出什么好的结论 ， 有兴趣的同学可以自己上网去查 。
这次的拆解会拆解一些我认为比较核心的功能 ， 有一些不是很重要的、或者是太普遍的页面我就不做拆解了 。
文章图片
文章图片
一、首页页面布局
文章图片
文章图片
我将首页分为3屏：因为一般人滑动手机也就滑那么几下 ， 如果让用户找不到他们感兴趣的内容 ， 用户很快就会流失掉 。目前大部分电商平台都采取了类似的样式 ， 一页的内容太少 ， 滑动2-3下是比较合理的一个状态 。
PS：在滑动的同时 ， 搜索框变换形状 ， 始终保持在页面顶部 ， 方便用户进行搜索 。第一屏包括比较重要的内容、入口（平台认为） ， 但是底部留下每日特价、新品首发、排行榜等内容的标题 ， 让用户知道下面还有内容 ， 从而促进用户往下滑 。第二屏包括相对次要的内容 ， 品牌闪购、种草、直播等在京东目前的优先级不是很高 ， 快报就更不用说了 ， 电商平台的快报基本看的人很少 。第三屏是重复的内容（商品介绍） ， 选择把分类吸附在顶部 ， 方便用户切换想看内容的类型 。
二、搜索
文章图片
文章图片
1. 点击前
点击前的搜索框内文字滚动 ， 内容为用户感兴趣的内容（搜索、加购、收藏、购买过的内容相关的信息 ， 或者是最近比较热的内容） 。
作用：提醒用户感兴趣的内容 ， 让用户更容易点击搜索框
2. 点击后
文章图片
文章图片
点击后进入搜索页面 ， 同时弹出“长按说出你要的东西”按钮 ， 帮助懒得打字的用户输入内容 。增强下单的概率 。
点击后搜索框内滚动的内容不变 ， 键盘上的右下角的按钮变成可用的“搜索” ， 可以直接搜索输入框内的内容 。
3. 页面展示
页面由搜索历史和搜索发现组成 。
搜索历史比较简单 ， 这块就不赘述 ， 主要就是把搜索过的内容保存下来 ， 点击跳转到对应搜索内容的结果页 。
搜索发现配置了很多标签 。分为3类：推荐内容的标签 ， 点击后跳转到对应搜索内容的结果页 ， 这个跟搜索历史差不多 。算法或者运营会配置一些最近比较热门的词汇 。活动的H5 ， 参考图上的“京东小魔方”“京东春茶节”点击会跳转到对应内容的H5页面 ， 促使感兴趣的用户参加活动 。常购清单 ， 这个是我平常没有注意到的内容 。
推荐阅读
- 畜牧业@畜牧互联网再次引爆：阿里养猪，京东养鸡，快看大佬们都在干嘛
- iPhone■可全额折抵换购下一代iPhone！京东推出iPhone SE 2保值换新计划
- 【东莞】东莞市供电局为京东智谷项目“插电”
- 京东：iPhoneSE免费用？京东手机换新季保值换新更轻松
- [iPhone]京东手机换新季 华为u002F三星u002F苹果三旗舰优惠不停
- 「太平洋电脑网」iPhoneSE免费用？京东手机换新季保值换新更轻松
- 高通：高通突然宣布，华为还是“太硬”，深度“捆绑”京东方华为芯片被制裁华为“太硬”高通“怂了”，拉京东方当“挡箭牌”
- 『高通』高通突然宣布，华为还是“太硬”，深度“捆绑”京东方华为芯片被制裁华为“太硬”高通“怂了”，拉京东方当“挡箭牌”
- 「高通」高通突然宣布，华为还是“太硬”，深度“捆绑”京东方华为芯片被制裁华为“太硬”高通“怂了”，拉京东方当“挡箭牌”
- 『湘潭』华为、京东、阿里云……湘潭欲打造的这个“英雄联盟”很是“牛”