如何從用戶角度設計網站和導航?

小編由於所處行業和工作性質的原因,可以說要花費很多時間泡在各種SEO論壇和網站設計的網站,例如站長之傢和A5都是小編經常逛的地方。但是,這幾天小編驚奇的發現,站長之傢首頁進行瞭改變,相比之前的網站,現在的站長之傢給人的一種感覺,無論從色彩和尋找信息的角度出發都更加容易。

首先,小編認為網站的整體風格。選擇顏色的搭配,對於網站來說,就要充分照顧到行業。一個網站良好的版面風格決定瞭用戶對於網站的好壞印象,也決定瞭網站能否吸引到客戶。如果我們在選擇網站風格中,選擇的顏色給人一種壓抑的感覺或者在顏色方面過於明亮和太絢麗就給人的眼球造成一種負擔,用戶的行為可能就是立馬關閉網站或者點擊進入下一個頁面,以躲開這種行為給人造成過度傷害。

因此,選擇網站風格,盡量選擇柔和或者是暖色,例如站長之傢選擇的就是一種藍白基調,這種就給人在視覺上不會造成任何的傷害。同樣A5選擇也是這樣一種風格基調,小編在使用這麼長不會出現視覺疲勞。所以,在選擇風格中,就要充分照顧到用戶。

接下來,是網站的字體大小。在字體的選擇中,也是有講究的。如果網站字體在這個頁面都選擇同樣大小,這就很容易給人一種很亂的感覺。小編在這裡說一句不要給用戶設置難度,用戶其實是很懶,不會刻意對你網站都進行全面的查看,除非是你的對手。然而,站長之傢這次改版在字體選擇中給小編很好的啟發。

在網站頭條中采用紅色字體,熱點閱讀也是使用紅色,專欄選擇藍色。字體大小選擇適中,這種鮮明的字體表達方式,給小編的一種很清楚的感覺,既不顯拖泥帶水,又能清晰表達出標題和頭條以及文章的描述。

導航條的細分。之前小編清楚的知道,站長之傢都是采用瞭一個導航條的形式。隻是對主要版塊,進行集合,能出首頁主導航。這次站長之傢改版就采用瞭細分的原則,一級欄目後面緊接著就是二級欄目。之前小編如果想要進入二級欄目就是需要點擊一級欄目才能看到這種二級欄目,經過這次細分之後,我們可以很輕松的進入到二級欄目,減少小編查找信息的點擊距離。例如,之前小編查找一篇文章,可能需要點擊四次,這次隻需要點擊三次或者是兩次就可以找到。

版塊采用先上後下,先左後右的原則。我們從上往下可以清楚看到網站頂部logo,接下來就是網站的導航,再下來就是網站幻燈品和頭條、推薦,然後專傢專欄和原創文章。這樣清楚知道人的視線焦點從上往西,從左往右。不會偏離出人視線范圍、可以說這種極簡風格小編特別喜歡。

網站選擇寬度的大小。我們都知道現在PC分為電腦筆記本和臺式機。臺式機的分辨率越來越大,但是相對來說,筆記本還是偏大。這就要求我們在網站策劃和設計中兼顧到筆記本和臺式機。小編在這裡建議,網站的寬度盡量選擇1000px,這樣能充分兼顧到筆記本和臺式機。至於說移動端,這裡也提醒下移動端可以選適配和建立手機站的形式。

最後一點就是網站的廣告位選擇。我們都知道廣告位的選擇,在選擇廣告位之前,就要先規劃出廣告位的位置,盡量不要給用戶查找信息帶來困難。之前小編查看過一個健康養生網站,在廣告位設置上,不管任何地方都放置廣告欄。這種行為根本沒有考慮過用戶體驗,這點站長之傢給人一種示范作用,既設置廣告位,還能保持網站的極簡,幹凈整潔的風格,實屬不易。

網站設計兼顧到用戶體驗,應該站到用戶的角度去思考問題。小編也是結合下自己經驗說說網站設計方面,至於網站設計還有很多的要求,例如程序的選擇,文案的策劃等,由於小編知識有限,今天就說到這裡。

延伸閱讀:

  • 技巧總結!網頁設計師必知的高效導航設計三原則
  • 從需求到內容:導航設計總結

本文來源於鄭州雲端科技/,轉載請保留作者鏈接,謝謝。