網(wǎng)站建設(shè)要遵守34個實用性原則

在這個世界上，除了藝術(shù)以外，實用是衡量一個東西的首要標準。網(wǎng)站也是一樣的，實用不實用是第一個標準。要讓顧客方便使用，能夠解決問題。那么我們應該在網(wǎng)站建設(shè)中哪些方面加強實用性呢？

第一、Cookie, Javascript, CS
如果您希望您的企業(yè)網(wǎng)站能在絕大多數(shù)環(huán)境下被無障礙的訪問，請謹慎使用Cookie, Javascript, CS以外的技術(shù)，這里我們需要特別說一下 AJAX 和 Flash，它們也被很多人認可，而且 AJAX 事實上是基于 Javascript 的，然而，AJAX 同時要使用在某些瀏覽器安全配置下容易被禁用的 XMLHTTPRequest 對象，事實上，我的 IE 瀏覽器的安全配置就禁用 XMLHTTPRequest ，所以，除非加入到可信任站點，否則我連 Google Map 都無法順暢訪問。Flash 是一種偉大技術(shù)，在線廣告幾乎是它最好的使命，作為實用性規(guī)則，我們不排斥以 Flash 技術(shù)提供廣告，但 Flash 絕對不可以用在站點導航等站點基礎(chǔ)結(jié)構(gòu)中。

第二、只使用成熟、簡單、兼容的技術(shù)
Web 技術(shù)一直在發(fā)展，因為 Http 協(xié)議最初只是為了表現(xiàn)簡單的超文本，當人們賦予 Web 越來越多的使命的時候，Web 的局限性就表現(xiàn)出來了，為了解決這些問題，人們在 Web 上面附加了很多新技術(shù)以增強 Web 的表現(xiàn)能力，Cookie, Javscript, DHTML, ActiveX, Applet, CSS 一直到現(xiàn)在炙手可熱的 AJAX 技術(shù)，然而這些新技術(shù)很快帶來了兼容性問題，因為 Web 內(nèi)容要靠瀏覽器解釋，不同的瀏覽器加不同的安全配置，導致這些新技術(shù)并不能被如期地渲染出來。

第三、清晰、統(tǒng)一的導航
用戶在您的企業(yè)網(wǎng)站找到有用內(nèi)容的唯一途徑是通過站點的導航系統(tǒng)，您需要花大力氣來組織您的內(nèi)容，保證讓用戶以最快的速度找到它們。導航系統(tǒng)必須清晰，他們應該和站點的其它內(nèi)容用不同的顏色搭配以便在網(wǎng)頁上突出出來，同時，每個頁的導航系統(tǒng)應該完全一致，從一個頁面進入另一個頁面看到完全陌生的導航系統(tǒng)是非常令人沮喪的。

第四、導航深度不超過三級
雖然很多人覺得這太絕對，事實上，用戶需要點三次才能找到自己想要的內(nèi)容仍然太多，那種一級一級下潛的導航菜單是令人生畏的，很多人會產(chǎn)生進去以后便找不到路回來的恐懼，如果您能夠很好地組織自己的內(nèi)容，結(jié)合分頁機制，Tag機制，對絕大多數(shù)網(wǎng)站，三級導航深度已經(jīng)足夠使用了。

第五、導航鏈接中必須包含文字
為了美觀，許多人喜歡圖片按紐式的導航鏈接，如果您堅持這樣做，也無可厚非，但一定在圖片上同時加上文字，讓文字體現(xiàn)該鏈接的含義，因為除了設(shè)計者，外人往往很難猜測您的圖片按紐的含義，文字是最直接，最精確的。

第六、不使用任何網(wǎng)頁特效
雖然網(wǎng)頁特效并不一定涉及不兼容技術(shù)，但網(wǎng)頁特效對絕大多數(shù)人來說是非常厭煩的，企業(yè)網(wǎng)站絕對不應該使用那些僅僅為了好玩的網(wǎng)頁特效，除非您還生活在90年代，或者您只有14歲。最令人厭煩的網(wǎng)頁特效包括，要求設(shè)為主頁，接連彈出的窗口，全屏窗口，改變鼠標光標，在狀態(tài)條上滾動的廢話，頁面內(nèi)容禁選，禁止查看源代碼，閃爍的文字，離開時的彈窗，顏色古怪的窗口滾動條，聲音背景。
需要記住一條，訪問者永遠都不會因為您使用了一種自認為很 Cool 的特效而覺得您了不起。

第七、必須有純文本版本的站點地圖
當用戶在您的令人眼花繚亂的站點導航中徹底迷失的時候，純文字版的，簡單直接的站點地圖還可以救急，站點地圖可以幫助用戶快速找到他們想要的內(nèi)容，這是對導航系統(tǒng)的補充，甚至對有些站點來說，比導航系統(tǒng)更有效。另外，純文本版的站點地圖非常容易被搜索引擎抓取并以此遍歷您的整個站點。

