2018-10-31 資深UI設計者
如果您想訂閱本博客內容，每天自動發到您的郵箱中， 請點這里
社交電商在2018年可謂風起云涌，拼多多、云集、有贊都在18年陸續宣布融資，并且融資金額都過億。然而社交電商本身就是個偽命題，雖然人口紅利大不如前，而且社交說白了就是一直被人所反感的微商，刷屏、商品質量差，傳銷即視感。但是有需求就有市場，想一想為什么你討厭拼多多，是假貨、是山寨、還是其他什么，究其原因是飽漢不知餓漢饑。而飽漢只是很少一部分人群而已，我們自然不是他的目標用戶，隨你拉黑也無所謂，所以社交電商的崛起是必然，并且有他獨特的優勢：
目前社交電商的形式主要分為兩種，一種是拼團，如拼多多，這種模式通常發起者是不收益的，只是所有拼團者可以享受更低的價格購買商品，算是一種利人利己，裂變質量更好的一種行為。另一種是微商，這種模式的裂變范圍更廣，但是裂變質量較差。微商被冠以惡名刷屏大家都明白，而經我們研究發現，其實發圈的推薦購物是效率的分銷行為。還有這樣的熟人賣貨邏輯是否可行？
社交是最好做的，也是最難做的。購物從本質上來說都是發現有需求才購物，但逐漸的變成了逛／別人推薦想起來自己有需求，再購物的變化。前者我們可以通過廣告、營銷、產品的優化來讓用戶轉化，而后者正是現階段我們需要考慮的事情，如何讓用戶買單那些可能有需求的東西，滿足用戶其他更深層次的需求。
2017年艾瑞咨詢的移動社交用戶在應用內購物驅動因素分析，我們能發現社交關系鏈的價值還是非常值得挖掘的呢。
俗話說的好，詳情頁乃兵家必爭之地，得詳情頁者得天下。首先我們來看看詳情頁的首屏。可謂是百花齊放了，業務、用戶、場景決定了功能與信息架構。電商詳情之所以復雜就是因為它需要承載很多復雜的場景，所以很多時候并不是所有的信息都是有用而你又無法簡化。這顯然不僅僅是普通的電商所呈現出來的商詳，而是擁有「社交背景的商詳頁。」
那么下面我們分別從功能結構、以及細節來剖析這四款電商產品的商詳。
1. 功能結構
從信息結構上看頁面信息層級還是比較清晰的，也確實很像3，4線城市大賣場的感覺，各種活動優惠的標簽也是很排斥奧卡姆的剃刀了。但是各種活動標簽依然讓人有些眼花繚亂，視覺上頁面缺少一些品牌特征。
其實我之前有做過物流的產品，當時也很糾結好用和好看的平衡點到底在哪里，后來我發現了如果為了要用而要舍棄好看，請不要猶豫，一定要選擇好用。而你一旦絞盡腦汁想辦法折中，對不起，那會變的既不好看又不好用。所以拼多多的視覺、圖片風格我還是很能理解的。
然后首屏的上半部分依然是幫助用戶建立認知的信息介紹區域，同樣也是大圖置頂的方式，但是細心的小伙伴在對比的時候能發現拼多多其實把全場包郵、假一賠十等特色信息放在了第一梯隊的板塊，很明顯，它想告訴大家我們的服務是一流的，不會有假貨，因為全是山寨。
2. 細節
比較特殊的地方是，在左下角有一個更多的按鈕，收納了歷史瀏覽、回到首頁和幫助3個功能，通常「更多」的按鈕會放置在右上角，這里的設計和大部分用戶的認知可能不太一致。還有一個比較有意思的是，價格最右側顯示的是已拼而不是已售，所以從細節能看出來拼多多是有多么強調拼團這個屬性了。
然后我們熟悉的購物車功能沒有，因為拼多多也是限時拼團電商，要拼團先支付，所以沒有購物車的場景。而大家看到的單獨購買這個錨定效應也是運用的很直接了，應該沒有人會用更高的價格還死命的加購物車吧？
1. 功能結構
云集首先是一家會員制電商，其次才以社交的手段來進行分銷的電商。大部分以微商形式存在的電商都會面臨店主同時可以買或者賣的場景。然而很有趣的是，這樣的 s2b2c的模式，商詳究竟要如何做呢？其實你能發現，優秀的電商產品總有自己的核心關鍵詞，比如拼多多是拼團，云集是批發價。所以當我們要滿足買的場景時告訴用戶自購可以享受批發價，而賣的場景則可以賺利潤。雖然買的場景多，但是為了業務考慮，我們依然要把賣的場景做足。
在商品詳情中，和其他產品不同的是多了這幾個功能：
以上的功能都是刺激以及幫助這些小b去推薦及銷售商品。從而整個商詳頁都是為了形成一種賣的氛圍同時兼顧著買的功能。
其實我們都知道，社交電商（微商）都是有組織有紀律的，只有散戶才會自己挑商品找素材去賣貨，而擁有社群的店主只需要一個商品的二維碼即可。
2. 細節
用過云集的買家都知道，云集和環球捕手一樣是沒有和其他電商一樣的評價功能的，會有人問為什么那么重要的評價功能不放呢，別人如何建立信任呢？其實我們有在收集評論但并沒有公開，而且我們側重的是推薦購買，別人推薦你之后其實評論的意義就不大了。所以既然我們在收集評論那在供應商的選擇上也會一直更新。
另一個原因就是評論這個功能在去中心化的小b店主為中心的產品中并不合適，可以想一想，社交電商和傳統電商不同，傳統電商會有商家入駐，商家和小b店主的區別在于商家除了需要銷售商品時，還需要維持店鋪的信譽和好評率，所以評論對于商家來說特別重要。但是以平臺為背景的店主只需要分享商品賣貨就行，評論的好壞并不是特別重要。
所以說到這里大家就會覺得社交電商真的是一個偽命題，你到底是為了別人好還是純粹想賺錢。所以大家發現在這樣的場景下，評論好那么都OK，如果出現大批量的差評，這個差評給的是商品，并不是某一個小b店主，在這里商品和服務就不像傳統電商那樣捆綁在一起而是區分開了。
1. 功能結構
信息整體強調了價格和限時特賣，弱化了標題和介紹。再早些時候所有 app 都還把標題放在價格的上面，并以大字體風格為驕傲。現在反而都把價格放在了標題上面，而環捕把價格元素做的更加明顯。
2. 細節
標題和介紹字號變小我認為可以理解，在同樣以推薦消費的背景下，我已經知道是什么商品了，不管是從別人推薦而來還是自己從列表點進來都已經對該物品有詳細的了解，商品標題和介紹并不是特別重要。不過既然如此，介紹放一行也應該足夠了，既要弱化為什么又要放多行。排名和最近銷量筆數的視覺呈現有待改進，一個直角一個圓角不太和諧，最近銷量不可點擊卻做成按鈕的形狀。
1. 功能結構
大家可能對洋蔥跨境電商比較陌生。它同樣也是一個線上的分銷平臺。它的模式和其他兩個稍有區別，用戶如果想賣貨可以選擇兩種方式，一種是成為代理商，代理商可以招募店主，同時可以獲得下面店主銷售利潤的30%。而店主不可以招募店主。而另一種就是直接成為店主，可以獲得銷售額利潤的70%。
說完模式，我們來看看它商詳的信息展示。首先我們會發現在商品大圖上方展示的是相關的8件好貨，那么我們能想到的是：
所以能一次性買足夠的商品自然是比較劃算，所以在這里更明顯的位置放置了相關的商品供買家和賣家挑選。
你會發現洋蔥在詳情中加入了評價功能，但這里的評價并不是所有的用戶的評價都能夠被顯示出來，而是經過官方審核以及店主上傳的評價才能夠被顯示的。
2. 細節
洋蔥將利益點和賣點放在了圖片中沉底，這也能夠讓商品與文案的關聯性更強，缺點是容易被忽略。
產品介紹上方會出現一個頭像，但是新手用戶會很疑惑這個頭像到底是誰？官方還是店主不得而知。而該產品的介紹文案過多也會影響首屏的展示效率。
洋蔥將返回首頁、以及底部標簽導航的功能集合在了一個 fab上，令人不太理解的是懸浮按鈕中和底部均有購物車功能，然而二級頁面也沒有存在這個 fab，所以懸浮按鈕中的購物車功能有點雞肋。
所有的「社交電商」在應用內放置互動聊天的功能都特別雞肋。店主與買家的社交紐帶依然是微信，而平臺對于買家來說只有在逛和買的時候才會使用，即使做了IM也無法在應用中植入社交場景，更不用說讓用戶養成習慣了。所以做社交要有背景。
底部只有加入購物車，沒有立即購買按鈕。一個是希望提高客單價，同時幫助用戶節省物流費。另一個是 b2c電商的產品都由平臺物流統一發貨，他和 c2c 的淘寶不同的是淘寶購物都是根據不同的商家進行物流運輸，所以不同的業務模式形成的功能也是不同的。
廣告營銷的電商模式未必能滿足喜歡個性化需求的用戶，我們購物或許會逐漸的變成你覺得我適合買什么而不是我看看你有什么。徐志斌老師在《社交紅利》中提出社交紅利能夠從人與人之間的關系，互動中產出更多的價值，那么基于電商背景是否可以將電商價值最大化。
而我們今天討論的社交電商商詳，它能夠幫助小b用戶與c端用戶更的鏈接，不同業務模式下的商詳所呈現出來的功能、框架、視覺表現都是有很大區別的，而我們要做的是讓買賣雙方的關系鏈更結實。
藍藍設計( ssll180.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務。