“蘑菇街”7.0体验 社区+电商如何做？

从PC时代开始，蘑菇街和美丽说我习惯放在一起研究比对，到了APP时代也不例外。但上周末蘑菇街的这次大更新，和美丽说的区别变大了。

初体验，社区+商城+发布工具都想要要要

时间：2015年1月17日
版本：iOS 7.0.1
定位：女装商城 + 穿搭社区 + 手机微店
导航结构：标签式+抽屉式

蘑菇街

蘑菇街7时代，结构功能设计和UI设计都发生了较大变化，因为要放的功能，元素，入口非常多，所以导航结构更新成了标签+抽屉式。显然光靠下面5个标签已经不够承载产品经理想要体现的内容了。顶部左边被抽屉按钮占据，右边被购物车入口占据，中间是字母化后的蘑菇街品牌。搜索框则被挤到了大图下。

生产发布工具

搜索和购物车这等重要的东西被挤压，很显然是为了更重要的逻辑功能腾地方，那就是中间那个相机，发布商品+分享照片。典型的生产工具中置。我印象中：微博，instagram，闲鱼，这种极端依赖手机端做UGC的应用是这么干的，这次蘑菇街也这么做了。

5签解析：社区，商城，生产工具，微聊，我的

1、关注 = 社区内容，是一个信息流，我没有关注真实用户，信息流都是蘑菇街官方推荐的，点开都是商品，可以转化，这是这类美搭社区厉害的地方。PM的理念是希望用户刷，增加APP的主体内容更新频率和用户启动次数。另外信息流的UI做的挺讲究，给赞。

2、买买买 = 商城首页，以分类为切入点，这页做的蛮清晰，给赞。

3、相机 = 发布商品 + 分享照片 = 商城手机上货工具 + 社区UGC生产工具。可以理解为闲鱼的那部分加上微博的那部分。

4、消息 = 手机聊天，微信的第一个标签+消息通知，这个是交易类APP的趋势。

5、我的

抽屉导航划开

划开抽屉，其实有点和我的傻傻分不清，不过我后来看了一下，5签里的我的是一个社区类的我的。而抽屉里的更像一个交易型的我的。其中，下载小店，专业开店这条值得关注。这是在走口袋购物+微店的那套玩法。

设计和UI给高分

商城分类页面

商品详细页

看见宝贝页面下那个私聊了吗？这很重要，是第四个标签“消息”的重点任务。

让你改ID的小细节

蘑菇街的整体设计和UI，在国内算得上是一线。既有创新，细节也不含糊，值得小伙伴们学习。

电商类APP需要聊天

和店主的聊天界面，是不是很微信

第四个标签“消息”并不是社区传统意义上的消息提示，而是一套类似微信的系统，蘑菇街用这个取代了曾经购物车的位置。我认为这是2015年的趋势，会有越来越多的APP把这套玩法加进来。我不知道美丽说近期会不会有大更新，但无论怎样，2015年的伊始，蘑菇街领先了不小的一步。