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