正文

電商界面設計模塊分類（電商界面設計模塊分類標準）

發(fā)布時間：2023-04-08 16:44:34 稿源：創(chuàng)意嶺閱讀： 61

大家好！今天讓創(chuàng)意嶺的小編來大家介紹下關(guān)于電商界面設計模塊分類的問題，以下是小編對此問題的歸納整理，讓我們一起來看看吧。

開始之前先推薦一個非常厲害的Ai人工智能工具，一鍵生成原創(chuàng)文章、方案、文案、工作計劃、工作報告、論文、代碼、作文、做題和對話答疑等等

只需要輸入關(guān)鍵詞，就能返回你想要的內(nèi)容，越精準，寫出的就越詳細，有微信小程序端、在線網(wǎng)頁版、PC客戶端

官網(wǎng)：https://ai.de1919.com。

創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀的企業(yè)，服務客戶遍布全球各地，如需了解相關(guān)業(yè)務請撥打電話175-8598-2043，或添加微信：1454722008

本文目錄:

1、ui界面設計分類
2、電商平臺商品設計：商品的前后臺類目拆分
3、怎么做好電商網(wǎng)站的頁面設計
4、兩大電商APP“消息”模塊總結(jié)

電商界面設計模塊分類（電商界面設計模塊分類標準）

一、ui界面設計分類

從宏觀上可以按照以下三類劃分，有助于考察設計界面的多種因素。當然，不考慮如宗教文化等環(huán)境性因素，它帶給信仰者的往往更多的卻是宗教的情感因素。在這里環(huán)境性和情感性是不好區(qū)分的，但這并不妨礙不同分類之間所存在的實質(zhì)性的差異。

1.功能性界面。它實現(xiàn)的是使用性內(nèi)容，任何'件產(chǎn)品或內(nèi)外環(huán)境或平面視覺傳達作品，其存在的價值首要的是在于使用性，由使用性牽涉到多種功能因素的分析及實現(xiàn)功能的技術(shù)方法與材料運用。在這一方面，分析思維作為一種理性思維而存在。如果作為一種處理方式來設計產(chǎn)品，則這種產(chǎn)品會使多種特征性(如民族性、純粹性)因素中性化，如果去除產(chǎn)品商標，就很難認出是哪國的或哪個公司的產(chǎn)品。

2.情感性界面。一個家庭裝飾要賦予人家居的溫馨，一副平面作品要以情動人，一件宗教器具要體現(xiàn)信仰者的虔誠。其實任何一件產(chǎn)品或作品只有與人的情感產(chǎn)生共鳴才能為人所受，"敝帚自珍"正體現(xiàn)著人的感情寄托，也體現(xiàn)著設計作品的魅力所在。

3.環(huán)境性界面。任何的設計都要與環(huán)境因素相聯(lián)系，它包括社會、政治和文化等綜合領(lǐng)域。處于外界環(huán)境之中，"是以社會群體而不是以個體為基礎的"，所以環(huán)境性因素一般處于非受控與難以預見的變化狀態(tài)。觀去重新審視、欣賞，它的三角形外觀符合了人們的心理期望，這是情感性界面處理的極致。

二、電商平臺商品設計：商品的前后臺類目拆分

首先，說說前后臺類目拆分。如果我們?nèi)ド罹繗v史，那會發(fā)現(xiàn)前后臺類目的拆分最先是在淘寶老平臺上做的。最早的天貓用了一個折中方案，通過在List/search頁面里，嵌入大量的可編輯內(nèi)容模塊，可以讓小二隨時編輯，來形成導購路徑。不過，這不影響分析的思路。

回憶一下小二與賣家的矛盾：小二為了導購，不停地調(diào)整類目屬性；賣家為了商品的穩(wěn)定，不希望調(diào)整。分歧其實是買家與賣家的需求矛盾，小二也左右為難，一方面導購是為了給買家更好的體驗，另一方面也希望賣家不用經(jīng)常折騰。

這里的本質(zhì)在于，一個產(chǎn)品沒法很好地滿足兩個截然不同的用戶群體。那怎么辦?很簡單的邏輯，把這個產(chǎn)品拆分成兩個產(chǎn)品，一個滿足買家，一個滿足賣家。具體怎么做?大家去大超市逛一逛就能體會到了。

