互連網產品一網易網站設計(思想)-網易設計風格

來源:互聯網
上載者:User
很多人可能認為門戶網站首頁設計只是把一些導航、資訊內容和廣告堆積起來擺放得好看就可以 了,雖然這個觀點也並不是完全錯誤的,確實門戶網站首頁是由這三方面內容組織而成,但隨著互連網的快速發展,使用者對訪問網站的要求也越來越高,在互連網行 業,因為很多東西是免費和相似的,使用者轉移成本會比較低,在這個網站有的東西去其他網站基本都能找到,只是輸入個網址就可以了。網站營運商如果想留住使用者 和吸引更多的使用者瀏覽自己的網站,那這個時候就是需要提高網站的使用者體驗來滿足使用者多方面的需求。 因此現在門戶網站的設計越來越講究和更為使用者著想,最理想的門戶網站設計流程需要經曆“使用者研究-互動設計-視覺設計-可用性測試”這幾個步驟, 其實有很多門戶網站設計也會經曆其中一些步驟,只是公司對這方面還沒有一個很好的認識,沒有一個系統的叫法和詳細的職能分工,往往都是一個人身兼多職,大 部分都是按個人經驗主觀判斷去決定,沒有一些客觀的資料支援。例如經常會有一些網站策劃者說:我也是網站使用者之一,這個功能我沒有使用需求,其他使用者也應 該沒有使用需求可以刪除。如果這時候有一份客觀的流量分析資料就知道使用者到底有沒有這個需求了。雖然我們不可能全部都需要客觀資料去做支援,但起碼能以客 觀資料為基礎再延伸到其他設計中。 下面我們從幾個方面來分析網易網站的設計思想: 一、架構1、網站首頁是兵家必爭之地,每個頻道負責人都想在顯眼的位置推薦自己的產品或者資訊來增加曝光率,總是希望把所有東西一下子讓使用者看到,但最後我 們就發現你放的東西越多,使用者就根本找不到他想要的東西,快速離開的可能性很大。在國內的門戶網站都習慣了資訊多、頁面長,什麼都往首頁堆,感覺內容越多 會顯的越大氣,但使用者的耐性是有限的,所以網頁的通透性對國內網站很重要,每一屏的架構變化不宜太多,適當就好,主次內容資訊位置保持一致性,不然使用者每 瀏覽到下一屏都需要重新去解讀架構,思考該從那裡開始閱讀,不但使用者的耐性被消耗掉還會增加使用者的瀏覽成本,所以網站首頁的架構必須清晰明了,保持較好的 通透性,減少使用者的瀏覽成本。 例如網易首頁,採用三欄式結構,左欄為導航推薦區提供網易特色產品入口,中欄為主要資訊區,提供快速、全面、動態各類新聞資訊,右欄為特色欄目區如部落格、論壇等。各欄的內容屬性清晰,使用者能快速找到他們需要的資訊暢順的瀏覽不需要多餘的思考。據研究分析使用者瀏覽網頁的視覺一般是從左至右、從上至下的一個瀏覽習慣。網易網站的架構也在往這個方向改進,不斷的提升使用者體驗。網易資訊類頁面大致可分為3類架構,是3類架構的視覺走向圖。網易首頁採用第一種架構,各頻道首頁例如新聞、體育、娛樂等採用第二種架構,新聞最終頁採用第三種架構。這樣可使使用者保持統一的視覺走向,無論瀏覽那個頁面使用者都知道他們需要的資訊在那裡,符合使用者瀏覽網頁的習慣,減少使用者瀏覽成本。 二、風格 相信多數人都很喜歡apple的產品,為什麼apple的產品那麼受福士歡迎,除了品牌影響力外,時尚簡單的外觀設計和介面設計,也是受歡迎的其 中原因之一,在apple的產品設計中讓人感覺沒有多餘的東西,每一根線存在都是有意義的。還有在中國的書畫史上,有很多藝術境界高遠的作品都是少費筆墨 卻格外傳神(如鄭燮的竹石、齊翁的墨蝦)。雖然網站設計不能稱作為一件藝術創作,但用最少的元素設計出最好的作品這個也是網站設計中所追求目標之一。 能用一根線表現出效果就沒有必要使用2根線,能用文字表示清楚的就不需要用圖片。頁面設計如果使用過多裝飾元素,會造成頁面龐大下載速度緩慢,不 要高估網民的耐性,大部分網民都是沒有耐性的。瀏覽大量資訊的時候需要一個簡潔無阻礙的介面,過多的色彩和裝飾反而會分散使用者的注意力,影響到使用者瀏覽效 果和減少對資訊的點擊。網站需要使用者看到的是網站提供的資訊內容和服務而不是花俏的裝飾(個性產品網站除外)。這也是網易門戶一直沿用簡潔風格原因之一。例如新改版的網易新聞,打破了以往條條框框的感覺,取消了多餘的線框,介面更清晰簡潔,資訊內容更突出。列舉2個簡潔風格做的比較好的外國門戶網站Yaho新聞使用的是立體效果的設計,time是以線條為主的設計,2者給人感覺是簡潔清晰沒有多餘的東西,既突出了資訊內容又不失美感。 每個門戶網站的面向受眾都不同,也會造成門戶網站的風格定位不一樣,例如面向受眾年齡層比較年輕的門戶網站,在設計風格可能會偏向多色彩多功能,而面向受眾年齡層較大的門戶網站,在設計風格上就會相反。但不管怎樣的設計風格保持清晰方便使用者瀏覽的介面是必要的。 三、資訊排布 門戶網站首頁一般都會承載大量的資訊資訊,密密麻麻的資訊會讓使用者瀏覽網頁的時候會產生壓迫感,如何能讓使用者順暢的瀏覽成為設計中重要的一環。 大家可以對比下面2張資訊排布圖,資訊條數都是相同的但第一張資訊排布圖會讓人感覺資訊很清晰。而第2張圖會讓使用者感覺到資訊排布有壓迫感,可能 還沒有開始閱讀就已經沒有耐性了(忠誠度非常高的使用者例外,但這類使用者畢竟比較少)。所以在資訊排布的時候到達一定行數時需要用一些留空做到視覺隔離,讓 視覺上有透氣的感覺。