第八、必須有面包屑導航條
面包屑導航(Breadcrumb Navigation)這個概念來自童話故事"漢澤爾和格雷特爾"，當漢澤爾和格雷特爾穿過森林時，他們在沿途走過的地方都撒下了面包屑，讓這些面包屑來幫助他們找到回家的路，所以，面包屑導航的作用是告訴訪問者他們目前在網(wǎng)站中的位置以及如何返回。

第九、對于連貫性內(nèi)容(sequential content)，應提供向?qū)綄Ш?br />比如說，您在網(wǎng)站上發(fā)表很長的系列文章，您應該將文章分成多個章節(jié)，用戶看完這一章以后，下面應該有兩個鏈接，分別指向上一章和下一章，這樣，用戶不必滾動回頁面上方訪問導航系統(tǒng)，他/她可以直接點這兩個鏈接在文章中前進或后退，這樣不僅節(jié)省用戶的時候，還可以帶來連貫閱讀的快感。

第十、每頁都有自己的標題
許多企業(yè)網(wǎng)站的所有頁的標題都是企業(yè)的名字或者一句口號，這會讓用戶不知道他們訪問的當前頁是說什么的，每頁都應有一個和本頁內(nèi)容匹配的標題，這樣，即使用戶打開了很多窗口，仍然可以通過標題知道哪一頁是說什么的。從 SEO 的角度看，在標題中使用本頁內(nèi)容中某些關(guān)鍵詞是非常好的習慣，而且，當您的頁面出現(xiàn)在搜索引擎的搜索結(jié)果中時，您的頁面標題應當明確地告訴搜索者他們搜到的頁面是關(guān)于什么的。

第十一、任何頁都有一個鏈接指向首頁
人們進入一個陌生的地方，當感到迷失或不安的時候，會立刻想到返回入口位置，訪問者進入您的網(wǎng)站也是這樣，每頁都有一個指向首頁的鏈接可以幫助用戶在感到迷失的時候，迅速返回入口重新開始。

第十二、網(wǎng)站的 Logo 指向首頁
這一條似乎沒有什么道理，但幾乎所有望站都遵守這樣的約定，當很多人都這樣約定的時候，您沒有理由例外。

第十三、不使用歡迎頁
當 Flash 如火如荼的時候，設(shè)置一個歡迎頁，向用戶播放一段精美的動畫是很多企業(yè)網(wǎng)站的追求的模式，然而這種想法實在糟糕，很多人沒有耐心等待那段漫長的動畫下載完畢便離開了，您能想象去超市買東西前，需要先在門口看一段歡迎影片才能進去嗎?您應當讓用戶直接進來，一進來就看到實質(zhì)的內(nèi)容，不要用您的浪漫想法浪費用戶的時間，而且，由于搜索引擎也要首先經(jīng)過這個歡迎頁面才能深入到網(wǎng)站內(nèi)部，一個讓搜索引擎無法解讀的 Flash 動畫會讓搜索引擎認為您的網(wǎng)站上什么東西都沒有。

第十四、任何圖片必須設(shè)置 ALT 和 TITLE 屬性
在您的圖片完全下載之前，瀏覽器無法把它們顯示出來，或者，某些瀏覽器可能關(guān)閉了圖片顯示，或者您的圖片資源可能丟失了，這個時候，ALT 或 TITLE 屬性會讓瀏覽器將圖片的描述性文字顯示在圖片的位置，讓用戶至少知道那個位置準備將要顯示的是什么。這個屬性也幫助搜索引擎更好地理解您的圖片。
如果圖片要以縮略圖形式顯示，使用真正的降低了尺寸的縮略圖，不要只是改變圖片的寬度和高度屬性。這可以顯著降低頁面尺寸。

第十五、鏈接必須擁有可標識的視覺特征
藍色字體加下劃線是所有人都認可的鏈接的視覺特征，人們會用鼠標去點這樣的地方，然而每個網(wǎng)站都有自己的配色風格，您的頁面背景可能導致藍色字體無法清楚地顯示，這沒有關(guān)系，您應當為全站的鏈接設(shè)置一致的視覺特征，已經(jīng)訪問過的鏈界要與不同的視覺特征。

第十六、任何頁都有一個打印友好版本
網(wǎng)頁是用來在屏幕上顯示的，不是設(shè)計為用來打印的，所以，使用 IE 瀏覽器的打印功能打印出來的網(wǎng)頁總是不理想，如果您希望用戶能順利地打印您的內(nèi)容，您應該對每個頁面都提供一個打印友好版本，打印友好版本中可以將導航系統(tǒng)等過分浪費空間的東西隱藏起來，讓真正的內(nèi)容成為頁面主體，同時，要使用白底黑字，不要使用背景圖案。

