做産品必看：當當無線16年首頁改版設內畫計分享

一開(kāi)始有些漫無頭緒 ，思前想來說(shuō)一雨報下為什麼(me)改首頁吧！

首頁，簡單的說(shuō)就(jiù)是一些業務的分發(fā)入口，說(東店shuō)透徹一些就(jiù)是給各個業務幾個坑位填充各種低北(zhǒng)售賣的商品，我相信在大多 問頻 數人眼中就(jiù)是這(zhè)樣(yàng)吧，但是對(duì)于我們著妹設計而言卻非常複雜，不僅要考慮業務方向(xiàng)、産品定位、資源分配等因素內中，還(hái)得顧及用戶對(duì)當當産品的品牌認知，設計上還(師下hái)需要側重頁面(miàn)的劇喝視覺平衡，且每個欄目 既要有區分又要保持相對(duì)一緻路雪（即所謂有層次有重點），從而可以快速的引導流量和點擊志林量幫用戶找到想要的商品，最後(hò那民u)還(hái)要關注上線後(hò線銀u)的數據變化。前提必須是好(hǎo)的方向(xiàng)。難度雖然很通器大，但我們責 無旁貸。

一、首先分析一下當前的一些小問題：

1、距上一次首頁改版 已超半年之久，在快速發(fā哥麗)展的互聯網時(shí)代我們必須快速的做出反應，順應行業發(家音fā)展。

2、之前的設計規則已經(jīng)無法滿足現有的運營形式，導木務 緻出現各種(zhǒng)不符合規範的文字顔色，文字大小，組多光合排列，圖片、尺寸等。

3、在整個實施過(guò)程中沒(méi)有一個合理的審核機制進(jìn)行後(hòu)期改 進(jìn)和監督。

4、欄目多而不穩定,使用3個到5個坑位算會的較多，在有限的空間資源浪費。

5、欄目内容層次不清 晰，大小入口關系不夠明确。

6、在視覺上面(miàn)沒(méi)能(néng煙國)有效的結合運營不同商品、活動、促銷信息、做相應的模版區分。

綜合上述的這(zhè)些問題，首頁改版勢在必行，而此次首頁改版僅僅隻是讀如一個開(kāi)始……

二、接下來我們著(zhe)手于對(du來在ì)首頁的具體優化

我們根據線上實際情 況展開(kāi)具體分析，以運營為基礎結司長合運營特點進(jìn)行合理有效的暗區改造，最終做出綜合呈現。

1、整體視覺結構重新規劃，對(duì)細節的揣摩和反複驗證 。

2、著(zhe)重運營促銷信息，突出賣點熱點，更加符合當司生前産品運營邏輯。

3、欄目定位清晰，視覺層次分明，便 于用戶快速查找想要的内容。會下

4、區分品類特點、重新欄目規劃、增加入口數量、提高欄目坑位使用率。

5、 模版規範化提升運營質量和導購入口的吸引力。

三、過(guò)程細節

1、統一基類整理首頁文字字體、顔色、報飛大小、促銷信息、角标等。

2、模版

制定 模版輸出，建立共享目錄文檔，後(hòu)道海期跟蹤審核。

3、廣告

重新設計了導航欄的icon和搜索，規範廣樹志告的制作要求。

4、功能(néng)icon

增加首屏功能(néng)圖标數量，突出品牌特機家色頻道(dào)。

5、欄目

坑位 數量從最少三個增加到最少6個得坐、突出促銷信息、劃分欄目權重和層次，統一跳有促銷樣(yàng)式、文字大小、默認顔色，強化标題與商品圖的呼應。

6、促銷活動

整齊 劃一的促銷标識，拒絕亂擺亂放也看。

7、主題館

將(jiāng)原來2列改為4列栅呢雨格與欄目統一，視覺上更加集中整齊。

8、整體效果對(duì)比

總結

新首頁主要強 調運營結合和實際應用的最終落地，目的隻是為了鄉我更好(hǎo)的實現流量轉換，利用更這間精細的設計在有限的空間内實現快速有效的流土文量分發(fā)，最後(hòu)感謝每一位支持我們工作的好(hǎo)朋友們，拍坐當當無線UED隻為更好(hǎo) 的體驗。