談談網(wǎng)易嚴選企業(yè)購的交互設計

企業(yè)采購是現(xiàn)今市場經(jīng)濟下一種最主要最主流的采購形式捅僵,其特點是大批量采購商品。傳統(tǒng)的企業(yè)采購方式不可避免地會帶來如回扣僻焚、效率低芹枷、采購過程不透明等諸多問題衅疙。

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

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

那么洼畅,如何設計網(wǎng)易嚴選企業(yè)購的網(wǎng)站呢?可以與網(wǎng)易嚴選主站設計的一樣嗎棚赔?還是有所區(qū)別呢帝簇?

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

解析使用場景

用戶是誰靠益?使用環(huán)境如何丧肴?

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

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

用戶的目標是什么途样?他們希望如何?

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

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

我們怎么為用戶提供他們想要的服務婚惫?

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

確立設計目標

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

如何確保用戶快速知道如何使用網(wǎng)站夕冲?

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

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

如何向用戶傳遞品牌特色:“好的生活螺捐,沒那么貴”?

通過網(wǎng)站清晰的信息架構矮燎、使用高質(zhì)量的商品圖片定血、UI設計突出品質(zhì)感、頁面的通透留白诞外、來體現(xiàn)這種精致澜沟、實用的感覺。同時在主頁的每個商品下突出制造商信息或是商品描述峡谊,作為賣點露出茫虽,再次強調(diào)了商品的高質(zhì)量。

怎樣提高轉化率?

轉化率主要有兩個指標既们,一是申請企業(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è)認證后蜓席,通過高質(zhì)量的商品和較高的性價比吸引用戶實際下單器一,就頁面的引導來說狡刘,從商品詳情的設計缤言、首頁的場景分類的運營遣总、精選熱賣的引導去增加轉化率心墅。

體現(xiàn)交互設計的價值

主頁的設計對于網(wǎng)站來說至關重要猜敢,因為它不僅僅是一個入口颅围,它更是讓用戶看到自己正在尋找的東西粘我。在主頁設計之中聂薪,首屏的設計尤為重要瞭亮,而導航又是首屏里的重要元素之一方仿。

信息架構

在主頁的信息架構上來說,網(wǎng)站主頁信息架構簡潔清晰:網(wǎng)頁的頭部是導航统翩,其中包括搜索仙蚜、采購清單、一級類目+經(jīng)典商品厂汗、場景分類委粉。頁面中央是banner廣告位,往下是各類商品推薦:如精選熱賣面徽、場景分類艳丛、類目分類;底部是合作企業(yè)的露出與嚴選企業(yè)采購網(wǎng)站的相關介紹趟紊。

信息架構示意圖

網(wǎng)易嚴選企業(yè)購主頁頭部的導航設計充分展示了網(wǎng)站的結構氮双;中部的banner廣告位與各類分類入口,則為業(yè)務方保留了較大的擴展性霎匈,方便對某些商品進行露出戴差、營銷;底部用詳細的網(wǎng)易嚴選業(yè)務相關介紹來結束頁面铛嘱,再次強調(diào)了品牌性暖释,營造可信賴的安全感袭厂。

導航設計

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

網(wǎng)易嚴選企業(yè)購的導航條構成為:網(wǎng)站LOGO、類目照卦、和實用工具(搜索式矫、采購清單、在線留言)役耕、分類快速入口采转、網(wǎng)站特色露出。

導航結構示意圖

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

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

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

上圖:網(wǎng)易嚴選企業(yè)購? ? 下圖:網(wǎng)易嚴選

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

網(wǎng)易嚴選的商品主要分為居家红符、餐廚、配件、服裝预侯、洗護致开、嬰童、雜貨萎馅、飲食双戳、志趣這九大類目,共包含1000余種商品糜芳。其中適合企業(yè)采購的商品種類相對較少拣技,也是嚴選企業(yè)購的類目導航設計得比較淺的原因之一。

?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末耍目,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子徐绑,更是在濱河造成了極大的恐慌邪驮,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,183評論 6 516
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件傲茄,死亡現(xiàn)場離奇詭異毅访,居然都是意外死亡,警方通過查閱死者的電腦和手機盘榨,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,850評論 3 399
  • 文/潘曉璐 我一進店門喻粹,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人草巡,你說我怎么就攤上這事守呜。” “怎么了山憨?”我有些...
    開封第一講書人閱讀 168,766評論 0 361
  • 文/不壞的土叔 我叫張陵查乒,是天一觀的道長。 經(jīng)常有香客問我郁竟,道長玛迄,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 59,854評論 1 299
  • 正文 為了忘掉前任棚亩,我火速辦了婚禮蓖议,結果婚禮上,老公的妹妹穿的比我還像新娘讥蟆。我一直安慰自己勒虾,他們只是感情好,可當我...
    茶點故事閱讀 68,871評論 6 398
  • 文/花漫 我一把揭開白布瘸彤。 她就那樣靜靜地躺著从撼,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上低零,一...
    開封第一講書人閱讀 52,457評論 1 311
  • 那天婆翔,我揣著相機與錄音,去河邊找鬼掏婶。 笑死啃奴,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的雄妥。 我是一名探鬼主播最蕾,決...
    沈念sama閱讀 40,999評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼老厌!你這毒婦竟也來了瘟则?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 39,914評論 0 277
  • 序言:老撾萬榮一對情侶失蹤枝秤,失蹤者是張志新(化名)和其女友劉穎醋拧,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體淀弹,經(jīng)...
    沈念sama閱讀 46,465評論 1 319
  • 正文 獨居荒郊野嶺守林人離奇死亡丹壕,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,543評論 3 342
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了薇溃。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片菌赖。...
    茶點故事閱讀 40,675評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖沐序,靈堂內(nèi)的尸體忽然破棺而出琉用,到底是詐尸還是另有隱情,我是刑警寧澤策幼,帶...
    沈念sama閱讀 36,354評論 5 351
  • 正文 年R本政府宣布辕羽,位于F島的核電站,受9級特大地震影響垄惧,放射性物質(zhì)發(fā)生泄漏刁愿。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 42,029評論 3 335
  • 文/蒙蒙 一到逊、第九天 我趴在偏房一處隱蔽的房頂上張望铣口。 院中可真熱鬧,春花似錦觉壶、人聲如沸脑题。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,514評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽叔遂。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間已艰,已是汗流浹背痊末。 一陣腳步聲響...
    開封第一講書人閱讀 33,616評論 1 274
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留哩掺,地道東北人凿叠。 一個月前我還...
    沈念sama閱讀 49,091評論 3 378
  • 正文 我出身青樓,卻偏偏與公主長得像嚼吞,于是被迫代替她去往敵國和親盒件。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 45,685評論 2 360

推薦閱讀更多精彩內(nèi)容