第十七、您的站點應當避免讓絕大多數(shù)用戶左右滾動窗口
例如，如果目前主流顯示器尺寸是 1024 x 768，即絕大多數(shù)用戶的屏幕尺寸至少是這個值，那么對于仍然使用 800 x 600 分辨率屏幕的用戶，在您的頁面布局中應盡量避免讓小屏幕用戶左右滾動，上下滾動已經(jīng)夠麻煩，再加上左右滾動簡直是個噩夢。您可以讓您的網(wǎng)業(yè)自動適應屏幕尺寸，從技術(shù)上說，這并不困難;也可以假設(shè)一個寬度，這個假設(shè)的寬度照顧到您認為已經(jīng)適度的用戶群，這是一個權(quán)衡問題，事實上，對小尺寸屏幕過分絕對地照顧也未必是好事，一個低于 800 像素寬度的頁面在 1024 寬度的屏幕上顯示尚可，在 1280 寬度的屏幕上會顯得很不協(xié)調(diào)。

第十八、站點必須在第一級導航深度處，讓用戶看到您的完整聯(lián)系方式
對于陌生的企業(yè)網(wǎng)站，如果不能在第一頁就看到企業(yè)的聯(lián)系方式，甚至，聯(lián)系電話如果不是固定電話號碼，我都會感到不放心，您應當在第一級導航深度的頁面中，便提供企業(yè)的詳細聯(lián)系方式，要讓用戶看到您的地址，聯(lián)系電話，同域名下的郵件地址，在到處都有欺騙存在的網(wǎng)絡世界，您應當非常確切地將您現(xiàn)實中真實的聯(lián)系方式體現(xiàn)出來，這會讓用戶放心。

第十九、頁面都使用一致的配色和一致的結(jié)構(gòu)
和全站使用一致的導航系統(tǒng)一樣，所有頁面使用一致的配色和結(jié)構(gòu)可以幫助用戶將注意力只集中在內(nèi)容上面，您不應該強迫用戶在新頁面中重新適應新的布局。

第二十、每個頁面的尺寸應當小于50K
必須承受，如果算上圖片，外部 Javascript, 外部 CSS，我們自己的網(wǎng)站有很多頁面的尺寸也無法低于50K，但這是一個目標，您應當盡可能降低頁面尺寸，不管如今的寬度速度已經(jīng)多么快，要知道，多數(shù)人的 ADSL 接入速度不低于 120KBS 并不意味著人們能以這樣的速度訪問您的網(wǎng)站，不同網(wǎng)絡運營商之間還存在著網(wǎng)絡瓶頸，您的網(wǎng)站的外地訪問速度可能遠遠低于本地訪問速度。

第二十一、在所有主流瀏覽器中擁有一致的表現(xiàn)
IE內(nèi)核的瀏覽器在目前的市場份額已經(jīng)降低到 60% 左右，另外的 40% 被 Mozilla,Firefox, Safari, Opera 等占據(jù)，您的網(wǎng)站應該服務 W3C 標準，這樣，可以被所有主流瀏覽器無障礙地訪問，如果您的網(wǎng)站只支持 IE，就可能將 40% 的用戶擋在門外。

第二十二、在用戶操作現(xiàn)場提供幫助，而不是進入專門的幫助系統(tǒng)
網(wǎng)站的幫助系統(tǒng)應當分散到各種操作現(xiàn)場，不需要象常規(guī)軟件那樣使用專門的幫助系統(tǒng)，隨時隨地為用戶提供有用的幫助信息，讓幫助簡單化，改善用戶的訪問體驗。

第二十三、用戶可以對某些內(nèi)容進行評論或反饋
在 Web2.0 時代，應當注重用戶的參與，網(wǎng)站上的絕大多數(shù)內(nèi)容應該允許并鼓勵用戶參與評論和反饋，讓用戶不必注冊就可以參與評論，如果用戶必須注冊才可以參與某些內(nèi)容，注冊過程也應該盡可能簡單。

第二十四、頁面不可過分擁擠
不要象現(xiàn)在的某些門戶網(wǎng)站那樣，將令人眼花繚亂的信息塞滿首頁，即使您必須放那么多內(nèi)容，也要留出足夠多的空白和邊界，否則用戶會覺得很累，Web 頁面的媒介是屏幕，不是紙張，您實在沒有必要去節(jié)省屏幕的空間，讓內(nèi)容之間寬松地分布在頁面上，給用戶以閑適感。

第二十五、用不同色彩標識未訪問和已訪問過的鏈接
Web 公認的配色為，未訪問過的鏈接使用藍色(Blue)，訪問過的鏈接使用紫色(Purple)，但您可以根據(jù)您全站的色彩搭配設(shè)定自己的配色，只要保持全局一致即可。

