網易網站設計思想

8 l# g. c2 s6 d9 W5 v
4 c; `+ }4 D0 y7 p很多人可能認為門戶網站首頁設計只是把一些導航、資訊內容和廣告堆積起來擺放得好看就可以了，雖然這個觀點也並不是完全錯誤的，確實門戶網站首頁是由這三方面內容組織而成，但隨著互聯網的快速發展，用戶對訪問網站的要求也越來越高，在互聯網行業，因為很多東西是免費和相似的，用戶轉移成本會比較低，在這個網站有的東西去其他網站基本都能找到，只是輸入個網址就可以了。網站營運商如果想留住用戶和吸引更多的用戶瀏覽自己的網站，那這個時候就是需要提高網站的用戶體驗來滿足用戶多方面的需求。
因此現在門戶網站的設計越來越講究和更為用戶著想，最理想的門戶網站設計流程需要經歷「用戶研究-交互設計-視覺設計-可用性測試」這幾個步驟，其實有很多門戶網站設計也會經歷其中一些步驟，只是公司對這方面還沒有一個很好的認識，沒有一個系統的叫法和詳細的職能分工，往往都是一個人身兼多職，大部分都是按個人經驗主觀判斷去決定，沒有一些客觀的數據支持。例如經常會有一些網站策劃者說：我也是網站用戶之一，這個功能我沒有使用需求，其他用戶也應該沒有使用需求可以刪除。如果這時候有一份客觀的使用分析數據就知道用戶到底有沒有這個需求了。雖然我們不可能全部都需要客觀數據去做支持，但起碼能以客觀數據為基礎再延伸到其他設計中。
: Z8 I+ k" e* L$ M# o$ o下面我們從幾個方面來分析網易網站的設計思想：
一、架構
1、網站首頁是兵家必爭之地，每個頻道負責人都想在顯眼的位置推薦自己的產品或者資訊來增加曝光率，總是希望把所有東西一下子讓用戶看到，但最後我們就發現你放的東西越多，用戶就根本找不到他想要的東西，快速離開的可能性很大。在國內的門戶網站都習慣了資訊多、頁面長，什麼都往首頁堆，感覺內容越多會顯的越大氣，但用戶的耐性是有限的，所以網頁的通透性對國內網站很重要，每一屏的架構變化不宜太多，適當就好，主次內容信息位置保持一致性，不然用戶每瀏覽到下一屏都需要重新去解讀架構，思考該從那裡開始閱讀，不但用戶的耐性被消耗掉還會增加用戶的瀏覽成本，所以網站首頁的架構必須清晰明瞭，保持較好的通透性，減少用戶的瀏覽成本。
例如網易首頁，採用三欄式結構，左欄為導航推薦區提供網易特色產品入口，中欄為主要資訊區，提供快速、全面、動態的各類新聞資訊，右欄為特色欄目區如Blog、論壇等。各欄的內容屬性清晰，用戶能快速找到他們需要的信息暢順的瀏覽不需要多餘的思考。

% ^8 |( h+ B& a6 z8 [
) z# W  t9 U  R
據研究分析用戶瀏覽網頁的視覺一般是從左到右、從上至下的一個瀏覽習慣。網易網站的架構也在往這個方向改進，不斷的提升用戶體驗。網易資訊類頁面大致可分為3類架構，下圖是3類架構的視覺走向圖。
1 Y8 G7 W- \, t! h9 q0 j

3 V, }+ ~+ n+ [3 j5 f網易首頁採用第一種架構，各頻道首頁例如新聞、體育、娛樂等採用第二種架構，新聞最終頁採用第三種架構。這樣可使用戶保持統一的視覺走向，無論瀏覽那個頁面用戶都知道他們需要的資訊在那裡，符合用戶瀏覽網頁的習慣，減少用戶瀏覽成本。

二、風格
相信多數人都很喜歡apple的產品，為什麼apple的產品那麼受大眾歡迎，除了品牌影響力外，時尚簡單的外觀設計和界面設計，也是受歡迎的其中原因之一，在apple的產品設計中讓人感覺沒有多餘的東西，每一根線存在都是有意義的。還有在中國的書畫史上，有很多藝術境界高遠的作品都是少費筆墨卻格外傳神（如鄭燮的竹石、齊翁的墨蝦）。雖然網站設計不能稱作為一件藝術創作，但用最少的元素設計出最好的作品這個也是網站設計中所追求目標之一。
能用一根線表現出效果就沒有必要使用2根線，能用文字表示清楚的就不需要用圖片。頁面設計如果使用過多裝飾元素，會造成頁面龐大下載速度緩慢，不要高估網民的耐性，大部分網民都是沒有耐性的。瀏覽大量信息的時候需要一個簡潔無阻礙的界面，過多的色彩和裝飾反而會分散用戶的注意力，影響到用戶瀏覽效果和減少對資訊的點擊。網站需要用戶看到的是網站提供的信息內容和服務而不是花俏的裝飾（個性產品網站除外）。這也是網易門戶一直沿用簡潔風格原因之一。
. Y! C1 y  {9 J% ~; t+ w例如新改版的網易新聞，打破了以往條條框框的感覺，取消了多餘的線框，界面更清晰簡潔，資訊內容更突出。
* T( y. e/ I) {5 l! m5 o

列舉2個簡潔風格做的比較好的外國門戶網站：
+ D  M3 p4 F) U$ I

Yaho新聞使用的是立體效果的設計，time是以線條為主的設計，2者給人感覺是簡潔清晰沒有多餘的東西，既突出了資訊內容又不失美感。
! W8 _1 s6 n! u# ^/ Z9 G; {/ q每個門戶網站的面向受眾都不同，也會造成門戶網站的風格定位不一樣，例如面向受眾年齡層比較年輕的門戶網站，在設計風格可能會偏向多色彩多功能，而面向受眾年齡層較大的門戶網站，在設計風格上就會相反。但不管怎樣的設計風格保持清晰方便用戶瀏覽的界面是必要的。

- e. O2 Y# i9 w2 D) u: M
三、信息排布
$ z- p4 y) k' x4 ~2 `3 y門戶網站首頁一般都會承載大量的資訊信息，密密麻麻的信息會讓用戶瀏覽網頁的時候會產生壓迫感，如何能讓用戶順暢的瀏覽成為設計中重要的一環。
1 J( n+ I1 t3 ]4 f( W) W7 Z( ]大家可以對比下面2張信息排布圖，信息條數都是相同的但第一張信息排布圖會讓人感覺信息很清晰。而第2張圖會讓用戶感覺到信息排布有壓迫感，可能還沒有開始閱讀就已經沒有耐性了（忠誠度非常高的用戶例外，但這類用戶畢竟比較少）。所以在信息排布的時候到達一定行數時需要用一些留空做到視覺隔離，讓視覺上有透氣的感覺。