大超市里的商品，在貨架上的陳列方式是變來變?nèi)サ模S著季節(jié)、隨著銷售情況、隨著特定事件會經(jīng)常做調(diào)整。大超市還有一個地方是倉庫，倉庫的商品擺放是相對固定的，食品就在食品區(qū)，洗護就在洗護區(qū)。所以說，商品其實是要放在兩個地方——前臺銷售和后臺存儲，對應兩種分類方法。你應該懂了，很多時候，電子商務反而比傳統(tǒng)商務落后，人家發(fā)展了數(shù)百年，一定有很多比我們“?！钡牡胤剑喽鄬W習。我們也就是借助這樣的方式，把前后臺類目做了拆分，有了前臺類目和后臺類目。

簡單地說就是：賣家通過后臺類目發(fā)布商品，買家通過前臺類目選擇商品。

原來的那個類目變成了后臺類目，還是一棵樹，屬性也還是屬性，商品都是掛在后臺類目的，按類目屬性去掛。

前臺類目的做法，簡單地說，就是先按照前臺導購的要求，再建一棵類目樹，然后把這棵樹的葉子類目去和后臺類目建立關(guān)聯(lián)關(guān)系，任何一個前臺的葉子類目，都可以對應任何一個或多個后臺類目，且不一定要是后臺葉子類目，且可以增加屬性篩選，且可以直接關(guān)聯(lián)SPU，且可以增加各種商品篩選條件，比如買家信用、標題關(guān)鍵詞、是否消保等。

用例子來說明。

比如女裝，現(xiàn)在是夏天，我希望把超短裙調(diào)整得更容易被看到，就可以搭建“女裝-超短裙”的前臺類目，然后直接把后臺類目里，也許是四五級的超短裙直接掛在前臺類目的超短裙下。

比如說杰克瓊斯賣得很好，你就建一個杰克瓊斯的前臺葉子類目，你到服飾里面的各個后臺類目，把品牌是杰克瓊斯的，可能有10個類目下的杰克瓊斯品牌，都掛到前臺的杰克瓊斯下面，這意味著杰克瓊斯所有的男裝、女裝、童裝、配飾等都在一起了。

比如iPhone5S賣得特別好，小二就可以將iPhone5S建立一個前臺類目，然后到后面類目把品牌是iPhone的、型號是5S的唯一SPU去掛到這個前臺類目下。

我們再看一下下圖。

右上方淺灰色處就是后臺類目，下面顏色稍深處的品牌、性別、適合人群、適合場合等，就是屬性，屬性下面就是屬性值，耐克（NIKE）、休閑、長袖等。左上方深灰色處就是前臺類目。我可以在前臺搭建“活力青春-街頭運動”這樣個性化的類目，然后把后臺類目“女裝-T恤”下“品牌=NIKE&性別=男&適合人群=青少年”的商品掛在這個前臺類目下。

再強調(diào)一下，前臺類目只有葉子類目下面才能掛后臺類目。其實對前臺類目來說，一般不會超過三級的，因為導購路徑的長度問題，超過三級就沒什么意義了。為了更好地導購，公共屬性的概念也沿用到了前臺類目里，如果一個前臺父類目下面的所有子類目都有統(tǒng)一的屬性，那么就可以把子類目的屬性提取出來作為公共屬性?？上У氖牵搅?012年年初，這個動作還需要人來做，需要小二按一個按鈕——提取公共屬性，也希望后來的產(chǎn)品經(jīng)理可以做出改進。

類目拆分為前后臺的好處很明顯，用相對固定的后臺類目可以衍生出一個隨時變化的前臺類目，后臺類目滿足賣家，前臺類目滿足買家，皆大歡喜。后來，淘寶網(wǎng)、天貓、電器城等都是在同一套后臺類目的基礎上衍生出了不同的前臺類目，以滿足不同的需求。

