從PC時(shí)代開始,蘑菇街和美麗說我習(xí)慣放在一起研究比對,到了APP時(shí)代也不例外。但上周末蘑菇街的這次大更新,和美麗說的區(qū)別變大了。
初體驗(yàn),社區(qū)+商城+發(fā)布工具都想要要要
時(shí)間:2015年1月17日
版本:iOS 7.0.1
定位:女裝商城 + 穿搭社區(qū) + 手機(jī)微店
導(dǎo)航結(jié)構(gòu):標(biāo)簽式+抽屜式

蘑菇街7時(shí)代,結(jié)構(gòu)功能設(shè)計(jì)和UI設(shè)計(jì)都發(fā)生了較大變化,因?yàn)橐诺墓δ?,元素,入口非常多,所以?dǎo)航結(jié)構(gòu)更新成了標(biāo)簽+抽屜式。顯然光靠下面5個(gè)標(biāo)簽已經(jīng)不夠承載產(chǎn)品經(jīng)理想要體現(xiàn)的內(nèi)容了。頂部左邊被抽屜按鈕占據(jù),右邊被購物車入口占據(jù),中間是字母化后的蘑菇街品牌。搜索框則被擠到了大圖下。

搜索和購物車這等重要的東西被擠壓,很顯然是為了更重要的邏輯功能騰地方,那就是中間那個(gè)相機(jī),發(fā)布商品+分享照片。典型的生產(chǎn)工具中置。我印象中:微博,instagram,閑魚,這種極端依賴手機(jī)端做UGC的應(yīng)用是這么干的,這次蘑菇街也這么做了。
5簽解析:社區(qū),商城,生產(chǎn)工具,微聊,我的
1、關(guān)注 = 社區(qū)內(nèi)容,是一個(gè)信息流,我沒有關(guān)注真實(shí)用戶,信息流都是蘑菇街官方推薦的,點(diǎn)開都是商品,可以轉(zhuǎn)化,這是這類美搭社區(qū)厲害的地方。PM的理念是希望用戶刷,增加APP的主體內(nèi)容更新頻率和用戶啟動(dòng)次數(shù)。另外信息流的UI做的挺講究,給贊。
2、買買買 = 商城首頁,以分類為切入點(diǎn),這頁做的蠻清晰,給贊。
3、相機(jī) = 發(fā)布商品 + 分享照片 = 商城手機(jī)上貨工具 + 社區(qū)UGC生產(chǎn)工具。可以理解為閑魚的那部分加上微博的那部分。
4、消息 = 手機(jī)聊天,微信的第一個(gè)標(biāo)簽+消息通知,這個(gè)是交易類APP的趨勢。
5、我的

劃開抽屜,其實(shí)有點(diǎn)和我的傻傻分不清,不過我后來看了一下,5簽里的我的是一個(gè)社區(qū)類的我的。而抽屜里的更像一個(gè)交易型的我的。其中,下載小店,專業(yè)開店這條值得關(guān)注。這是在走口袋購物+微店的那套玩法。
設(shè)計(jì)和UI給高分


看見寶貝頁面下那個(gè)私聊了嗎?這很重要,是第四個(gè)標(biāo)簽“消息”的重點(diǎn)任務(wù)。

蘑菇街的整體設(shè)計(jì)和UI,在國內(nèi)算得上是一線。既有創(chuàng)新,細(xì)節(jié)也不含糊,值得小伙伴們學(xué)習(xí)。
電商類APP需要聊天

第四個(gè)標(biāo)簽“消息”并不是社區(qū)傳統(tǒng)意義上的消息提示,而是一套類似微信的系統(tǒng),蘑菇街用這個(gè)取代了曾經(jīng)購物車的位置。我認(rèn)為這是2015年的趨勢,會有越來越多的APP把這套玩法加進(jìn)來。我不知道美麗說近期會不會有大更新,但無論怎樣,2015年的伊始,蘑菇街領(lǐng)先了不小的一步。