编者按：本文来自微信公众号人人都是产品经理（ID:woshipm），作者：酸奶马特 淘宝是阿里巴巴电子商务购物的手机购物软件，是目前用户数量最大、用户分布最广泛的电子商务购物平台；到目前为止，淘宝在大多数用户心中的定位已经成为一种完整、划算的购物APP。


淘宝可以满足不同属性用户的购物需求。


目前，产品功能和模块多，是一款好逛的电商软件。


01 购物感是好事吗？ 在分析淘宝的购物感从何而来之前，我们先来分析一下为什么电商软件要营造出购物感，购物感对产品本身是好是坏。


很多人都有这样的经历:淘宝比京东有更强的购物感。


有时候刷的时间过去了很久，经常买一些莫名其妙的东西，我想买A，刷了一会儿却下了订单B，C，D。


” 而且我们会发现淘宝的店铺运营做了很多:照片、视频、动态、直播。


第一个问题是：淘宝为什么要给我们这种购物的感觉？ 1. 为什么要营造购物感？ 众所周知，淘宝是一个C2C软件、商家和用户可以通过淘宝直接进行商品交易活动，淘宝的作用是为双方提供完成此事的场所(平台)。


我喜欢把互联网产品品设计回到现实生活中——这可以帮助我们更快地理解和设计更适合用户的产品。


淘宝在现实生活中就像一个购物中心：淘宝商家在购物中心扮演商店，用户是购物顾客，但所有的行为和商品都是以网络的形式。


对于一个购物中心来说，它的大部分经济来源不是顾客在每个商家的消费，而是他们从商家的商店收到了多少租金，以及他们为商家做广告赚了多少钱。


但我们应该明白，顾客来的越多，购物中心的声誉就越大，这可以吸引更多的企业。


同样，广告的价格也会上涨。


此外，更多的企业愿意在我的购物中心建立商店，我可以收到更多的租金，形成一个良性循环。


因此，对于淘宝来说，他的真正客户是这些在淘宝上定居的企业。


那么，淘宝需要做的就是如何建设这个购物中心：如何规划它的建筑，如何让用户看到这些企业，如何服务这些企业，从而赚取更多的租金和广告费APP界面设计的重点。


下图是真实商场的结构图: 当我们理解淘宝的真正目的时，我们就能理解他为什么要设计购物感。


第二个问题是：这种购物感在电子商务中APP是好是坏？ 2. 购物感的利弊是什么？ 消费往往是不理性的，即所谓的冲动消费。


当用户的购物过程变得复杂（换句话说，用户的行为路径变长）时，用户自然会有更多的时间冷静思考；也许我不想买，或者我不知道买什么很长时间。


所以购物感对商家弊大于利，但更贴近现实生活:商家肯定不希望用户去竞争商店买东西。


对于用户来说，购物时货比三家，最终购买心中性价比最高的产品，更符合用户的需求。


对于现阶段的淘宝来说，购物感 利远大于弊——淘宝愿意让它的用户货比三家。


当他们购物时间越长，他们看到的商品和商家就越多，所以他们也完成了任务——即使用户刷了很长时间没有下订单，淘宝在这个阶段也不会遭受损失（我们将来会谈论淘宝的策略）。


3. 小结 从淘宝产品逻辑的角度来看，创造一种购物感可以给淘宝带来更多的收入。


即使用户可能会降低购买率，这对淘宝的影响也不大。


如何留住用户是商家需要考虑的事情。


淘宝可以作为商场规划用户路线，为商家提供展示机会。


这就是为什么淘宝的店铺经营多种多样，用户的感受也很全面，更贴近现实生活。


当我们理解这一点时，我们可以开始分析这个购物中心是如何让我们一步一步地购物的。


02 如何营造线下购物感？ 回到现实生活:如果你是商场的设计师，从你的角度来看，如何设计商场让你的商场更容易参观。


这是知乎上的一篇帖子:商场设计要注意哪些因素？ 我们可以从线下行业获得经验。


1. 设计创意 了解商场的定位，根据你的人群设计。


同样，在互联网产品设计中，我们也需要考虑产品用户群的特点，并根据他们的行为习惯设计我们的界面和功能。


淘宝拥有大量户，用户也很多样化，所以产品设计必须尽可能满足每个群体的行为习惯。


这就是为什么淘宝有这么多功能和入口。


同时，设计师需要思考如何在功能多的情况下保持界面和排版整洁。


2. 功能布局 商场空间环境的功能布局必须从商业运营的整体战略出发。


功能布局是否合理，直接影响到商店的经济效益和形象的塑造，不得随意布局。


商场功能布局的重点是充分发挥商业空间的最大作用，提高商业运营效率；同时，还应考虑促进和吸引客户，促进营销活动的发展和管理。


这与互联网产品设计非常一致，完全符合淘宝界面设计。


3. 动线安排 如何引导用户进入商店？ 如何让客户使用我们更多的功能？ 如何让顾客顺利浏览商品？ 如何让客户避免一些死角(这里可以想象用户做出一些错误的动作，或者暴力测试后的结果)？ 用户的操作路径流畅吗？ 4. 空间组合 这可以理解为：如何使不同的页面具有自己的风格特征。


在让用户感受到每个功能的差异的同时，也需要考虑如何将每个页面连接在一起。


5. 展示陈列 如何展示不同的商品，表达各种商店？ 简单来说，如何为商家提供多元化的展示平台，如何给他们展示十八般武艺的机会？ 6. 广告标识 首页Banner，搜索引擎推荐，项目推荐，优先显示，流量指导。


