京东店铺页面设计（分享京东首页设计）
当我们对产品设计的理解还有所不足的时候，对市场上的成熟产品、优秀产品进行拆解，分析背后的产品设计原理以及产品思维，对我们很有帮助，能够有效提升我们对产品的理解。
51秒懂电商资讯网
由于之前面试得到的反馈是对于产品的深度不够，所以这段时间也思考了一下自己的问题。 www.51md.cn
跟朋友聊下来以后，觉得自己确实应该好好深入的体验一下各个大公司的产品。领域的话我个人还是对电商一类的比较感兴趣，所以我选择了京东进行拆解，希望自己能从里面得到更深层次的感悟。
51秒懂电商资讯网
大公司的产品因为人员比较专业、迭代较多次，所以达到了一个比较完善的水平，对于个人成长还是很有帮助的，从这些产品的设计我们可以想到产品经理在设计时的想法。 51md.cn
产品结构图： 51md.cn
背景信息这里就不给出了，大家一直看千篇一律的东西也得不出什么好的结论，有兴趣的同学可以自己上网去查。 51秒懂电商资讯网
这次的拆解会拆解一些我认为比较核心的功能，有一些不是很重要的、或者是太普遍的页面我就不做拆解了。
51秒懂
51秒懂电商资讯网
一、首页页面布局
我将首页分为3屏：因为一般人滑动手机也就滑那么几下，如果让用户找不到他们感兴趣的内容，用户很快就会流失掉。目前大部分电商平台都采取了类似的样式，一页的内容太少，滑动2-3下是比较合理的一个状态。
PS：在滑动的同时，搜索框变换形状，始终保持在页面顶部，方便用户进行搜索。
- 第一屏包括比较重要的内容、入口（平台认为），但是底部留下每日特价、新品首发、排行榜等内容的标题，让用户知道下面还有内容，从而促进用户往下滑。
- 第二屏包括相对次要的内容，品牌闪购、种草、直播等在京东目前的优先级不是很高，快报就更不用说了，电商平台的快报基本看的人很少。
- 第三屏是重复的内容（商品介绍），选择把分类吸附在顶部，方便用户切换想看内容的类型。
1. 点击前
点击前的搜索框内文字滚动，内容为用户感兴趣的内容（搜索、加购、收藏、购买过的内容相关的信息，或者是最近比较热的内容）。
作用：提醒用户感兴趣的内容，让用户更容易点击搜索框
点击后进入搜索页面，同时弹出“长按说出你要的东西”按钮，帮助懒得打字的用户输入内容。增强下单的概率。
点击后搜索框内滚动的内容不变，键盘上的右下角的按钮变成可用的“搜索”，可以直接搜索输入框内的内容。
更多精彩电商干货尽在51秒懂网，请继续支持、关注我们吧
推荐阅读：