復(fù)盤|58到家首頁改版升級(jí)
編輯導(dǎo)語:首頁怎要么改才能給用戶帶來全新的體驗(yàn)?如何才能做出正確的設(shè)計(jì)決策?本文作者復(fù)盤了58到家首頁改版的過程,想了解什么是有效改版,以及怎么做到有效改版的同學(xué),快看過來吧~
大家好,下面是我為大家?guī)淼郊沂醉摳陌娴捻?xiàng)目復(fù)盤,整個(gè)首頁改版經(jīng)歷了前期分析目標(biāo)確立和數(shù)據(jù)驗(yàn)證,通過多個(gè)版本迭代最終完成了整體的改版目標(biāo)。
下面我會(huì)通過項(xiàng)目背景,項(xiàng)目過程和設(shè)計(jì)落地三個(gè)部分與大家進(jìn)行整體復(fù)盤講述。
一、項(xiàng)目背景
一個(gè)產(chǎn)品的發(fā)展路徑分為初創(chuàng)期、成長(zhǎng)期、成熟期與瓶頸期、目前到家產(chǎn)品完成了整體的核心功能搭建,并且建立了用戶心智,樹立起了一定的品牌形象。在用戶基數(shù)上有一定的積累后,在成長(zhǎng)期有一個(gè)很好契機(jī)與用研同學(xué)展開了一次設(shè)計(jì)自驅(qū)的協(xié)作。
通過獲取用戶的正向反饋對(duì)到家首頁進(jìn)行全面的改版,從而滿足精細(xì)化運(yùn)營(yíng)做好用戶留存,同時(shí)擴(kuò)展更多的用戶場(chǎng)景,進(jìn)一步提升平臺(tái)的好感度。
二、項(xiàng)目過程
為了更好了解用戶的痛點(diǎn),我們協(xié)同用研同學(xué)對(duì)到家用戶進(jìn)行了用戶訪談分析,得出瀏覽首頁的用戶主要的痛點(diǎn)集中在圖文難識(shí)別、缺乏個(gè)性化、美觀度不足、頁面繁雜等。
在美觀度上立體感和高級(jí)感是用戶常提出來的美感訴求,同時(shí)用戶認(rèn)為整體的視覺提升會(huì)讓人感知為服務(wù)質(zhì)量的升級(jí)。
為了更明確改版方向,我們與產(chǎn)品團(tuán)隊(duì)多次溝通,明確產(chǎn)品目標(biāo)。
產(chǎn)品的目標(biāo)無疑是提升整體首頁的分發(fā)效率&首頁留存的提升。
團(tuán)隊(duì)根據(jù)產(chǎn)品目標(biāo)進(jìn)行推導(dǎo),結(jié)合設(shè)計(jì)目標(biāo),歸納出設(shè)計(jì)要點(diǎn)。即打造一個(gè)全新的首頁設(shè)計(jì)風(fēng)格,強(qiáng)化首頁的品牌運(yùn)營(yíng)感滿足精細(xì)化運(yùn)營(yíng)的需要,并且嘗試更多的個(gè)性化推薦的服務(wù)。
團(tuán)隊(duì)依據(jù)設(shè)計(jì)要點(diǎn)在內(nèi)部展開了頭腦風(fēng)暴,分別從視覺、品牌和內(nèi)容展開。
從而歸納提取了設(shè)計(jì)的關(guān)鍵詞以 高效、可信賴、專屬、為改版的重要核心要點(diǎn)。
主要的目的是讓用戶能高效便捷地找到自己需要的服務(wù)并且建立用戶的信任從而達(dá)到業(yè)務(wù)轉(zhuǎn)化的最終目標(biāo)。
在視覺升級(jí)上通過色彩、圖形、質(zhì)感、以及文案四個(gè)方面的分析。
賦予色彩性格特點(diǎn),通過準(zhǔn)確的圖形表達(dá)緩解用戶情緒,在質(zhì)感上增加細(xì)膩感豐富產(chǎn)品的表達(dá)形式增強(qiáng)氛圍感。
同時(shí)情感化的文案也能輔助產(chǎn)品傳達(dá)個(gè)性,讓用戶觸達(dá)更高效。
三、設(shè)計(jì)落地
為了建立契合的色彩體系。在icon色彩的分配上保持了主品牌到家綠的占比。在一定程度上盡可能地對(duì)重點(diǎn)業(yè)務(wù)、精選業(yè)務(wù)、家庭服務(wù)、和主站業(yè)務(wù)進(jìn)行了一定顏色的歸類,幫助用戶理解降低認(rèn)知和識(shí)別成本。
在圖形上,舊版的首頁單品入口用勞動(dòng)者形象表達(dá),雖然能準(zhǔn)確表達(dá)出業(yè)務(wù)特征,但是過于同質(zhì)化的人物形象會(huì)讓用戶產(chǎn)生疲勞感。
通過用戶調(diào)研得知立體化高級(jí)感的圖形是用戶對(duì)美感的要求。
新首頁在頭部單品入口區(qū)采用了勞動(dòng)者工具進(jìn)行繪制表達(dá)。并且通過立體的建模渲染搭建出更為精致和趣味性的圖標(biāo)。在一定程度上吸引用戶注意。同時(shí)傳達(dá)出服務(wù)質(zhì)量升級(jí)的觀感。
我們的業(yè)務(wù)場(chǎng)景主要是圍繞著家的這個(gè)場(chǎng)景展開,而家代表著溫暖和舒適。陽光照亮明亮的房間是我追求的品質(zhì)生活。我們引入光質(zhì)感的表達(dá),營(yíng)造品質(zhì)生活的氛圍場(chǎng)景。
精細(xì)化運(yùn)營(yíng)是產(chǎn)品成長(zhǎng)期的重點(diǎn)抓手,為了提升產(chǎn)品的運(yùn)營(yíng)能力和活動(dòng)感知,我們?cè)黾恿祟^部運(yùn)營(yíng)區(qū),并且針對(duì)不同重要層級(jí)的運(yùn)營(yíng)活動(dòng)精細(xì)化的制定了運(yùn)營(yíng)頭部的展示規(guī)則。
在常規(guī)運(yùn)用活動(dòng)中,保持整體品牌調(diào)性,通過圖形和標(biāo)題的結(jié)合幫助傳達(dá)活動(dòng)重點(diǎn)。在重大活動(dòng)中通過活動(dòng)主色調(diào)的渲染營(yíng)造一個(gè)更具運(yùn)營(yíng)感的頭部,附加人物形象和場(chǎng)景打造一個(gè)更為活潑的活動(dòng)氛圍。
在底部feed流中,視頻內(nèi)容已經(jīng)占據(jù)了內(nèi)容推薦的絕大多數(shù),過度的強(qiáng)視覺沖擊的內(nèi)容生產(chǎn)對(duì)內(nèi)容瀏覽體驗(yàn)產(chǎn)生負(fù)面影響。
為了更好的提升內(nèi)容瀏覽體驗(yàn),我們對(duì)視頻生產(chǎn)方mcn機(jī)構(gòu)提出了更高的產(chǎn)出要求。通過規(guī)范標(biāo)題的樣式字號(hào)顏色甚至是字幕等進(jìn)行了規(guī)范,聚焦視頻內(nèi)容本身。
為了體現(xiàn)到家為我服務(wù)的專屬感,我們創(chuàng)新的對(duì)推薦區(qū)域進(jìn)行了嘗試,基于瀏覽行為和需求篩選后的優(yōu)質(zhì)推薦,通過優(yōu)惠信息提升價(jià)格感知吸引用戶。
同時(shí)我們嘗試基于lbs的個(gè)性化推薦通過附近用戶下單和附近服務(wù)來增加用戶的確定性?;谔鞖獾耐扑]也是通過和當(dāng)?shù)嘏c我先關(guān)的內(nèi)容輔助用戶決策。
最終我們通過多個(gè)版本的迭代新的首頁呈現(xiàn)出來,整體服務(wù)的曝光更多,體現(xiàn)專屬感,并且運(yùn)營(yíng)感知更強(qiáng)。
新上線的到家首頁,給用戶帶來了全新的體驗(yàn)。
作者:環(huán)鐵藝術(shù)家
來源公眾號(hào):58UXD(ID:i58UXD),58UXD,全稱58同城用戶體驗(yàn)設(shè)計(jì)中心。
本文由人人都是產(chǎn)品經(jīng)理合作媒體 @58UXD 授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來自 Unsplash,基于CC0協(xié)議。
更丑。
說了很多,更像是給甲方看的,落地困難