天天看點

互動設計如何為業務賦能——談談網易嚴選企業采購的首頁設計

本文來自 網易雲社群 。

背景

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

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

建立企業采購網站這種細分營運,正是“資訊傳遞要準确”的表現,能為C端和B端的使用者都帶來最友好的體驗。

需要注意的是企業采購并不是面向廣大普通使用者的,因為它的需求與使用場景比較特殊,例如企業采購的商品數量大、訂單金額大,還有會涉及到一些梯度折扣、分期付款、代下單等等的采購的業務流程。

那麼,如何設計網易嚴選企業購的網站呢?可以與網易嚴選網站設計地一樣嗎?還是有所差別呢?

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

解析使用場景 

使用者是誰?使用環境如何?

企業采購人員(背後是他們的老闆)。

正是因為我們的使用者會在上班時間,在辦公室使用電腦來完成他們的采購工作,是以網易嚴選企業購做了網站,而不是APP。

互動設計如何為業務賦能——談談網易嚴選企業采購的首頁設計

使用者的目标是什麼?他們希望如何?

我們通過訪談了解到企業采購人員希望可以高效地買到成本效益高的商品。這些商品可能是給企業員工發的獎品福利,可能是贈送給客戶禮品,也可能是采購給企業員工日常使用的辦公用品等等。

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

我們怎麼為使用者提供他們想要的服務?

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

确立設計目标

通過歸納使用者群和我們自身的特性,并與業務目标相結合,得出網易嚴選企業購的設計目标,下文将針對網易嚴選企業購首頁設計進行探讨:

如何確定使用者快速知道如何使用網站?

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

是以網易嚴選企業購的網站在設計上需要符合使用者習慣與認知:與網易嚴選及其他主流電商網站,有相似的地方,但也存在一些差異(将在下文細述)。

如何向使用者傳遞品牌特色:“好的生活,沒那麼貴” ?

通過網站清晰的資訊架構、使用高品質的商品圖檔、UI設計突出品質感、頁面的通透留白、來展現這種精緻、實用的感覺。同時在首頁的每個商品下突出制造商資訊或是商品描述,作為賣點露出,再次強調了商品的高品質。

互動設計如何為業務賦能——談談網易嚴選企業采購的首頁設計

圖1:商品坑位

怎樣提高轉化率?

轉化率主要有兩個名額,一是申請企業認證;二是下單采購。

企業認證是企業采購必不可少的一個重要環節,由于企業認證需要填寫較多的資訊,諸如企業營業執照号等一系列企業相關資訊,門檻相對較高,那麼如何促進使用者去主動完成申請認證呢?

此處在設計上通過利益點去吸引使用者一步步完成資料送出與購買:

1.在使用者未登入時,會在首頁的商品坑位下方展示 “登陸檢視企業折扣” 來吸引使用者登入;在使用者登陸後,若未申請企業認證的,會顯示 “認證後檢視企業折扣” ;在通過企業認證後,則顯示 “企業專享X折起” 。

互動設計如何為業務賦能——談談網易嚴選企業采購的首頁設計

圖2:認證前引導

2.在版頭右側的輔助資訊子產品上的黃色按鈕文案:"送出企業資訊" 也會随着認證狀态的改變而變化,而且它與企業購的業務特色介紹放在一起,更能刺激使用者去申請認證。

互動設計如何為業務賦能——談談網易嚴選企業采購的首頁設計

圖3:導航輔助資訊子產品

在使用者通過企業認證後,通過高品質的商品和較高的成本效益吸引使用者實際下單,就頁面的引導來說,從商品詳情的設計、首頁的場景分類的營運、精選熱賣的引導去增加轉化率。 

展現互動設計的價值

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

資訊架構

在首頁的資訊架構上來說,網站首頁資訊架構簡潔清晰:網頁的頭部是導航,其中包括搜尋、采購清單、一級類目+經典商品、場景分類。頁面中央是banner廣告位,往下是各類商品推薦:如精選熱賣、場景分類、類目分類;底部是合作企業的露出與嚴選企業采購網站的相關介紹。

互動設計如何為業務賦能——談談網易嚴選企業采購的首頁設計

圖4:資訊架構示意

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

導航設計

導航不隻是網站的一個特性,它就是網站,如同建築本身、貨架、收款機就是商場一樣,沒了它就沒了網站。

導航有兩個顯而易見的用途:1.幫助我們找到想要的任何東西 2.告訴我們現在身在何處。

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

網易嚴選企業購的導覽列構成為:網站LOGO、類目、和實用工具(搜尋、采購清單、線上留言)、分類快速入口、網站特色露出。

互動設計如何為業務賦能——談談網易嚴選企業采購的首頁設計

圖5:導航構成示意

縱向導航将一級類目和該類目下的典型商品一起展示在最外層,使企業采購人員可以掃一眼就知道這裡大緻有哪些商品。

橫向導航展示場景分類的快捷入口,相當于是為使用者提前建立好了适用于不同場景的購物清單,以此引導使用者、幫助他們快速找到某些用途的商品。

另外,在頭部的搜尋入口可以幫助使用者快速找到想要尋找的商品,而将一般的購物車命名為采購清單也更貼近業務。其次,輔助資訊的子產品中露出使用者資訊與網站特色可以再次強調品牌性。

互動設計如何為業務賦能——談談網易嚴選企業采購的首頁設計

上圖:網易嚴選企業購    下圖:網易嚴選

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

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

網易嚴選企業采購站 http://b.you.163.com 于2017年4月上線,目前營運近2個月,已獲得近千企業使用者認證。

本文來自網易雲社群,經作者柴蒙授權釋出。

原文位址:互動設計如何為業務賦能——談談網易嚴選企業采購的首頁設計

更多網易研發、産品、營運經驗分享請通路網易雲社群。