但晴朗的天空還有一片小小的“烏云”——買家在前臺，通過前臺類目找商品，而前臺類目是小二“人肉”搭建的，那么很有可能，部分后臺類目下的商品沒有掛在任何前臺葉子類目下，那就意味著，會有部分商品沒法通過類目導購找到（當然，對搜索沒影響）。

還好我們的產(chǎn)品經(jīng)理很快趕走了這片“烏云”，我們給運營小二提供了提醒，告訴他們“后臺類目覆蓋率”是多少。但這還很不夠，只是提醒他們，還沒有提供很好的工具給他們，這也是一個值得期待的優(yōu)化。

再回到上圖，還有下方的一大堆舊概念，但對淘寶來說的新東西等著我們?nèi)ハ?/p>

10.舊的新概念：SPU/SKU及其他

做電子商務，SPU（有時候也說產(chǎn)品）、SKU（Stock Keeping Unit，庫存量單位）、商品這些詞，要是分不清都不好意思跟別人打招呼，那么，我們先來看看SPU吧。

天貓平臺把后臺類目的屬性又做了很多細分，有一種屬性叫“關(guān)鍵屬性”，像服裝的話，品牌和貨號，這兩個屬性值組合起來，能夠形成一個唯一確定的產(chǎn)品——SPU。SPU相當于標準化的產(chǎn)品，通過關(guān)鍵屬性的確定，就確定一個SPU，蘋果的iPhone5S就是一個SPU。

當時我們設想很簡單，淘寶平臺可能有很多非標準化的商品，但是作為一個B2C平臺，最好所有的商品都是標準化的，這樣方便我們管理。所以，我們覺得所有商品都應該對應一個SPU。雖然服裝是各種各樣的，但是從廠商這里出來，一個款式就是一個款式，一個型號就是一個型號，肯定是標準化的，肯定也是有SPU的，某款衣服，廠商沒生產(chǎn)過狗屎黃，就不應該有賣家在賣這個顏色。所有的商品都有對應的SPU，意味著基本信息都有了，這個SPU定義下來以后，比方說他知道了一雙鞋，品牌是耐克、貨號是12345，這就是唯一的SPU。其他屬性值都是掛在SPU上面的，不會因為賣家變化而變化，它是固定的、標準化的。

SPU下面掛商品，好比一雙耐克12345，五個商家在賣，就是五個商品，商品與SPU的區(qū)別在于它和賣家有關(guān)。夾在SPU與SKU之間的商品，是B2C平臺特有的概念，如果是獨立的B2C，一個SPU不存在多個賣家賣的情況，直接分成SKU就可以了。

為了解釋SKU，我們得看看“銷售屬性”的概念是怎么提出的，看似復雜的體系里，一個又一個概念的提出，都是為了解決實際的業(yè)務問題。

以前，淘寶買家買東西的時候，買一件衣服，需要給商家備注說，我要“黑色”、“XL號”的衣服。而賣家發(fā)一個寶貝，也只能發(fā)諸如李寧牌、56789貨號的衣服，發(fā)一件上去，上面有好幾種顏色，好幾個尺碼，但是庫存只有一個，把所有的尺碼庫存都合在一起。庫存都是合在一起的，事實上黑色大號只有10件衣服了，但是因為總庫存是100件，這個時候如果有12個用戶買了黑色大號的時候，后面兩個就沒有庫存，沒辦法賣了。

這其實是庫存管理的概念，現(xiàn)實場景的應用，你在成交量不大的時候，這些都好解決，你可以說：“對不起，沒了，退款，能不能換再大一號的，寬敞點涼快?！钡侨绻贐2C平臺要自主購物的話，這是不能解決的。所以，我們要繼續(xù)對商品進行分類細化，于是提出了銷售屬性的概念。本來，這在線下是一個很正常的分類法，但2007年的淘寶產(chǎn)品經(jīng)理們，沒有什么線下經(jīng)驗，所以當時想了一個叫“最小購買單位”的概念，后來我們發(fā)現(xiàn)，它跟線下的SKU——標準庫存單位——其實是一回事。

當時我們的選擇，希望把SKU盡量做簡單，我們認為iPhone5S不管是白的還是黑的，因為跟SPU只是一個屬性上的差別，而不是本質(zhì)上的差別，所以就沒有把它們當作兩個SPU。顏色、尺碼等，就成了現(xiàn)在的銷售屬性。

