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