四、視覺順序
 每天的新聞會有重點和非重點之分,有新和舊之分(舊只是相對),大部分使用者是希望先看最重要的後看非重要的,先看新的後看舊的這樣一個順序,那網站設計師就需要在視覺設計上引導使用者去瀏覽,如示  在一個資訊版塊裡,會有第一視覺區、第二視覺區、第三視覺區,就是說當使用者看到這一資訊版塊時第一眼會落到圖片的位置,第2眼會落到大標題上,第 3眼會落到其他地方。這樣有順序的引導使用者瀏覽,可減少使用者的瀏覽成本,增加頁面的視覺效果。在這個資訊版塊裡第1視覺和第2視覺有可能會因為選材方面而 轉換視覺,按常理圖型視覺衝擊力是大於文字的,但當選用的圖片素材不優的時候也會被文字所吸引過去。 五、亮點在國內的門戶網站有資訊多頁面長的特點,當使用者瀏覽到頁面最底部而又需要瀏覽更多資訊的時候,可能需要拉到最頂部才能點擊導航瀏覽其他頁面,這是一 個比較費力的工程,一般門戶網站的做法是提供一個“返回頂部”的功能,新改版的網易頻道頁面在這個位置提供一個和頭部對應的導航,不需要使用者二次點擊就能 達到目的。如:以上從幾方面簡單分析了網易網首頁的設計思想,相信還存在很多不足的地方,但我們會不斷的摸索和嘗試,為網友提供一個人性化的網路平台而努力。    現階段國內互連網行業和一些發達國家相比確實還有一段比較遠的距離,特別是在網站使用者體驗上還處於摸索階段,國人對瀏覽網站舒適度需求也在不斷提升,因此 提高網站的使用者體驗是網站設計未來發展的方向。但因為使用者體驗是純主觀的,就帶有一定的不確定因素,個體差異也決定了每個使用者的真實體驗是無法通過其他途 徑來完全類比或再現的。但是對於一個界定明確的使用者群體來講,其使用者體驗的共性是能夠經由良好設計的實驗來認識到。

本文出自 “互連網產品” 部落格,請務必保留此出處

 

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.