（注：2012年年初，天貓又提出了SPU的SKU化，簡單說就是把進過銷售屬性細分的SKU當作SPU來管理，從而使得SPU與線下庫存管理一致。有興趣了解詳情的同學，不妨加入天貓吧。）

最后，我們還要提一下“商品屬性”的概念，有一些屬性，比如新舊程度、保修方式、附加服務等，跟SKU、SPU都沒關(guān)系。舉個例子，對于買手機的人來說，只要在中國買手機，就有保修區(qū)別，有的手機是全國聯(lián)保的，而另外一些手機只提供店鋪保修。這個屬性就屬于商品屬性，既跟SPU沒有關(guān)系，也跟SKU沒有關(guān)系，和賣家有點關(guān)系。雖然只有很少的屬性是商品屬性，但我們提出這個概念，這樣整個商品體系相對就比較完整。

好了，天貓平臺比較特別的新東西就講得差不多了。大家還記得那個苦逼的淘寶平臺嗎?又是一兩年過去了，那個平臺的問題越來越突出。

就這樣，時間到了2009年。

產(chǎn)品上、業(yè)務上，天貓都做了很多創(chuàng)新，但是，成交量沒有做起來，當時是每天200萬，第一任總經(jīng)理離職時也不到400萬，基本上沒多大的增長，為什么?天貓是一個獨立網(wǎng)站，沒有足夠的商品吸引買家來，買家沒有來就沒有成交，沒有成交公司就沒有耐心，沒有耐心，總經(jīng)理就離職了。淘寶商城本來是一個事業(yè)部，這個事業(yè)部不到一年就解散了，招商的重新歸招商，運營的重新歸運營，都回到淘寶去了。

差不多過了三個月，公司又坐不住了，覺得B2C我們不能放棄，怎么可以放棄，當時就去討論自己為什么做不起來，很重要的結(jié)論就是說淘寶商城在獨立發(fā)展，沒有辦法充分享受淘寶現(xiàn)有的優(yōu)勢——用戶和流量。當時基于這個指導思想，高層就決定要把B2C合掉，這里是指商品、交易等底層系統(tǒng)。阿堅是整個過程介入最多的產(chǎn)品經(jīng)理，2007年他把天貓搭起來，2009年合掉。

整個2009年，我們把天貓和淘寶合掉。但是當時有兩種選擇方式，一開始的想法是把商城數(shù)據(jù)遷回淘寶。第二種，是阿堅的建議，說這樣拆掉太可惜了（這是他自己做的產(chǎn)品，整個商城自己辛辛苦苦搭起來，廢掉確實太可惜了），能不能把淘寶升級成淘寶商城這樣，然后再合掉。前面的合法三個月就夠了，后面的合法可能需要半年。當時爭議很大，有的支持第一種方案，有的支持第二種方案，最后有一個人做了關(guān)鍵決定，就是老陸——鐵木真（淘寶第二任老大，2013年接替馬云成為阿里集團的CEO）。

以下為八卦，由阿堅口述：

老陸剛來淘寶不久，有一次我跟他開會，他在那里提一些建議，感覺老陸什么都不懂似的，心里說這個CEO是不是不靠譜。但當我聽到老陸說“商城這么好的體驗，怎么能放棄掉”時，我的看法就完全改變了。老陸在關(guān)鍵的時候，作為一個CEO，做了一個關(guān)鍵的選擇。CEO最重要的事情是在關(guān)鍵時刻做關(guān)鍵決定，我立馬就覺得他是非常合格的CEO。BC整合就是把商城這套體系搬到淘寶，也就是那一年淘寶最大的項目——五彩石（后面還會多次提到這個項目）。

整個淘寶，一半開發(fā)圍著一個產(chǎn)品經(jīng)理轉(zhuǎn)的體驗，將來估計是不會有了，這對一個產(chǎn)品經(jīng)理來說，可遇不可求。

這個體系搭好以后，整個淘寶體系基本沒變過，哪怕是2011年6月，淘寶與天貓在組織結(jié)構(gòu)上分離，到2012年中也是這樣。還有一些值得說的事情，羅列一下。

