網易頻道首頁改版分享
頻道首頁改版背景
先說明一下,在此次改版之前的上半年,已經進行過一次對網易首頁和頻道首頁的整體改版,這次改版為上次改版的優化設計。主要針對:
1.保留了傳統三欄目模式,但是三欄布局上做了調整。
2.頭部導航區域進行了重新設計。
3.新年后各首頁將上線新的廣告,對頻道首頁的廣告尺寸做了優化統一。
4.對頻道頁面的圖片控件等都做了優化統一。
1.頻道首頁布局的確定
布局仍然是傳統三欄目模式
,但是這次改版把中欄調整為主題內容欄,比較符合國內網絡用戶的中欄瀏覽、閱讀習慣。三欄從上至下通欄整齊,方便閱讀,在閱讀中欄的同時可以兼顧左右邊欄的內容。而改版前的左欄為主題內容欄,用戶閱讀時最多只能延伸到中欄,右欄的閱讀點擊非常低。
2.頭部導航區域改版設計
2.1 頂部導航條將搜索框取消,下移整合至頻道導航的上方右側,不同的頻道自動默認搜? 索本頻道關鍵詞內容,合理用戶體驗。增加了頂部導航條上的頻道入口數量。
2.2 調整了頭部通欄廣告的尺寸和高度,廣告尺寸具體再下面內容介紹。
2.3 頻道LOGO取消域名變小尺寸統一為107×24. 旁邊增加熱點關鍵詞。
2.4 頻道導航條取消了之前右面的歸類內容,統一整合在導航條上,導航區域的內容精簡明確。有主次2級導航,次級導航可以根據頻道內容需求取消或使用。將新聞日歷等功能與搜索功能放在一起。
2.5 導航上前面頁采用滑動標簽設計,頻道首頁默認為首頁。點擊進入不同的二級頁面后滑動到相應的二級頁標簽,二級頁下屬的2級3級則默認為最上級二級切換標簽。這種設計可以提高編輯對頻道二三級頁面的規劃歸類要求。
頂部導航上通訊證登陸
2-2頁尾導航
頁面底部導航取消了搜索,之前保留此搜索時,使用率極低。
頁腳編輯和公司版權信息等文字顏色均為#4d4d4d
3.廣告和圖片尺寸的統一改版
3.1 新年后各首頁將上線新的廣告,銷售和設計中心對頻道首頁的廣告尺寸做了優化統一。
首先,銷售提出需要修改的廣告尺寸初稿。
然后,設計中心根據頁面的布局,美觀,合理性方面進行建議調整這些尺寸。
最后,經過無數次的多方面討論和協商制定出了最新的廣告尺寸規范,這也是網易所有的頁面:首頁,二級三級頁都統一使用的廣告尺寸。
3.2頭圖處理和圖片規范
同廣告尺寸一樣,各個頻道頁面中的圖片和控件也都做了統一規范改版,防止過多的隨意使用不同的圖片尺寸,造成頁面上的雜亂。
大頭圖尺寸只保留4種,除旅游、探索、讀書使用特殊尺寸以外,其他頻道首頁只有2種頭圖尺寸(橫圖300X225,豎圖300X400)——且頭圖統一放在頁面的左欄。如下圖所示:
4.關于二級頻道
二級頻道在整體大規范上的改版與首頁基本一致,頻道導航上采用滑動的標簽設計,點擊進入不同的二級頻道,滑動到相應的標簽上。頻道LOGO后面熱點換成二級頻道的頻道名+面包屑路徑。
二級頁面的布局是主要在首頁標準布局上,可以根據不同的情況需求延伸到幾種變化。如圖:
這些延伸的布局樣式基本涵蓋了所有網易二級頁面的需求,二級頁面可以比比首頁靈活一點,如排行頁、列表頁等都可以根本不同的情況需求,在使用這些延伸的布局。這些也可以嚴格控制編輯胡亂編排布局。
最后要說的:
這次改版主要是優化之前的版本,更加清晰、條理、整潔,更多的注重統一性和規范性。成功與否,關鍵還是在于用戶使用后的數據反饋。而且在這次改版中也發現了問題,這次的統一性規范性基本做到了位,但是一些頻道的頻道個性味道并不突出。這也許應該就是下次改版我們需要思考和注意的地方,在保持統一性規范性的同時,怎么來加強頻道之間的個性化。
來源:http://uedc.163.com/555.html
- 目前還沒評論,等你發揮!