这也是淘宝获得广告费的主要来源。


本文不重复淘宝在这方面的设计和操作。


结合线下商场的设计理念，有购物感的电商平台APP还可以分析设计思路。


03 淘宝打造购物感 让我们来看看淘宝是如何一步一步实现这些点的: 很多时候，单独看一个产品很难看出它的优缺点，在比较中更容易分析和比较。


本文将比较淘宝、JD.COM三大电子商务巨头的页面设计，以分析为什么淘宝的设计最好。


在我看来，三款产品的定位可以用以下三张图片来表示: 1. 产品定位 淘宝对应中高端商场，满足各类人群的需求；JD.COM就像商场或者百货里的大型超市；拼多多是一个迅速崛起的中低端商场，最近开始疯狂扩张吸引中高端商家进入的百货。


因此，在产品逻辑上，淘宝与品多多相似：主要依靠商家入驻，收取入场费和租金。


京东更关心自己的销自己的销量，自负盈亏(这里只谈淘宝店，不谈天猫，也忽略JD.COM其他商家，否则会扩张太多)。


2. 产品的阶段 淘宝逐渐觉得自己的老板位置被附近快速崛起的百货公司震惊了，也了解了低端市场的消费潜力，希望在稳定自己地位的同时，在对方的家乡进行比较。


拼多多以100亿元的补贴而闻名，让更多的中高端用户看到其价值，用户接受度也在缓慢提高；但仍处于快速扩张状态，吸引企业仍是一项重要任务。


JD.COM一直在努力在自己的超市开一些专卖店，可以想象一些大型超市门口的专卖店。


当我们意识到三种产品的定位和阶段时，我们可以开始正式进入我们的页面分析。


3. 页面分析 首页对比 我们可以看到：3APP乍一看，首页有很多相似之处，但每个人的设计都很巧妙，隐藏着神秘。


目前，三种产品的商业逻辑各不相同APP发展阶段和目前的战略目标完全不同，所以每个人的设计都会不同。


淘宝的六个模块功能包括： 聚合成本效益和100亿补贴，同时配备文本品牌折扣、抢优惠券和100亿补贴，吸引淘宝和拼多多同类用户点击，防止拼多多抓住自己的用户。


【淘抢购】，为用户展示实时抢购产品，营造抢购产品的紧张感，加快用户消费。


【天天特价】，为用户提供厂家直销，直接击中低价、大品牌的产品。


大多数商品也是热门产品。


高成单，高转化【淘宝直播】。


新奇的好奇心激发了好奇心。


流量入口【每日好店】。


以上功能与拼多多正面battle的体现。


可见是一样的size在屏幕上，淘宝除了搜索栏、类别栏、类别管理栏第二页和底部功能按钮外，还展示了18个功能入口（banner 10品类经营 7功能模块)是三个软件中首页最多的入口。


更多的入口意味着需要满足更多的人，更多的人意味着需求会增加，也意味着为商家提供更多的展示机会。


1)主页下滑一次后的界面对比 主页下滑一次对比 用户下降一次，表明他们已经开始对当前的内容感兴趣，但仍在等待，希望看到更多的内容。


淘宝头条出现在淘宝下滑后，新的banner以及新的分类板和商品展示；京东有7个功能模块，推荐和丰富的活动；拼多多仍然使用水平大卡来展示热门产品。


淘宝在主页设计中留出更多的商品展示空间和店铺推荐空间；JD.COM利用更多的空间展示活动；拼多多利用更多的空间展示产品。


这里的主页设计没有对错，三款产品都是按照自己的发展思路和现行的战略方法设计的。


淘宝提供最多的功能入口；京东在主页上注重运营活动Web页面提供入口；拼多多更注重展示爆款产品，希望能立即用爆款抓住用户的眼球，留住用户购买。


假如三款产品是商场里的导购员： 淘宝会根据你的喜好带你去你感兴趣的各种商店； JD.COM在你进门的时候给你很多折扣，告诉你哪些卖得好，哪些推荐你买。


拼多多会直接把现在买的最好的产品给你，然后疯狂的催你赶紧下单。


可以看出，淘宝更倾向于经营良好或购买流量的商店，给他们更多的位置来展示他们的商品（购物感不是每个产品的追求，所以购物感弱并不意味着设计不好）。


2)产品展示对比 产品展示对比 淘宝和JD.COM在进入下拉进入主页的产品展示时，会更新其类别栏的成功功能栏。


淘宝:【全部】、【直播】、【便宜好货】、【买家秀】； JD.COM:【精选】、【618】、【新产品】、【直播】、【实惠】、【进口】，同时放在自己的活动页面上； 拼多多仍然保留着原来的类别栏。


淘宝增加了新的功能栏，让购物体验更加真实: 【直播】让用户更直接地看到商品，实时与卖家互动，更类似于现实生活中的购物场景。


【便宜好货】推荐价格便宜、销量大的爆款软件。


【买家秀】通过展示精选的高赞买家秀，可以提高商品的可信度，给更多展示产品的机会。


淘宝和JD.COM使用瀑布卡展示，商品卡垂直排列，图片下方也放置商品描述。


整体设计更符合人眼下滑时观看屏幕的运动轨迹，减少用户眼睛横向观看的时间。


相反，拼多多使用横向卡片显示。


横向卡占屏幕面积更大，可以显示更多信息；但用户需要花更多的时间来移动和阅读水平眼球。


品多多推荐的产品都是爆款，整个产品的设计也希望用户能马上下单。


对于用户行为的回报，下降浏览更多