歡迎訪(fǎng)問(wèn)世紀網(wǎng)絡(luò )官網(wǎng),寶雞網(wǎng)站建設SEO優(yōu)化已累計服務(wù)超過(guò)900家企業(yè)!     咨詢(xún)熱線(xiàn):13619273150

15年網(wǎng)站建設優(yōu)化經(jīng)驗,900家客戶(hù)的選擇,值得信賴(lài)!


網(wǎng)站設計世紀網(wǎng)絡(luò )教你做到用戶(hù)至上

作者:孫斌      發(fā)布時(shí)間:2009-10-30      瀏覽:2350

62.9K


現在網(wǎng)頁(yè)設計師除了把頁(yè)面做的漂亮以外,越來(lái)越注重“用戶(hù)體驗”,就是要做“別讓用戶(hù)思考”的網(wǎng)頁(yè),使網(wǎng)站真正做到“可用性”。我們寶雞世紀網(wǎng)絡(luò )結合幾年的工作經(jīng)驗,談這方面的一些問(wèn)題,和大家共勉!

一、人們如何瀏覽網(wǎng)頁(yè)

上網(wǎng)的人是如何瀏覽網(wǎng)頁(yè)?現實(shí)和我們的想象可能會(huì )有很大的差距,因為我們覺(jué)得“用戶(hù)會(huì )盯著(zhù)每個(gè)網(wǎng)頁(yè),仔細閱讀我們精心制作的文字,領(lǐng)會(huì )我們頁(yè)面的組織方式”,事實(shí)上大部分時(shí)間用戶(hù)看網(wǎng)頁(yè)就象“高速公路看廣告牌一樣”,沒(méi)時(shí)間仔細閱讀,當然也不會(huì )用心思考。因而,我們必須為“掃描”而設計。

要盡可能留住用戶(hù)、吸引用戶(hù)訪(fǎng)問(wèn)網(wǎng)頁(yè),我們須注意以下幾點(diǎn):
  1、盡量符合用戶(hù)習慣的設計,讓人接受陌生的東西需要代價(jià),除非我們覺(jué)得這個(gè)代價(jià)是必須的。
  2、在頁(yè)面把越重要的東西越突出,建立清楚的視覺(jué)層次。
  3、可以點(diǎn)擊的地方必須突出,讓人明顯知道可以點(diǎn)擊。
  4、把頁(yè)面劃分成明確定義的區域
  5、省略多余的文字

二、關(guān)于導航的設計

導航顯然是網(wǎng)站最重要的部分,“如果在網(wǎng)站上找不到方向,人們就不會(huì )使用你的網(wǎng)站”?,F在WEB導航的習慣用法基本形成了,雖然還會(huì )繼續演化下去,但基本元素以產(chǎn)生:網(wǎng)站LOGO、網(wǎng)站欄目、返回主頁(yè)、搜索、實(shí)用工具或幫助。

網(wǎng)站LOGO,通常是頁(yè)面左上角,出現在頁(yè)面可視層級的首要位置,可以采取兩種方式:讓它成為本頁(yè)最顯眼的內容,或者讓它涵蓋頁(yè)面所有其他元素,當然網(wǎng)站LOGO設計的好壞對人產(chǎn)生心理影響就不用說(shuō)了。

網(wǎng)站欄目,也稱(chēng)導航條,站點(diǎn)層級結構的最頂層。導航條很多時(shí)候可以包容二級導航(下拉菜單的方式)。很多時(shí)候標簽的設計是導航采用的很好表現方式,Amazon.com幾乎把它發(fā)展到完美的狀態(tài)。

用標簽的方式設計導航時(shí)要注意幾點(diǎn):
  1、進(jìn)入網(wǎng)站時(shí),有一個(gè)標簽已經(jīng)選中;
  2、正確繪制,激活的標簽頁(yè)要位于其他標簽頁(yè)之前;
  3、顏色區分,可以讓每個(gè)欄目使用一種不用的標簽顏色,并把這種顏色用在頁(yè)面其他導航元素上,讓它們渾然一體;

搜索功能,如果有提供搜索功能的網(wǎng)站,要記住一個(gè)簡(jiǎn)單的公式:一個(gè)輸入框、一個(gè)按鈕、還有“Search”(搜索)兩個(gè)字,不要弄的太復雜。比如把 “搜索”換成“查找”、“快速查找”、“快速搜索”、“關(guān)鍵字搜索”都會(huì )讓用戶(hù)產(chǎn)生思考。如果必須為搜索框提供選項(縮小搜索范圍)一定要三思,謹慎提供選項,以便以何種方式提供最為合理,還有就是要保證這些選項的確有用,否則會(huì )挫傷用戶(hù)心理。

值得注意的是,很多網(wǎng)站到了二級頁(yè)面以下,導航便會(huì )變了支離破碎,隨意發(fā)揮。這個(gè)問(wèn)題非常普遍,以至于很難找到良好的三級導航的例子。事實(shí)上,用戶(hù)在底層頁(yè)面上花的時(shí)間通常和花在頂層頁(yè)面上的時(shí)間相同。除非我們一開(kāi)始就自頂向下進(jìn)行導航設計,否則以后很難添加,也很難保持一致性。這就意味著(zhù)我們在討論主頁(yè)的顏色方案之前,擁有顯示網(wǎng)站所有潛在級別的導航的DEMO設計非常重要。要做到這點(diǎn),必須設計師和相關(guān)策劃人員緊密結合,設計師必須提前知道整個(gè)站的概貌和細節內容。

有一點(diǎn),設計師常常忽略,就是記得為每個(gè)頁(yè)面加個(gè)名稱(chēng)。好像每個(gè)拐角處有一個(gè)路牌一樣,隨時(shí)讓駕駛者知道在哪里,無(wú)需思考。頁(yè)面的名稱(chēng)應該出現在涵蓋該頁(yè)內容的位置,要引人注目,在大多數情況下,它應該是該頁(yè)面最大的文字。

總之,一個(gè)擁有良好導航系統的網(wǎng)站,一眼就能告訴用戶(hù)這些信息:
  這是什么網(wǎng)站?(網(wǎng)站LOGO)
  我在哪個(gè)網(wǎng)頁(yè)上?(網(wǎng)頁(yè)名稱(chēng))
  這個(gè)站主要欄目有哪些?(導航欄目清單)
  在這個(gè)層次上我有哪些選擇?(頁(yè)面導航)
  我在導航系統的什么位置?(頁(yè)面里的“你在這里”的指示符號)
  我怎么搜索?

三、關(guān)于主頁(yè)設計

首先要承認,主頁(yè)不由我們控制。因為每個(gè)人都有個(gè)一個(gè)看法,如果要使每個(gè)人都滿(mǎn)意,那么就算最優(yōu)秀的主頁(yè)設計也無(wú)法達到。因此設計主頁(yè)時(shí)不可避免地要做一些折衷。但有一件事情不要忘記——傳達整體形象,即一眼可以讓人感受到這個(gè)站是干什么的。越快越好,越清楚越好。所以當瀏覽者進(jìn)入主頁(yè)時(shí),我們好不費力(幾秒鐘讓人了解)地告訴他四個(gè)問(wèn)題:

  這是什么網(wǎng)站?
  網(wǎng)站上有些什么?
  你能在這里做什么?
  為什么你在這里,而不是在其別地方?



0