服務(wù)項(xiàng)目
聯(lián)系方式
保定市遨游計(jì)算機(jī)服務(wù)有限公司
咨詢熱線:13313028229
售后:0312-6791400
售后:0312-6791126
網(wǎng)址:0369l.com
地址:保定朝陽大街國貿(mào)大廈8樓808室
咨詢熱線:13313028229
售后:0312-6791400
售后:0312-6791126
網(wǎng)址:0369l.com
地址:保定朝陽大街國貿(mào)大廈8樓808室
數(shù)據(jù)如何驅(qū)動網(wǎng)站頁面設(shè)計(jì)和優(yōu)化
[來源:0369l.com]
[作者:網(wǎng)站建設(shè)]
[日期:15-12-04]
[瀏覽次數(shù):]
電商行業(yè)已經(jīng)進(jìn)入紅海階段,機(jī)會主義不在,技術(shù)洼地被填平,精細(xì)化運(yùn)營和數(shù)據(jù)化管理已是電商決策者的必修課。電商企業(yè)的興衰榮辱總能最先在數(shù)據(jù)層面窺見端倪,甚至可預(yù)見是否養(yǎng)癰成患。
隨著互聯(lián)網(wǎng)業(yè)態(tài)不斷深入發(fā)展,如今在互聯(lián)網(wǎng)(含移動互聯(lián)網(wǎng))跟電力一樣稀松平常作為生活、工作剛需之時(shí),數(shù)據(jù)化管理與運(yùn)營之道不是空心的概念,但是它需要成熟的應(yīng)用場景和可復(fù)制的業(yè)務(wù)支撐套路,僅憑一些數(shù)據(jù)分析師的主觀能動性是遠(yuǎn)遠(yuǎn)不夠的。
下面這一段書摘,主要從電商網(wǎng)站藝術(shù)設(shè)計(jì)的角度,對首頁長度、結(jié)構(gòu)布局、首頁商品撤換原則等方面,結(jié)合數(shù)據(jù)分析進(jìn)行闡述。
網(wǎng)站首頁最優(yōu)長度如何測定
網(wǎng)站首頁長度并非隨意的,盡管不需要十分精確,但是首頁的大體長度還是需要拿捏好分寸:首頁太長,加載速度會變慢,強(qiáng)烈影響到客戶體驗(yàn)的;首頁太短,固然短小精悍,但是顯而易見暴露了不能盛放足量信息的弊端。因此,首頁長度有一個大致的最優(yōu)長度。
如圖1所示是一家電商公司首頁點(diǎn)擊率示意圖。其中,橫坐標(biāo)表示圖片的從上到下的排列順序,比如第1排、第2排、第3排……縱坐標(biāo)表示點(diǎn)擊率,單位是‰(千分比)而不是%,這點(diǎn)要注意。
圖1 優(yōu)化之前點(diǎn)擊率與首頁位置的關(guān)系
圖1表明,隨著首頁商品圖片的位置越往下,點(diǎn)擊率急劇衰減,我們可以很清楚地看到,在80排至120排之間,點(diǎn)擊率貼近漸近線,趨向?yàn)?,由此而承受的點(diǎn)擊量絕對值也是很少的。但是,從80排至120排中間有40排的商品圖片,網(wǎng)頁負(fù)荷不輕,網(wǎng)站打開時(shí)加載速度尤其是在共用網(wǎng)絡(luò)環(huán)境中(如辦公環(huán)境、群租膠囊公寓等)會變得更慢,勢必影響客戶體驗(yàn)。好在互聯(lián)網(wǎng)帶寬不斷拓展,這方面的因素正在弱化。
不過,后面一大排商品圖片堆砌在首頁上,實(shí)際上點(diǎn)擊量很少,沒有功能性,從這個層面上說,后面40排無疑是一個累贅,所以去掉后面40排的商品圖片,優(yōu)化之后的點(diǎn)擊率跟蹤如圖2所示,每一排圖片都有不容忽視的點(diǎn)擊率,且從最終銷售額的結(jié)果上看,銷售額沒有任何減少,是完全可行的,所以我們可以放心大膽地給電商網(wǎng)站首頁做一個“大手術(shù)”。但是需要提醒的是,這跟圖片的大小、網(wǎng)站的結(jié)構(gòu)布局、商品類目等皆有關(guān)系,需要通過實(shí)際的數(shù)據(jù)來分析合理的頁面長度,盡量減少主觀臆測。
圖2 優(yōu)化之后點(diǎn)擊率與首頁位置的關(guān)系
經(jīng)典“F型”網(wǎng)頁結(jié)構(gòu)布局
說到網(wǎng)頁結(jié)構(gòu)的布局,不能不提到經(jīng)典的“F型”結(jié)構(gòu),而此項(xiàng)結(jié)構(gòu)來源于:長期研究網(wǎng)站可用性的美國著名網(wǎng)站設(shè)計(jì)師杰柯柏·尼爾森(Jakob Nielsen),在2006年4月發(fā)表了一項(xiàng)《眼球軌跡的研究》報(bào)告(原題為F-Shaped Pattern For Reading Web Content,有興趣的讀者可以了解下)。我們引用杰柯柏·尼爾森大師的三條基本結(jié)論,如圖3所示,圖中用顏色來表示瀏覽者眼光聚集的熱度,分為最熱、較熱、不熱和基本不關(guān)注四種,顏色最深處表示熱度最大。
圖3 F型眼球?yàn)g覽軌跡
對F型的瀏覽軌跡解讀如下。
?從左往右從上往下,跟之前黑白電視電子掃描槍朝電視屏幕上發(fā)射電子的原理類似。
?瀏覽者目光往下移動,短范圍水平移動。
?瀏覽完畢網(wǎng)站主頁面之后開始系統(tǒng)化瀏覽左側(cè)欄的信息和內(nèi)容。
我們可以利用現(xiàn)成的經(jīng)典理論去指導(dǎo)網(wǎng)頁優(yōu)化,且需要跟蹤實(shí)際效果。不過“F型”經(jīng)典理論就像牛頓定律一樣,也并非放之四海而皆準(zhǔn),筆者就曾見到一些質(zhì)疑此理論的觀念并羅列了眾多事實(shí),有的學(xué)者還研究出與之對應(yīng)的所謂的“E 型”結(jié)構(gòu)。任何一種理論都有其使用的前提和環(huán)境,也就是外延,這一點(diǎn)非常重要。
站內(nèi)搜索熱詞設(shè)置
電商網(wǎng)站首頁除了頁面長度和結(jié)構(gòu)布局之外,還有導(dǎo)航頁和搜索框可以進(jìn)行相對精確的量化。不同品類的導(dǎo)航頁,設(shè)計(jì)的風(fēng)格差異極大,重點(diǎn)在于推送品牌形象、利潤高、覆蓋面廣、應(yīng)季性等商品,這方面知識不準(zhǔn)備展開敘述。關(guān)于站內(nèi)搜索,一直以來都是電商重點(diǎn)關(guān)注和研究的領(lǐng)域。一般來說,歐美人習(xí)慣個性化的搜索,因此喜歡用站內(nèi)搜索框;而東方人偏愛固定的搜索,因此喜歡點(diǎn)擊站內(nèi)提供的熱搜詞。例如,一家民族風(fēng)情的女裝電商網(wǎng)站的內(nèi)部搜索熱詞,如圖4所示。
圖4 站內(nèi)搜索框和搜索熱詞
一般站內(nèi)搜索詞篩選方式如下:
?熱詞不需要多,一般不會超過十個,多了會模糊搜索目標(biāo)。
?熱詞要結(jié)合跳失率和搜索量兩個數(shù)據(jù)指標(biāo)綜合決定。搜索絕對量大但是跳失率也高,說明搜索熱詞與產(chǎn)品對應(yīng)關(guān)系不精準(zhǔn);反之,即使跳失率很低,但是搜索量很小對于引導(dǎo)客戶亦沒有價(jià)值。
?熱搜詞一般參考行業(yè)數(shù)據(jù)或者站內(nèi)數(shù)據(jù),如果站內(nèi)數(shù)據(jù)與行業(yè)數(shù)據(jù)發(fā)生對立,以本站搜索數(shù)據(jù)為參考標(biāo)準(zhǔn),因?yàn)樾袠I(yè)的數(shù)據(jù)一定代表的是行業(yè)的共性,而一般電商網(wǎng)站在商品方面都有自己獨(dú)特的個性和特質(zhì)(標(biāo)準(zhǔn)品類除外)。
?熱搜詞需要不斷更新,具體依據(jù)類目特點(diǎn)決定。例如化妝品類目更換頻率一定會高一些,而3C數(shù)碼會低一些。當(dāng)然,更換頻率跟產(chǎn)品線豐富程度也有很大關(guān)系。
首頁商品撤換的“ROI”原則
商品首頁需要不斷地更新商品,那么更新商品的原則如果從數(shù)據(jù)分析的角度出發(fā),則應(yīng)該遵循什么樣的原則呢?
假設(shè)表示最近7天某商品的銷售額,表示該件商品所對應(yīng)的訪客數(shù),則便是度量商品價(jià)值的指標(biāo),我們稱值為“商品價(jià)值度”。
C=A/ B
顯然,值越大,該商品應(yīng)該排在首頁最黃金的位置,增加其曝光量。任何按照銷售量或者銷售額大小的指標(biāo)來排列商品在首頁的“座次”都是不合理的。比如說,銷量沒有考慮商品單價(jià)的因素,而銷售額跟其曝光量又有很直接的關(guān)系,而值則是依據(jù)同樣的訪客數(shù)比較產(chǎn)出的價(jià)值大小,跟廣告學(xué)中ROI其實(shí)是一個道理。當(dāng)然,“商品價(jià)值度”的排列必須建立在一定的CTR(Click Through Rate,點(diǎn)擊率)基礎(chǔ)之上,CTR很小,值排列就沒什么意義了。
這里需要特別強(qiáng)調(diào)一點(diǎn),不是一切商品排序皆以值大小為唯一標(biāo)準(zhǔn)。我們結(jié)合實(shí)際,還需要考量以下因子來進(jìn)行綜合評判:
?1、同一個版塊或者同一排商品,品類和風(fēng)格是否統(tǒng)一,比如圍巾和內(nèi)褲是不適合放在同一排的。
?2、是否是好評、口碑不錯的商品,惡評商品堅(jiān)決不能置于首頁。
?3、是否是廣告頂起來的商品,廣告推起來的商品顯然溢價(jià)過高。
?4、首頁各個版塊之間的商品不能重復(fù),盡量覆蓋面廣一點(diǎn),讓更多商品有機(jī)會展現(xiàn)。
?5、相近位置,點(diǎn)擊率高的商品可以優(yōu)先往左側(cè)挪,前面的F型眼球軌跡已經(jīng)告訴我們?yōu)槭裁催@樣安排了。
商品在首頁或者在整個電商網(wǎng)站上需要不斷地汰換,例如上面介紹的按照“商品價(jià)值度”來汰換商品,還可以按照”毛利潤/訪客數(shù)”的比值來撤換商品,撤換商品的目的有三點(diǎn):
?1、最大化利潤。
?2、優(yōu)化庫存結(jié)構(gòu)(前端銷售順暢對庫存起到間接優(yōu)化的作用)。
?3、避免同類商品或者SKU數(shù)量過多,否則不符合客戶“懶得找,懶得比較”的基本消費(fèi)心理,客戶幸福感下降,且增加后悔的機(jī)會。