新聞發(fā)布
管理系統(tǒng)上一期云智在《“雙十一”之深度分析電商網(wǎng)站設(shè)計(jì)產(chǎn)品頁布局》這篇文章里面具體分析了四大電商PC端產(chǎn)品頁的相關(guān)設(shè)計(jì)方案和特點(diǎn),這四家都是具有很典型的行業(yè)特征和自我風(fēng)格的企業(yè),對(duì)于中小型企業(yè)或自有品牌網(wǎng)站的時(shí)候有很好借鑒作用。
然而隨著移動(dòng)互聯(lián)的急速發(fā)展,各大運(yùn)營商都已經(jīng)推出了無限量套餐所以很多用戶不在擔(dān)心以前因?yàn)榱髁康膯栴}手機(jī)用起來畏畏縮縮的現(xiàn)狀了,有了各大運(yùn)營的流量作為支撐移動(dòng)端的用戶使用習(xí)慣和用戶體驗(yàn)也已經(jīng)形成,從各種不同的應(yīng)用到網(wǎng)頁展示用戶正在通過手機(jī)完成以前桌面端的閱覽和娛樂的時(shí)間。而大惹人注目的算是雙十一的電商活了,很多人可以躺著買東西。刨除種種因素我們來看看四大企業(yè)的電商APP的商品展示頁是如何給用戶展示商品從而得到更多的訂單的。
我們首先來看小米商城APP,整體的用戶邏輯商品頭圖-商品標(biāo)題-商品價(jià)格-小米生態(tài)-購物基礎(chǔ)信息-用戶評(píng)論-商品正文-商品參數(shù)-精彩視頻-廣告-相關(guān)推薦,整體購物車懸浮于屏幕底部,如下圖:
頁面設(shè)計(jì)亮點(diǎn):總體來講小米商城APP商品展示頁面的設(shè)計(jì)做的比較細(xì),把亮點(diǎn)具體做出可滑動(dòng),這也符合了小米性價(jià)比的推廣口號(hào),整體頁面偏小清新風(fēng)格,頁面體驗(yàn)可以產(chǎn)生愉悅的快感。
下面是華為商城APP商品展示頁的設(shè)計(jì)邏輯:商品頭圖、價(jià)格、商品標(biāo)題參數(shù)、購買基本信息、服務(wù)、推薦、以舊換新、用戶評(píng)論,商品圖文(商品介紹、規(guī)格參數(shù)、包裝售后)、整體購物車懸浮于屏幕底部,如下圖:
頁面設(shè)計(jì)亮點(diǎn):產(chǎn)品相關(guān)信息表達(dá)清楚,整體風(fēng)格偏理工,整體頁面偏冷靜,需要慢慢理解在華為的品牌影響力的加持下頁面有一定的轉(zhuǎn)化。
下面說說兩大電商平臺(tái)淘寶和京東,兩家的頁面基本上一樣,更多的是平臺(tái)的影響力和用戶自身的喜好,首先看看京東的,可以這么理解京東將商品的展示分為4大塊:P1商品、P2詳情、評(píng)論、推薦,如下圖:
后咋們再看看淘寶是怎么做的,淘寶將商品分成四塊:寶貝、評(píng)價(jià)、詳情、推薦,整個(gè)設(shè)計(jì)邏輯:商品頭圖、價(jià)格、標(biāo)題(快遞 銷量 地點(diǎn))、促銷、規(guī)格參數(shù)、用戶評(píng)論、問答、店鋪信息、電偶推薦、淘寶公益、商品圖文、商品信息、價(jià)格的活命、看了又看、整體購物車懸浮于屏幕底部,如下圖:
總結(jié)一下:淘寶京東都是比較典型綜合性商品展示平臺(tái),每個(gè)平臺(tái)的展示的特點(diǎn)和企業(yè)文化精髓不一樣,比如淘寶有公益而且給出篇幅說明,馬老板是是生意人也特別將價(jià)格做了說明,從購買的轉(zhuǎn)化速度上淘寶要強(qiáng)于京東,淘寶將大家比較關(guān)心的快遞價(jià)格、銷量、地址放在了商品下方可以看出淘寶的大數(shù)據(jù)做的是叫人性化的。
綜合總結(jié):小米定位年輕群體輕裝上陣,華為理工數(shù)據(jù)為主更權(quán)威,淘寶畢竟是大平臺(tái)不多說,京東準(zhǔn)平臺(tái)展示各有千秋。
如果要單純的將那個(gè)比較適合移動(dòng)端商品展示設(shè)計(jì)我們可以從全面屏的趨勢窺得一二,如下圖是全面屏交互手勢:
其實(shí)只要做好品牌特別是電商平臺(tái)云智覺得做到品牌正規(guī)化、服務(wù)體系化、用戶體驗(yàn)潮流化就可以塑造出一個(gè)比較好的電商平臺(tái)。