第二十六、使用所有人都可以正確顯示的字體
一定不要使用生僻或美術(shù)字體，您的訪問者使用和您不同的系統(tǒng)，可能是不同版本的 Windows，可能是 Mac 機，或 Linux 甚至掌上電腦，您無法保證在您這里正常顯示的某種字體，在用戶那里也正常顯示，盡可能使用標準字體，并在不同環(huán)境下進行測試，保證您的字體不會給任何人帶來麻煩。

第二十七、除非真正必要，否則不用新窗口打開鏈接
自動用新鏈接打開窗口常常讓很多人生氣，因為他們的桌面上會有幾十個開啟的窗口，如果用戶想使用新窗口打開鏈接，他們可以自己按 SHIFT 鍵。只有新窗口是用來顯示一些提示性的消息，或者輔助性的內(nèi)容的時候，它們才是必要的。

第二十八、不使用滿屏模式顯示網(wǎng)頁，讓用戶自己決定窗口的大小
不要自動為用戶打開全屏窗口，很多用戶并不知道應該怎樣從全屏幕狀態(tài)轉(zhuǎn)回來，全屏窗口可能讓用戶感到恐慌，因為出了什么問題，不管怎樣，全屏窗口是非常糟糕的事情，一定不要使用。

第二十九、不要彈出窗口
許多瀏覽器，或者它們的插件會阻止彈出窗口，如果您必須使用彈出窗口以便向用戶顯示某個意外消息，如嚴重錯誤消息，或者通知等等，您可以考慮使用 Lightbox，Lightbox 是一種具有很好的視覺效果，又兼容各種主流瀏覽器的技術(shù)，適合在網(wǎng)站上顯示通知，錯誤消息等等彈出內(nèi)容，然而它并不使用彈窗技術(shù)，它彈出的內(nèi)容仍然位于母窗體，任何瀏覽器彈窗阻止系統(tǒng)都不會組織這種彈出內(nèi)容。

第三十、用戶注冊的時候，只填寫必要的內(nèi)容
事實上，應該只填寫用戶名和密碼就夠了，完全沒有必要要求用戶提供更多詳細信息，因為多數(shù)人會提供假的。除非您的系統(tǒng)是一些類似 B2B, B2C 的系統(tǒng)，需要用戶提供真實身份開展業(yè)務。

第三十一、廣告不可使用欺騙伎倆，欺騙不熟練的用戶點擊
您一定遇到過這樣的廣告，頁面上突然彈出一個小窗口，說您的系統(tǒng)感染了某某流行病毒，請點擊該按紐清除;或者說某某人給您發(fā)來一個消息云云，這種明顯的欺詐性廣告是非常低劣的，是對用戶明顯的愚弄，不要挑戰(zhàn)您的用戶的智商，尤其當很多人都上過當并怒不可遏的時候。

第三十二、剝離了 Javascript, CSS 等支持文件，您的網(wǎng)頁仍然能準確的顯示
在某些情況下，用戶可能禁用 Javascript，CSS 文件可能丟失，這時您的網(wǎng)站頁面仍能正常顯示。網(wǎng)頁設(shè)計的一個基本原則是，首先不使用任何 CSS 裝飾將內(nèi)容正確顯示，然后套用 CSS 將內(nèi)容修飾。另外，Javascript 不應該用在導航等關(guān)鍵場合，一旦 Javascript 被禁用，用戶可能導航都使用不了。

第三十三、網(wǎng)頁上的廣告需要有明確的廣告標志
要告訴用戶那是廣告，廣告要和您的內(nèi)容有一定的分隔邊界，免得二者混在一起讓用戶迷惑，請記住，用戶在不知情，或被欺騙時點擊的廣告是沒有任何效用的，帶不來任何銷售，即使您的廣告是來自 Google Adsense 那樣的點擊付費廣告，也不要欺騙用戶點擊，這是一個從業(yè)者最基本的操守。

第三十四、全文搜索
如果用戶不愿一頁一頁地翻看您的網(wǎng)站，您應當提供全文搜索功能，雖然您的搜索功能比起專業(yè)的搜索引擎還差很多，但可以幫助您的用戶快速找到他們感興趣的內(nèi)容，不要使用 Google 等商業(yè)引擎的搜索代碼進行搜索，與其那樣還不如讓用戶直接到 Google 中去搜索，您應當提供一個本地搜索功能，不需要象 Google 那樣強大，因為您不需要支撐那么大的用戶量，也不需要搜索那么龐大的海量信息，您網(wǎng)站的本地搜索功能對用戶來說，可能比 Google 更有幫助。

標題名稱：網(wǎng)站建設(shè)要遵守34個實用性原則
轉(zhuǎn)載來于：http://www.muchs.cn/news/33608.html

網(wǎng)站建設(shè)、網(wǎng)絡推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡營銷seo公司；服務項目有網(wǎng)站建設(shè)等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)