編輯導語：首頁怎要么改才能給用戶帶來全新的體驗？如何才能做出正確的設計決策？本文作者復盤了58到家首頁改版的過程，想了解什么是有效改版，以及怎么做到有效改版的同學，快看過來吧～

大家好，下面是我為大家帶來到家首頁改版的項目復盤，整個首頁改版經歷了前期分析目標確立和數據驗證，通過多個版本迭代最終完成了整體的改版目標。

下面我會通過項目背景，項目過程和設計落地三個部分與大家進行整體復盤講述。

一、項目背景

一個產品的發展路徑分為初創期、成長期、成熟期與瓶頸期、目前到家產品完成了整體的核心功能搭建，并且建立了用戶心智，樹立起了一定的品牌形象。在用戶基數上有一定的積累后，在成長期有一個很好契機與用研同學展開了一次設計自驅的協作。

通過獲取用戶的正向反饋對到家首頁進行全面的改版，從而滿足精細化運營做好用戶留存，同時擴展更多的用戶場景，進一步提升平臺的好感度。

二、項目過程

為了更好了解用戶的痛點，我們協同用研同學對到家用戶進行了用戶訪談分析，得出瀏覽首頁的用戶主要的痛點集中在圖文難識別、缺乏個性化、美觀度不足、頁面繁雜等。

在美觀度上立體感和高級感是用戶常提出來的美感訴求，同時用戶認為整體的視覺提升會讓人感知為服務質量的升級。

為了更明確改版方向，我們與產品團隊多次溝通，明確產品目標。

產品的目標無疑是提升整體首頁的分發效率&首頁留存的提升。

團隊根據產品目標進行推導，結合設計目標，歸納出設計要點。即打造一個全新的首頁設計風格，強化首頁的品牌運營感滿足精細化運營的需要，并且嘗試更多的個性化推薦的服務。

團隊依據設計要點在內部展開了頭腦風暴，分別從視覺、品牌和內容展開。

從而歸納提取了設計的關鍵詞以 高效、可信賴、專屬、為改版的重要核心要點。

主要的目的是讓用戶能高效便捷地找到自己需要的服務并且建立用戶的信任從而達到業務轉化的最終目標。

在視覺升級上通過色彩、圖形、質感、以及文案四個方面的分析。

賦予色彩性格特點，通過準確的圖形表達緩解用戶情緒，在質感上增加細膩感豐富產品的表達形式增強氛圍感。

同時情感化的文案也能輔助產品傳達個性，讓用戶觸達更高效。

三、設計落地

為了建立契合的色彩體系。在icon色彩的分配上保持了主品牌到家綠的占比。在一定程度上盡可能地對重點業務、精選業務、家庭服務、和主站業務進行了一定顏色的歸類，幫助用戶理解降低認知和識別成本。

在圖形上，舊版的首頁單品入口用勞動者形象表達，雖然能準確表達出業務特征，但是過于同質化的人物形象會讓用戶產生疲勞感。

通過用戶調研得知立體化高級感的圖形是用戶對美感的要求。

新首頁在頭部單品入口區采用了勞動者工具進行繪制表達。并且通過立體的建模渲染搭建出更為精致和趣味性的圖標。在一定程度上吸引用戶注意。同時傳達出服務質量升級的觀感。

我們的業務場景主要是圍繞著家的這個場景展開，而家代表著溫暖和舒適。陽光照亮明亮的房間是我追求的品質生活。我們引入光質感的表達，營造品質生活的氛圍場景。

精細化運營是產品成長期的重點抓手，為了提升產品的運營能力和活動感知，我們增加了頭部運營區，并且針對不同重要層級的運營活動精細化的制定了運營頭部的展示規則。

在常規運用活動中，保持整體品牌調性，通過圖形和標題的結合幫助傳達活動重點。在重大活動中通過活動主色調的渲染營造一個更具運營感的頭部，附加人物形象和場景打造一個更為活潑的活動氛圍。

在底部feed流中，視頻內容已經占據了內容推薦的絕大多數，過度的強視覺沖擊的內容生產對內容瀏覽體驗產生負面影響。

為了更好的提升內容瀏覽體驗，我們對視頻生產方mcn機構提出了更高的產出要求。通過規范標題的樣式字號顏色甚至是字幕等進行了規范，聚焦視頻內容本身。

為了體現到家為我服務的專屬感，我們創新的對推薦區域進行了嘗試，基于瀏覽行為和需求篩選后的優質推薦，通過優惠信息提升價格感知吸引用戶。

同時我們嘗試基于lbs的個性化推薦通過附近用戶下單和附近服務來增加用戶的確定性?；谔鞖獾耐扑]也是通過和當地與我先關的內容輔助用戶決策。

最終我們通過多個版本的迭代新的首頁呈現出來，整體服務的曝光更多，體現專屬感，并且運營感知更強。

新上線的到家首頁，給用戶帶來了全新的體驗。

作者：環鐵藝術家

來源公眾號：58UXD（ID：i58UXD），58UXD，全稱58同城用戶體驗設計中心。

本文由人人都是產品經理合作媒體 @58UXD 授權發布于人人都是產品經理。未經許可，禁止轉載。

題圖來自 Unsplash，基于CC0協議。