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

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

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

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

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

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

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

為了更明确改版方向，我們與産品團隊多次溝通，明确産品目标。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

為了更好的提升内容浏覽體驗，我們對視頻生産方mcn機構提出了更高的産出要求。通過規範标題的樣式字号顔色甚至是字幕等進行了規範，聚焦視頻内容本身。

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

同時我們嘗試基于lbs的個性化推薦通過附近用戶下單和附近服務來增加用戶的确定性。基于天氣的推薦也是通過和當地與我先關的内容輔助用戶決策。

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

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

作者：環鐵藝術家

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

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

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

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!