有很多年，天貓是要求賣家發(fā)布商品的時候，必須掛在一個已有的SPU下，所以，當這個SPU還不存在或者賣家找不到的時候，就會要求賣家中斷商品發(fā)布流程，先去發(fā)布SPU。這個問題困擾了賣家很多年，2011年才得以解決。

其實，這背后不是技術(shù)上能不能解決，而是我們對B2C平臺的管理尺度問題，是松還是緊，這個度在哪里的問題，這一直都在思考。現(xiàn)在看來，之前的設想過于理想化了，體系過于死，賣家發(fā)布商品不應該有這么多約束。作為我們平臺方來說，雖然管理商品應該盡可能標準化，但不應該把所有東西都強加給賣家。

早期，我們的設想很簡單，一個蘋果iPhone5S要有商品質(zhì)檢，必須要有SPU。我們信任每一個商家，都會發(fā)一個標準的SPU，這個商品發(fā)過以后，其他商家就不需要發(fā)。所以說意味著第一個發(fā)iPhone5S的商家，必須先發(fā)布一個SPU，后面來只發(fā)商品就行了。

允許他發(fā)SPU，事實上對于服飾這種非標準化類目來說，基本上就變成發(fā)一個商品都要發(fā)一個SPU。所以賣家發(fā)一個商品，先要發(fā)一個SPU，這很麻煩，賣家很痛苦。因此，后面我們就把這兩個過程合掉了，買家發(fā)一個商品的時候，我們會去判斷有沒有這個SPU：有這個SPU，那就直接發(fā)商品；如果沒有SPU，就自動掛一個SPU上去。

這里面還有個插曲，在先發(fā)SPU后發(fā)商品的年代，有一段時間，我們發(fā)現(xiàn)有的商家實在不靠譜，發(fā)的SPU錯誤百出，于是在部分類目還提出了“信任商家”的概念，即把部分優(yōu)秀的商家識別出來打標，只有這些商家可以發(fā)SPU。這樣造成了更麻煩的問題——非信任商家有可能發(fā)不了商品了，因為相對應的信任商家還沒有來得及發(fā)SPU。

這是個控制尺度的問題，最后再說說對商品分類的深度思考。我們一直說，商品管理的核心就是分類，那么廣義上講，商家、垂直市場等也是區(qū)分維度。

不過垂直市場不是簡單的分類，它是基于商品的特征，在分類無法提供的信息上進行了區(qū)分，那就是服務。服務的標準，如果你只是把手機劃出來，這個手機垂直市場如果跟其他品類沒有任何區(qū)別，其實沒必要叫垂直市場，叫手機類目就可以了。只有當手機商品本身還有其他服務特征的時候，我們才需要搭一個垂直市場，比如延長保修。

類似“消?！边@種給商品打標的動作，也是差不多的概念。比如消保是跨類目的，“假一賠三”可能只針對化妝品。

對整個淘寶商品體系最熟悉的產(chǎn)品經(jīng)理們認為，商品體系最大的缺陷，就是非常僵化。一個體系太嚴謹了，不一定是好事，它會很難有新東西涌現(xiàn)出來，沒法進化。淘寶其實是一個平臺，需要有序的百花齊放。

這也就是淘寶內(nèi)部從2012年開始提的第五代商品管理，它的關(guān)鍵詞有：搜索、標簽化、場景化。不過，這是最新發(fā)生的事情，大家都看不清。未來路在何方，是各位產(chǎn)品經(jīng)理自己走出來的，我們拭目以待。

整個商品管理的發(fā)展方向，大家覺得有一種可能，就是搜索，賣家無序地發(fā)商品上去，強大的搜索就是商品的分類。

三、怎么做好電商網(wǎng)站的頁面設計

電商平臺的首頁該如何設計？

一、電商首頁的設計思路，從上往下思路是：

1、形象展示

產(chǎn)品品牌是區(qū)別產(chǎn)品的重要標志之一，當顧客進入首頁感受到這些差異并能夠與其他首頁有所區(qū)別，從而形成認知上的區(qū)分和對品牌的信任感。

