从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给高分
看见宝贝页面下那个私聊了吗?这很重要,是第四个标签“消息”的重点任务。
蘑菇街的整体设计和UI,在国内算得上是一线。既有创新,细节也不含糊,值得小伙伴们学习。
电商类APP需要聊天
第四个标签“消息”并不是社区传统意义上的消息提示,而是一套类似微信的系统,蘑菇街用这个取代了曾经购物车的位置。我认为这是2015年的趋势,会有越来越多的APP把这套玩法加进来。我不知道美丽说近期会不会有大更新,但无论怎样,2015年的伊始,蘑菇街领先了不小的一步。