蘑菇街首页 Redesign

竞品

本次redesign参考了五个上线的竞品，分别是HIGO、尚品、有货、想去、以及司库，除此之外还有一些电商概念稿及某宝某猫。这些竞品大都是奢侈品电商，设计师品牌等高端电商平台，目的一在于确定其产品设计的高质量以保证参考具有实际意义，其二是对蘑菇街本身产品发展方向的思考，针对年轻群体的电商容易产生的劣质商品现象偶尔会发生。

在我面试蘑菇街之前曾经寻找了十个左右使用蘑菇街的女同学（后来都转而用淘宝）进行调研，给我的回答是：

1.品类不如淘宝之类的齐全或者商品相似但淘宝之流价格更低

2.偶尔有劣质产品。

当我加入蘑菇街时，我街的良品系列已经做起来，顾名思义即从所有品类中筛选出来的优质商品商家。依靠蘑菇街独特的社区电商相结合的商业模式，一批优秀的运营和设计团队，以及逐渐关注对高质量商品商家的挖掘和鼓励，在电商领域必然又前进一大步。

因此，本次redesign参照高端电商产品，我关注的是对于良品系列的设计优化迭代，希望吸收能传达高端，优质这两个概念的设计品格，并应用于蘑菇街的产品设计，提升用户的信任感。

一个小插曲是，在redesign期间有个设计小伙伴询问我蘑菇街的“流行元素”模块的设计，用贴图的形式是出于什么考虑一般我们的印象中用的是图标？

我的回答是：

1.没有图标能做这么丰富来表意，比如小个子连衣裙和仙女系连衣裙怎么区分

这是其一

2.另外要考虑蘑菇街用户主要为8-25岁的女性群体，贴图能达到最好的展示效果有较强的吸引力。

再问：这样的品类细分也是基于用户画像分析出来的吗？

不只是用户画像还有数据，比如首页金刚区以及之后的品类，哪些放在首焦哪些放在靠前的位置肯定是根据运营需求 ，哪些卖的好 ，哪些在当季最受欢迎，肯定是根据数据去做详细的首页布局以达到最好的展示效果和盈利目的。

因此，除首屏外的各个专题模块的布局我并未进行redesign，考虑到我街前辈在进行设计的时候有足够的数据支撑以及对运营需求的考虑，我单凭臆想来改版完全没意义，不合理。然后主要选取局部进行redesign，分别是：顶部导航、首屏金刚区、以及紧列其后的一个模块布局。

顶部导航

经过对当前search栏的体验，发现扫一扫作为与”聊天“和”搜索“相比使用频度较低的功能放在手指容易点击的右区，且与”聊天“功能间距较小，易点击失误,学习淘宝和商品的search栏布局，将扫一扫移到左侧。

上滑效果

原版

改版

上滑head的设计吸收了天猫改版的一个因子。上滑期间专注于中心内容，顶部搜索栏收缩为搜索按钮，但语义相同——点击触发搜索操作。细节方面进一步增加搜索icon与聊天icon的间距以便于准确点击。除此之外，导航栏中间使用产品品牌icon，强化品牌概念，这是在天猫改版里记得最清楚的部分，在同质化越发严重的市场环境下，让你的产品一眼看去就能被记住，因为不同。

首屏模块设计

对首屏占大半面积的模块心惊胆战的重新布局redesign了一下，因为作为首屏非常重要的部分，前辈们布局肯定根据多方测试思考所有相关因素才完成的，我并不了解，所以这个模块的设计完全按照主管说的只看视觉不用考虑实现或者运营需求。

经过一些参考，最终决定在这里直接展示主推商品，卡片布局为了避免视觉疲劳选择了相同栅格宽度下1大2小的方式。然后通过干净扣出的单品和模特及干净的背景来传达优质，良品的视觉表现力。

为了给这个模块留出足够空间将分类入口适当缩小了下，使这里的留白稍大一些，不影响重要信息的传达（字号没有进行改变），视觉上舒服了一些，没有占满屏的压力。

自制的mocup好开心

作者 南山可可

关键字：产品经理, 蘑菇街

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！