2、搜索

用戶使用搜索欄快速找到心儀的商品，快速定位目標。顧客從某一款商品頁面進入首頁時，意味著顧客可能有其他商品的消費需求，當顧客有明確的購買目的時，首頁需要有搜索導購功能，幫助顧客快速方便地找到所需的商品。

3、推薦和活動

當顧客無明確購買需求時，需要一些推薦和活動來激發(fā)顧客的潛在購買需求，例如：新商品的推薦、促銷打折、搭配減價。如果店鋪正在做這些活動，就需要在首頁的明顯位置進行展示，以吸引客戶下單。

二、一些電商首頁設計的方法

1、模擬

在設計中，模擬指的是模仿熟悉的物體、有機體或者環(huán)境的特性，增加產(chǎn)品的適用性、喜愛度或者物品功能。設計有三種基本模擬：表面、行為和功能。

2、7±2法則

由于我們頭腦處理信息的局限，我們在處理信息內(nèi)容最好的區(qū)間是5-9范圍內(nèi)，而一旦信息塊超出人腦接收的范圍時，記憶將會自動將超出部分信息過濾、弱化，為了用戶提供明確的信息網(wǎng)站導向，導航欄目最多不超過9個，欄目過多會對用戶造成混亂難以抉擇。

3、曲線偏見

“曲線偏見”法則表示，它是指與帶有尖銳邊角的物品相比，人們更喜歡曲線造型的物品。從心理角度分析，尖銳的物品具備的是侵略、攻擊和傷害，因此對于首頁設計上我們絕大部分使用的曲線設計，對于直角等造型設計很少看到，一旦頁面的尖銳設計過多時用戶會自然而然的產(chǎn)生防御型心理，從而對軟件使用產(chǎn)生抵觸或者不適應等心理情緒。

4、推薦系統(tǒng)

推薦系統(tǒng)是一種信息過濾系統(tǒng)，如果說之前的模塊都屬于商品直接推薦的交易型電商，那么現(xiàn)在另一種新的電商形態(tài)內(nèi)容電商，正在逐步崛起。這是一個感性的消費心理。這個商品推薦模塊就是一個內(nèi)容形態(tài)模塊的快速入口。根據(jù)你最近的瀏覽記錄，推薦了一些相關(guān)的帖子或者達人。因為每個人關(guān)注的商品都不一樣。所以呈現(xiàn)的界面模塊可能也不一樣。在越來越多的軟件中可以見到推薦系統(tǒng)。挖掘用戶偏好，推薦用戶喜歡的內(nèi)容，提高用戶的使用時間和留存率，從而到達市場目標。

三、設計總結(jié)

衡量一個電商網(wǎng)站首頁不能只看視覺體驗。設計的本質(zhì)是解決問題，而不是只停留在滿足“好看”、“有格調(diào)”、“上檔次”的視覺層面。你的關(guān)注點不只是顏色、字體、圖片，還有業(yè)務的流程。電商本身就是一個購買流程。選購、意向、推薦都需要關(guān)注。電商首頁是企業(yè)需求與用戶需求融合的結(jié)果，一個首頁的好壞直接影響到用戶對于產(chǎn)品的第一感官。聞崢文化設計團隊注重深度調(diào)研、個性定制、創(chuàng)意設計的每個環(huán)節(jié)，達到商家的流量轉(zhuǎn)化效果，提升商家產(chǎn)品銷售。

四、兩大電商APP“消息”模塊總結(jié)

體驗了“淘寶”、“京東”兩大電商app的消息模塊，發(fā)現(xiàn)了兩者之間的共同點以及區(qū)別，從以下四點內(nèi)容做一個簡單的總結(jié)：

1、位置

2、包含內(nèi)容

3、排版樣式

4、總結(jié)

·位置

這里的位置是指“消息”模塊處于APP界面上的可視化位置。如圖1

“淘寶”app的消息位在首頁標簽欄的正中間，原因是：淘寶的消息模塊功能龐大，除了平臺消息之外，還包含了一個“社交”功能，例如：通訊錄、加好友、發(fā)起聊天/群聊等，社交體量非常龐大，是淘寶app中的“主干”之一。

