海淘科技小編與你分享《首頁頁面設(shè)計改版案例》。
感受：
換個品牌LOGO，改個頁面不是真正的品牌升級，品牌是用戶賦予品牌的第一印象(用戶體感)，所以品牌升級的本質(zhì)是用戶對品牌認(rèn)知的升級(用戶體感變化)
一般考核的指標(biāo)會分成業(yè)務(wù)指標(biāo)和體驗指標(biāo)，邏輯上需要遵循體驗指標(biāo)的變化要能夠引起業(yè)務(wù)指標(biāo)的變化。業(yè)務(wù)指標(biāo)一般是指整個業(yè)務(wù)在財年需要達成的指標(biāo)，這個指標(biāo)來源于集團對BU的業(yè)務(wù)大指標(biāo)分拆下來的由該業(yè)務(wù)來完成的。所以對于電商來講業(yè)務(wù)指標(biāo)更多的情況是新增用戶量和GMV。
首頁作為業(yè)務(wù)門面和流量分流的關(guān)鍵節(jié)點，在新用戶吸引和轉(zhuǎn)化上起到非常重要的作用，所以一般情況下首頁的體驗指標(biāo)往往是用戶的跳失率和一跳轉(zhuǎn)化率(從首頁-下游核心頁面的轉(zhuǎn)化率)。那么對于設(shè)計師來講的體驗指標(biāo)邏輯是 降低用戶跳失率，提升首頁-下游核心頁面的轉(zhuǎn)化率。
以上是對于大部分導(dǎo)購類首頁改版都適應(yīng)的通用分析，那么接下來講的是針對服務(wù)市場首頁改版的。
案例：服務(wù)市場首頁改版項目
簡介：這是一個為電商從業(yè)者提供第三方電商服務(wù)支持的阿里巴巴官方服務(wù)平臺，電商從業(yè)者可以訂購平臺中的第三方
服務(wù)來解決在電商經(jīng)營的過程中遇到的任何問題，比如裝修、運營、推廣、訂單、倉儲管理等問題。
背景
契機一：是服務(wù)市場從原始野蠻生長到正規(guī)軍介入深度運營。
契機二：是服務(wù)市場從業(yè)務(wù)策略上進行了調(diào)整升級，從全盤服務(wù)運營到精品服務(wù)運營，為商家提供精品服務(wù)。
契機三：是通過對服務(wù)市場的用戶進行全面的調(diào)研，結(jié)論是服務(wù)市場在用戶中只有模糊的、簡單的概念，沒有形成統(tǒng)一的清晰的認(rèn)知。
契機四：是從數(shù)據(jù)層面上發(fā)現(xiàn)整個服務(wù)市場前臺導(dǎo)購頁面的跳失率普遍較高，首頁的跳失率超過50%，也說明首頁的吸引度存在一定的問題
那么接下來就是設(shè)計師如何去做改版了：
第一步：先來看看首頁在整個鏈路中的位置及作用
基于整個鏈路來思考體驗問題，即用戶從進入到離開的使用產(chǎn)品的過程體驗，所以體驗的核心是 關(guān)鍵節(jié)點提供的內(nèi)容和用戶預(yù)期的匹配度 ，匹配度越高用戶使用體感越好。
從鏈路上我們能夠看出，首頁對于用戶來說核心是了解用戶價值及玩法(如何獲取的方法)，所以首頁傳遞的內(nèi)容和方式的用戶匹配度決定了首頁設(shè)計的使用體感。
第二步：分析推導(dǎo)首頁的設(shè)計目標(biāo)和策略
這一步重點是用戶價值的具像化，并推導(dǎo)出實現(xiàn)用戶價值的設(shè)計目標(biāo)和策略。
技巧：設(shè)計目標(biāo) = 用【某設(shè)計策略】給目標(biāo)用戶帶來【某價值】，以助力【某變現(xiàn)方式】
用戶價值： 首頁的用戶價值是用戶知道如何選擇服務(wù)，用戶知道什么服務(wù)能夠更有效解決問題，如何更高效的觸達內(nèi)容。
變現(xiàn)方式： 這個是指商業(yè)訴求，通過首頁，商業(yè)希望服務(wù)市場首頁成為更高效的服務(wù)分發(fā)起點站，從而提升整體服務(wù)導(dǎo)購的效率和精準(zhǔn)度。
設(shè)計策略： 服務(wù)導(dǎo)購的顯性化、服務(wù)能力的差異化、瀏覽路徑和推薦內(nèi)容的匹配度、內(nèi)容的視覺層次設(shè)計
推導(dǎo)步驟：
第三步：分屏設(shè)計聚焦內(nèi)容框架
設(shè)計策略中有一條瀏覽路徑和推薦內(nèi)容的匹配度，所以按分屏來設(shè)計，能夠更好的保證用戶信息的觸達和轉(zhuǎn)化效率。
通過分屏能夠幫助我們更了解用戶的需求并進行拆解，分屏設(shè)計中需要注意的是每屏都需要定義清楚1～3個核心的用戶訴求，從而能夠有效的匹配相應(yīng)的內(nèi)容。
首屏：
這個相當(dāng)于用戶到了一個商場的門口，對于B類用戶就是到了一個線下批發(fā)市場的門口，那么這個時候用戶最想獲得的是什么信息呢?
問題一：這個市場有什么，按照什么形式進行布局的
問題二：我該如何去尋找，有沒有路標(biāo)導(dǎo)購
第二屏：
通過首屏能夠幫助用戶了解市場的大概情況，所以第二屏是幫助用戶了解細(xì)節(jié)，比如市場中哪些店熱門，哪些貨不錯等，對應(yīng)線下場景，相當(dāng)于用戶已經(jīng)走到市場大廳中，看中央大屏在播放的信息。
問題一：這個市場的優(yōu)勢是什么
問題二：這個市場在主推什么
第三屏及以下
通過前兩屏的內(nèi)容用戶已經(jīng)基本了解了市場，第三屏及以下更多的是平臺給予用戶的價值，比如促銷、優(yōu)惠、交流學(xué)習(xí)，更多的是在用戶的成長上給予幫助。
問題一：市場中有優(yōu)惠、促銷等服務(wù)可以嘗試嗎
問題二：我想看看其他人在怎么玩
通過分屏設(shè)計，信息框架就基本上出來了：
第四步：內(nèi)容的表達及創(chuàng)新
內(nèi)容的表達和創(chuàng)新是設(shè)計價值體現(xiàn)的非常重要的一部分，設(shè)計策略的實施能夠達成設(shè)計目標(biāo)更多的是在這部分來體現(xiàn)。
從內(nèi)容層上服務(wù)導(dǎo)購分層類目導(dǎo)購、功能導(dǎo)購、活動導(dǎo)購、內(nèi)容導(dǎo)購，這塊作為用戶了解首頁框架最重要的一部份，
設(shè)計原則上采用遵循用戶認(rèn)知習(xí)慣、以高效信息觸達和識別作為設(shè)計手法來設(shè)計。
服務(wù)能力的差異在3個方面，一個是通過平臺規(guī)則把服務(wù)能力進行分層，分成精選服務(wù)、常規(guī)服務(wù)，第二個是通過購買者的主觀評價，第三個是通過訂購者的客觀使用數(shù)據(jù)。所以如何在首頁上推薦具體服務(wù)就應(yīng)該按照這3個方面來設(shè)計展示樣式，通過在不同的位置考慮不同的展示方式。
但是這里遇到一個問題就是如何把整個分類樓層的服務(wù)做能力差異化，這個從線下市場獲得的靈感，市場中采購行為頻繁、采購的服務(wù)能力好的說明這個分類樓層的服務(wù)能力就強。
按照頁面的中內(nèi)容的重要程度，通過輔助元素或者明顯的色塊進行內(nèi)容的視覺層次的差異化。
第五步：分屏指標(biāo)的監(jiān)控
指標(biāo)主要分成整體指標(biāo)和分屏指標(biāo)，整體指標(biāo)是指整個頁面的內(nèi)容吸引度，所以只需要監(jiān)控頁面的 跳失率 就行。
分屏指標(biāo)的目的是指導(dǎo)分屏內(nèi)容的調(diào)整，為后續(xù)的迭代提供數(shù)據(jù)的參考。
分屏指標(biāo)主要是2個：
指標(biāo)1:分屏中的內(nèi)容的點擊PV分布 ：主要目的是監(jiān)控該分屏中內(nèi)容的吸引度。
指標(biāo)2:分屏中的內(nèi)容到下游的頁面PV占比 ：主要目的是監(jiān)控該分屏到下游核心頁面的轉(zhuǎn)化率。
第六步：框架及內(nèi)容的迭代優(yōu)化
這步是第五步的延續(xù)，通過監(jiān)控數(shù)據(jù)能夠給后續(xù)的迭代優(yōu)化提供數(shù)據(jù)依據(jù)。
由于分屏已經(jīng)進行監(jiān)控，所以對于分屏中的需要新上的內(nèi)容或功能可以做小范圍的測試。
一張圖說明6步方法
在項目時間比較緊的情況下，去掉了設(shè)計前的各種分析(競品分析、數(shù)據(jù)分析、用戶問題收集等等)能夠極大提升出方案效率，但是往往會出現(xiàn)巨大的風(fēng)險點，設(shè)計的過程中往往會被業(yè)務(wù)方牽著鼻子走，想要啥就往里加，要是最終設(shè)計方案上線后結(jié)果變差，往往就是設(shè)計師來背鍋。
所以這個方法能夠幫助設(shè)計師盡量做出一個正確的設(shè)計方案，甚至可以在局部做出創(chuàng)新的亮點，能夠最大限度的保證最終的結(jié)果往好的方向發(fā)展。
以上就是上海網(wǎng)站制作公司——海淘科技為你分享的《首頁頁面設(shè)計改版案例》。更多網(wǎng)頁設(shè)計資訊等你查閱。
