做産品必看：當當無線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)的體驗。