@劉津legene?:優化不同于改版。改版是在原有基礎上做較大的改變;而優化是做些小的調整,快速提升效果。但不管是改版還是優化,都需要考慮以下的步驟:

1.問題現狀(數據、用戶反饋等)/?用戶調研(問卷、訪談等內容,盡量結合數據看)/?競品分析
2.結合上面三點,確定優化目標
3.根據目標確定設計計劃(如何達成目標)
4.結果檢驗(數據、用戶反饋等指標)

網頁優化實戰!如何做好頁面優化

以最近優化的網易保健品首頁為例,來談談如何做頁面優化。

網頁優化實戰!如何做好頁面優化

問題現狀:

1. 跳出率過高
2. 首屏以下位置點擊量很小(第一屏內的熱門搜索、功效、品牌點擊人數較多)
3. 轉化率低(但購買商品類別較集中)

分析:根據點擊和轉化情況可以判斷出,問題主要出在二三屏的商品推薦模塊。從下圖中可以看出,該區域給人的感覺非常平淡,難以勾起購買欲望。另外跳出率高也暗示著:除了首屏的功效和品牌外,我們是否還需要給用戶提供些別的重要內容?讓我們從用戶分析和競品分析中再找找答案吧。

網頁優化實戰!如何做好頁面優化

用戶調研(下圖為部分數據):

網頁優化實戰!如何做好頁面優化

1. 男用戶偏多,教育背景良好,偏成熟穩重,收入中等
2. 最看重的產品屬性分別為功效、有無副作用、品牌、價格、適用人群、成分、口碑及其它。
3. 購買目的是為了保健預防、增強體質
4. 用戶對排行榜和相關推薦,表現冷淡

分析:從上述內容可看出,保健品用戶相對較理性,購買目的較明確(通過美圖吸引無目標用戶的可能性微乎其微)。目前這種不規則的商品排列方式并不太適合目標用戶,而更適合服裝、化妝品類的商品。另外就是商品功效不夠突出,也不夠吸引人。

競品分析:

目前賣保健品的網站雖然不少,但垂直領域里做的好的并不多。但我們可以參考和保健品特征類似的產品網站,比如同樣注重功效的化妝品網站(比如樂蜂網、聚美優品等)。

網頁優化實戰!如何做好頁面優化

網頁優化實戰!如何做好頁面優化

分析:通過對比,我們可以發現,競品的單品推薦部分價格都比較明顯(有調查稱人們對數字更敏感、用戶調研結果也證明用戶對價格較關注)、功效用途更突出、排列較規整。這和用戶調研結果,也是相吻合的(購買目的較明確)。

值得一提的是:競品的分類主要按產品類別分,而我們的分類主要按人群和功效分(結合了用研結果),那么我們是否應該再給用戶提供額外的分類方式呢?

網頁優化實戰!如何做好頁面優化

根據之前的調研結果,用戶最看重的產品屬性分別為功效、有無副作用、品牌、價格、適用人群、成分、口碑及其它。除了有無副作用不好表現外,功效、品牌、價格、適用人群都在首頁上有所表現,那我們現在最需要考慮的就是成分了。

在淘寶指數上,我們可以明顯看到,成分的搜索熱度遠遠高于對應的功效。這說明用戶對一些熱門的成分(比如魚油、卵磷脂、螺旋藻等)是非常了解和熟悉的,因此我們確實應該提供這些熱門成分的分類,方便用戶選擇。

網頁優化實戰!如何做好頁面優化

優化目標:

綜上,我們可以得出本次優化的目標為:

1. 降低跳出率
2. 增加首屏以下位置的點擊量
3. 提升從首頁到下單的轉化率(最重要)

設計計劃:

如何達到優化目標?根據上述分析,計劃如下:

1.改變推薦商品的陳列方式(按人群、功效區分)
2.突出單品的價格、功效
3.增加熱門成分內容

網頁優化實戰!如何做好頁面優化

熱銷榜是我們當時比較糾結的地方,雖然調研報告中不建議放,但是考慮到眾多競品(無論是保健品還是化妝品)網站都有這個模塊,因此為了穩妥,還是放了。

結果檢驗:

1. 跳出率未得到明顯改善
2. 首屏以下位置點擊量增加(新增的成分內容點擊量高,對提升二三屏點擊率起到了重要作用)
3. 訂單轉化率增加44%(首頁同樣的商品,改版前后轉化率提升明顯,首頁推薦的有效性大大增強了)
4. 排行榜幾乎無人點擊(新增問題)

這樣就得到了新的“問題現狀”,然后又可以循環往復,去考慮下一次的優化了。

原文地址:blog.sina
作者:@劉津legene

【優設網 原創文章 投稿郵箱:2650232288@qq.com】

================關于優設網================
"優設網uisdc.com"是一個分享網頁設計、無線端設計以及PS教程的干貨網站。
【特色推薦】
設計師需要讀的100本書:史上最全的設計師圖書導航:http://hao.uisdc.com/book/
設計微博:擁有粉絲量71萬的人氣微博@優秀網頁設計 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航:全球頂尖設計網站推薦,設計師必備導航:http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎?
添加 優秀網頁設計 微信號:【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加:

網頁優化實戰!如何做好頁面優化

收藏 13
點贊 1

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。