“京東”app的消息位置在首頁頂部導航欄的右邊，這是app中最快被看到的位置，主要的模塊分為平臺消息和聊天消息，內(nèi)容相對精簡，放在首頁頂部欄能滿足用戶第一時間看到的要求。

·包含內(nèi)容

兩個電商app消息模塊包含的元素有相似之處，也有各自的獨特之處，如圖2、3，我分別列出了二者的元素：

相似之處：圖中紅色文字的是二者共同元素，歸納為：開啟通知、全部已讀、物流跟進、平臺通知、聊天記錄，消息已讀角標，其中物流跟進和聊天記錄是用戶最關(guān)心的。

獨特之處：淘寶app的消息模塊中包含：通訊錄、開小黑群、添加好友、掃一掃、發(fā)起群聊等元素，這些元素構(gòu)成了“社交”體系，方便用戶與商家、分享達人等建立聯(lián)系，獲得更好的購物體驗。京東app的消息設置直接在app內(nèi)完成，相對于淘寶要跳轉(zhuǎn)到手機設置頁操作更方便快捷。

·排版樣式

一、消息主頁面

淘寶app的消息主頁面是“卡片式圖標+信息列表”樣式，如圖4，靠頂部的卡片式里有三個圖標，分別是：物流、通知和互動，這是用戶活躍度最高的三個模塊，所以會放在顯眼的位置；卡片式下面就是消息列表，是用戶和商家、分享達人、好友等的聊天記錄，只顯示“最新”和“兩周前”的內(nèi)容，聊天記錄也是用戶重視的元素，因此緊跟在前面三個模塊之下，以列表的形式展現(xiàn)更多的內(nèi)容，方便用戶獲得更多信息。

京東app消息主頁面直接是“信息列表“樣式，如圖4，他把物流動態(tài)、客服、平臺活動、聊天記錄等全部歸入列表，這樣做的好處是可以讓界面更清新簡潔。

二、二級頁面

二級頁面就是指消息主頁面中點擊任何內(nèi)容產(chǎn)生的跳轉(zhuǎn)頁面。

淘寶的物流、通知和互動采用同一種卡片樣式，如圖5，同種排版方式雖然比較單一，但對于淘寶體量比較大的app中，可以實現(xiàn)統(tǒng)一化設計管理。

相比較淘寶，京東app的二級頁面排版樣式豐富得多，總共有三種排版樣式，如圖6，這三個樣式基本涵蓋了消息的組合方式（消息有純文字組合、圖片+文字組合），給用戶提供更舒適的視覺體驗。

·總結(jié)

通過以上三方面的內(nèi)容對兩個大型電商平臺app的消息模塊進行分析后，我總結(jié)了兩個優(yōu)點以及一個建議。

優(yōu)點是：

1、淘寶APP的信息分層明確，消息主頁應用“卡片式+列表”的排版樣式，達到了信息分層的目標，讓內(nèi)容有主有次，在傳達功能性的同時也保證了視覺舒適感。

2、京東APP的消息二級頁面排版樣式豐富，但又不花俏，有純文字、圖片+文字（左右結(jié)構(gòu)）、圖片+文字（上下結(jié)構(gòu)）三種結(jié)構(gòu)，根據(jù)消息的內(nèi)容選用相對應的樣式，給用戶提供了貼切的視覺體驗，同時讓用戶在使用的過程中保持視覺的新鮮感。

建議是：京東APP的信息主頁面的列表式可以優(yōu)化一下，我的建議是，像淘寶學習對信息進行提煉分類，把用戶最關(guān)注的信息凸顯出來，而不是跟其他信息同級，這也是讓用戶和平臺建立更好的聯(lián)系，從而平臺推送的活動和通知也會更有效。

以上內(nèi)容是我的總結(jié)，可能有些樸實吧，但見證了自己的思考，也希望對你們有所啟發(fā)。

以上就是關(guān)于電商界面設計模塊分類相關(guān)問題的回答。希望能幫到你，如有更多相關(guān)問題，您也可以聯(lián)系我們的客服進行咨詢，客服也會為您講解更多精彩的知識和內(nèi)容。