鎂伽生物是一家獨角獸科技公司，官網(wǎng)設計開發(fā)之初，根據(jù)行業(yè)屬性和品牌調(diào)性。幾輪討論下來，我們確定下來要解決的問題是

“如何增加用戶在網(wǎng)站上的停留時間”

網(wǎng)站做得好不好，效果怎么樣，不是我們自己評判的，而是用戶的反應、用戶的真實訪問情況來評定的。

為什么我們拋開標新立異、差異化、高大上這些大詞，而要選擇“停留時間”看起來這么通俗的詞？

大詞往往給人一種正確的錯覺，讓人無法反駁。然而大詞也因為它大，其實往往不是一個好的抓手，我們要有一個抓手貫穿建站過程，這個詞必須是有客觀標準、能量化、能衡量的詞。

每個流程的執(zhí)行人員看到這句話都能具體落地到執(zhí)行過程。而不是一個詞，每個人看到后都有自己的理解的，如果都有自己的理解，那執(zhí)行就會有偏差。

定調(diào)之后，我們再去做競爭對手的分析，這樣會更加有的放矢，知道需要分析對手的哪些方面。

據(jù)統(tǒng)計，對于生物科技行業(yè)企業(yè)官網(wǎng)，用戶的平均停留時長通常在2-3分鐘。影響的因素包含內(nèi)容的專業(yè)性、設計與用戶體驗、用戶群體等多種因素。

我們先來看看同行網(wǎng)站都是怎么做的：

經(jīng)過參考幾十個同行網(wǎng)站以及結(jié)合我們自己的經(jīng)驗，我們發(fā)現(xiàn)大部分同行網(wǎng)站普遍存在以下問題：

1、用戶體驗不佳

2、信息雜亂，重點信息不突出，內(nèi)容不夠?qū)I(yè)

3、設計千篇一律

圍繞“如何增加用戶在網(wǎng)站上的停留時間”，以及規(guī)避同行網(wǎng)站的問題確定以下5步執(zhí)行思路：

第一步：簡化設計；

第二步：內(nèi)容提煉；

第三步：素材升級。

第四步：留白與輔助圖形貫穿始終。

第五步：用戶行為分析與轉(zhuǎn)化跟蹤。

第一步：簡化設計

鎂伽產(chǎn)品非常豐富，且交叉分類，按產(chǎn)品分以及按解決方案分。我們把產(chǎn)品和解決方案集合成一個欄目，但是又很清晰地做了區(qū)分，對整體框架做了極致地簡化。讓幾百個產(chǎn)品邏輯架構(gòu)導航清晰展現(xiàn)，不顯雜亂、臃腫，且訪客可以很清晰快速地定位到自己想看的內(nèi)容。

針對具體產(chǎn)品又采用鼠標移動切換的方式，看起來簡潔明了?？紤]了用戶的視覺層次，有重點有突出。

產(chǎn)品作為重點展示內(nèi)容從產(chǎn)品名稱到描述實現(xiàn)了折疊即能直觀明了，縮短了用戶的訪問路徑。實現(xiàn)了不點擊就能了解系列下所有產(chǎn)品的信息。

網(wǎng)站在展現(xiàn)足夠信息量的情況下，做到了簡潔舒展。

第二步：內(nèi)容提煉

鎂伽每個頁面針對文案都做了提煉，展現(xiàn)重點信息，文案寫成小塊、易讀的段落。

用戶的專注力與時間是有限的，訪客需要閱讀、點擊或記憶的內(nèi)容越少，他們就越能夠理解與吸收你的內(nèi)容。因此，提煉內(nèi)容做到了文案的有效傳播。加上跟文案內(nèi)容涵義相關(guān)的圖標以及恰到好處的留白，給用戶帶來更寬敞、平衡的感覺。

增加訪客的閱讀有效率與耐心時長。

第三步：素材升級

站內(nèi)的每一張圖片，每一個視頻，每一個gif，甚至到每一個圖標我們都做了精心地策劃，不放過每一處細節(jié)。產(chǎn)品圖片以高質(zhì)量的三維渲染或矢量圖為主，視頻以精美的三維動畫制作為主。

網(wǎng)站整體素材的提升讓訪客對鎂伽的專業(yè)度有了初步的認可。

通過上面的視頻也能看出來產(chǎn)品素材的精美與用心，以此來吸引用戶訪問的興趣。

第四步：留白與輔助圖形貫穿始終

網(wǎng)站整體留白較多，特別是內(nèi)頁，給人視覺留有放松的空間，創(chuàng)造視覺層次，使設計更加有序和結(jié)構(gòu)，讓人訪問起來舒適。足夠的空白區(qū)域使得文本不顯得擁擠，從而提高內(nèi)容的可讀性和信息的傳達效率。

適當?shù)牧舭滓部梢詭椭龑в脩舻淖⒁饬?，突出重要信息或元素。幫助用戶區(qū)分不同的內(nèi)容塊和信息層級。

留白同時也營造一種簡約、雅致的氛圍，提升品牌認知度。

為了提升效果，在留白的同時我們搭配了不易察覺的輔助圖形，也不會造成視覺干擾，如果我不說可能您訪問完整個網(wǎng)站都沒有發(fā)現(xiàn)輔助圖形。讓訪問瀏覽器里感官舒適，毫不費力，在無形中提升整體訪問體驗，提升訪問時長。

第五步：用戶行為分析與轉(zhuǎn)化跟蹤

網(wǎng)站的每個產(chǎn)品頁面以及下載資料文檔都有用戶留資，后臺能獲取到用戶的訪問行為路徑，了解到用戶是對哪個產(chǎn)品感興趣。

用戶的留資第一時間同步到鎂伽內(nèi)部的CRM系統(tǒng)，由于鎂伽產(chǎn)品業(yè)務板塊眾多，針對此實現(xiàn)了自動分配至負責對應業(yè)務板塊的銷售專員。

提高了效率，實現(xiàn)了業(yè)務員第一時間獲取到潛在客戶的聯(lián)系方式，并與客戶進行洽談，從線上營銷方面最大程度上留住了客戶。

最后：

一個出色的網(wǎng)站一定是確保用戶體驗和功能性兼?zhèn)?。當然，也要保持移動設備友好性。

鎂伽官網(wǎng)上線兩年，我們收到不下于20個訪客對這個網(wǎng)站的贊美，并要求參考它來做。也佐證了網(wǎng)站獲得了大家的廣泛認可。博敏一直追求設計與技術(shù)的進步，歡迎大家的品鑒交流。