TO B設計怎么做？看看文章就知道。

企業(yè)采購是現今市場經濟下一種最主要最主流的采購形式，其特點是大批量采購商品。傳統的企業(yè)采購方式不可避免地會帶來如回扣、效率低、采購過程不透明等諸多問題。

現今的主流電商網站或品牌在滿足廣大消費者的同時，都細分出企業(yè)采購的特殊場景——設立企業(yè)采購網站，如天貓、京東、小米等。由于各家電商的定位不同，在網站設計的表現與邏輯架構也不盡相同。

建立企業(yè)采購網站這種細分運營，正是“信息傳遞要準確”的表現，能為C端和B端的用戶都帶來最友好的體驗。需要注意的是企業(yè)采購并不是面向廣大普通用戶的，因為它的需求與使用場景比較特殊，例如企業(yè)采購的商品數量大、訂單金額大，還有會涉及到一些梯度折扣、分期付款、代下單等等的采購的業(yè)務流程。

那么，如何設計網易嚴選企業(yè)購的網站呢？可以與網易嚴選主站設計的一樣嗎？還是有所區(qū)別呢？

讓我們回到原點去看這個問題。

解析使用場景

用戶是誰？使用環(huán)境如何？

企業(yè)采購人員（背后是他們的老板）。

正是因為我們的用戶會在上班時間，在辦公室使用電腦來完成他們的采購工作，所以網易嚴選企業(yè)購優(yōu)先做了網站，而不是APP。

用戶的目標是什么？他們希望如何？

我們通過訪談了解到企業(yè)采購人員希望可以高效地買到性價比高的商品。這些商品可能是給企業(yè)員工發(fā)的獎品福利，可能是贈送給客戶禮品，也可能是采購給企業(yè)員工日常使用的辦公用品等等。

特別是企業(yè)采購這樣的大宗訂單，若是能用較少的成本，獲得員工的滿意、客戶的認可、老板的贊賞，還提高了采購人員的工作效率，同時避免了可能存在的回扣等問題，對于企業(yè)來說是十分有利的。

我們怎么為用戶提供他們想要的服務？

企業(yè)采購一般商品數量大、訂單金額大，還有會涉及到一些梯度折扣、分批付款、代下單等特殊業(yè)務流程，我們將結合這些業(yè)務流程提供流暢購物體驗，使得用戶在采購商品的過程中是愉悅并且高效的。

確立設計目標

通過歸納用戶群和我們自身的特性，并與業(yè)務目標相結合，得出網易嚴選企業(yè)購的設計目標，下文將針對網易嚴選企業(yè)購主頁設計進行探討：

如何確保用戶快速知道如何使用網站？

即看一眼就能明白這個網站有什么商品、怎么去購買，也可以快速找到他們想去的地方，比如瀏覽某一類商品、搜索某個商品、或者去申請企業(yè)認證。就像iPhone老用戶換iPhone8的時候，不再需要閱讀它的說明書就可以下載APP并使用它們。

所以網易嚴選企業(yè)購的網站在設計上需要符合用戶習慣與認知：與網易嚴選及其他主流電商網站，有相似的地方，但也存在一些差異（將在下文細述）。

如何向用戶傳遞品牌特色：“好的生活，沒那么貴”？

通過網站清晰的信息架構、使用高質量的商品圖片、UI設計突出品質感、頁面的通透留白、來體現這種精致、實用的感覺。同時在主頁的每個商品下突出制造商信息或是商品描述，作為賣點露出，再次強調了商品的高質量。

列表商品坑位

怎樣提高轉化率?

轉化率主要有兩個指標，一是申請企業(yè)認證；二是下單采購。

企業(yè)認證是企業(yè)采購必不可少的一個重要環(huán)節(jié)，由于企業(yè)認證需要填寫較多的信息，諸如企業(yè)營業(yè)執(zhí)照號等一系列企業(yè)相關信息，門檻相對較高，那么如何促進用戶去主動完成申請認證呢？

此處在設計上通過利益點去吸引用戶一步步完成資料提交與購買：