1 |, X$ A% L) J; t7 r  B

四、視覺順序  
+ \: u' N3 H+ j2 _" @3 F* d每天的新聞會有重點和非重點之分，有新和舊之分（舊只是相對），大部分用戶是希望先看最重要的後看非重要的，先看新的後看舊的這樣一個順序，那網站設計師就需要在視覺設計上引導用戶去瀏覽，如下圖示：

& y! O' D" q. a7 T/ S7 \. M% j, `5 Q
) S2 |3 {& b8 g/ H+ H# U& K$ J# f
( D) L- p0 I3 R/ t6 V在一個信息版塊裡，會有第一視覺區、第二視覺區、第三視覺區，就是說當用戶看到這一信息版塊時第一眼會落到圖片的位置，第2眼會落到大標題上，第3眼會落到其他地方。這樣有順序的引導用戶瀏覽，可減少用戶的瀏覽成本，增加頁面的視覺效果。在這個信息版塊裡第1視覺和第2視覺有可能會因為選材方面而轉換視覺，按常理圖型視覺衝擊力是大於文字的，但當選用的圖片素材不優的時候也會被文字所吸引過去。
) C) y. _) G: E) @. W3 a五、亮點
, ^2 j/ t6 V. r" O* K% `0 V在國內的門戶網站有資訊多頁面長的特點，當用戶瀏覽到頁面最底部而又需要瀏覽更多資訊的時候，可能需要拉到最頂部才能點擊導航瀏覽其他頁面，這是一個比較費力的工程，一般門戶網站的做法是提供一個「返回頂部」的功能，新改版的網易頻道頁面在這個位置提供一個和頭部對應的導航，不需要用戶二次點擊就能達到目的。如下圖：
6 Q! l! d& |3 G; ]8 t
# S0 {+ s+ O2 U$ M% n

( @/ t! u9 e4 r7 t8 k- W以上從幾方面簡單分析了網易網首頁的設計思想，相信還存在很多不足的地方，但我們會不斷的摸索和嘗試，為網友提供一個人性化的網絡平台而努力。
' G7 s  }: A1 S& Q7 N/ V現階段國內互聯網行業和一些發達國家相比確實還有一段比較遠的距離，特別是在網站用戶體驗上還處於摸索階段，國人對瀏覽網站舒適度需求也在不斷提升，因此提高網站的用戶體驗是網站設計未來發展的方向。但因為用戶體驗是純主觀的，就帶有一定的不確定因素，個體差異也決定了每個用戶的真實體驗是無法通過其他途徑來完全模擬或再現的。但是對於一個界定明確的用戶群體來講，其用戶體驗的共性是能夠經由良好設計的實驗來認識到。

老外的網站審美好像和咱們不一樣。感覺國外的網站都比較亂，還是國內的網站佈局有條理。

O(∩_∩)O~
* y  e' k6 q' A: e1 J  L很不錯的文章

多去扒站...為何還要學什麼設計啊..