1.在用戶未登錄時，會在首頁的商品坑位下方展示“登陸查看企業(yè)折扣 ” 來吸引用戶登錄；在用戶登陸后，若未申請企業(yè)認證的，會顯示 “認證后查看企業(yè)折扣?” ；在通過企業(yè)認證后，則顯示 “企業(yè)專享X折起?” 。

首頁商品坑位

2.在版頭右側的輔助信息模塊上的黃色按鈕文案：”提交企業(yè)信息”也會隨著認證狀態(tài)的改變而變化，而且它與企業(yè)購的業(yè)務特色介紹放在一起，更能刺激用戶去申請認證。

導航-輔助信息模塊

在用戶通過企業(yè)認證后，通過高質量的商品和較高的性價比吸引用戶實際下單，就頁面的引導來說，從商品詳情的設計、首頁的場景分類的運營、精選熱賣的引導去增加轉化率。

體現交互設計的價值

主頁的設計對于網站來說至關重要，因為它不僅僅是一個入口，它更是讓用戶看到自己正在尋找的東西。在主頁設計之中，首屏的設計尤為重要，而導航又是首屏里的重要元素之一。

信息架構

在主頁的信息架構上來說，網站主頁信息架構簡潔清晰：網頁的頭部是導航，其中包括搜索、采購清單、一級類目+經典商品、場景分類。頁面中央是banner廣告位，往下是各類商品推薦：如精選熱賣、場景分類、類目分類；底部是合作企業(yè)的露出與嚴選企業(yè)采購網站的相關介紹。

信息架構示意圖

網易嚴選企業(yè)購主頁頭部的導航設計充分展示了網站的結構；中部的banner廣告位與各類分類入口，則為業(yè)務方保留了較大的擴展性，方便對某些商品進行露出、營銷；底部用詳細的網易嚴選業(yè)務相關介紹來結束頁面，再次強調了品牌性，營造可信賴的安全感。

導航設計

把導航放在標準的位置—頁面頂部，可以讓我們快速定位、不必費力，標準化的外觀讓我們更容易把它們與別的東西區(qū)分開來。網站導航通過具體化網站的層次結構補償了這種缺失的空間感，營造出某種位置的感覺。

網易嚴選企業(yè)購的導航條構成為：網站LOGO、類目、和實用工具（搜索、采購清單、在線留言）、分類快速入口、網站特色露出。

導航結構示意圖

縱向導航將一級類目和該類目下的典型商品一起展示在最外層，使企業(yè)采購人員可以掃一眼就知道這里大致有哪些商品。

橫向導航展示場景分類的快捷入口，相當于是為用戶提前創(chuàng)建好了適用于不同場景的購物清單，以此引導用戶、幫助他們快速找到某些用途的商品。

另外，在頭部的搜索入口可以幫助用戶快速找到想要尋找的商品，而將一般的購物車命名為采購清單也更貼近業(yè)務。其次，輔助信息的模塊中露出用戶信息與網站特色可以再次強調品牌性。

上圖：網易嚴選企業(yè)購 ? ?下圖：網易嚴選

網易嚴選企業(yè)購在導航的設計上嚴選主站略有不同，企業(yè)采購站需要注重效率，但嚴選主站的用戶是廣大消費者，逛的特性更強一些、商品也更多。因此在導航上只展示一級類目，需要hover去觸發(fā)二級類目的展示，這種漸進式地引導，更能吸引用戶去逛網站，去到處看看有什么驚喜，以此增加更多的商品露出與轉化。

網易嚴選的商品主要分為居家、餐廚、配件、服裝、洗護、嬰童、雜貨、飲食、志趣這九大類目，共包含1000余種商品。其中適合企業(yè)采購的商品種類相對較少，也是嚴選企業(yè)購的類目導航設計得比較淺的原因之一。

作者：柴蒙，網易嚴選交互設計師，主要負責網易嚴選主站，APP，小程序，企業(yè)采購的交互設計。

本文來源于人人都是產品經理合作媒體@網易UEDC，作者@柴蒙

題圖來自 Pexels，基于 CC0 協議