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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

第二十七、除非真正必要，否則不用新窗口打開鏈接
自動(dòng)用新鏈接打開窗口常常讓很多人生氣，因?yàn)樗麄兊淖烂嫔蠒?huì)有幾十個(gè)開啟的窗口，如果用戶想使用新窗口打開鏈接，他們可以自己按 SHIFT 鍵。只有新窗口是用來顯示一些提示性的消息，或者輔助性的內(nèi)容的時(shí)候，它們才是必要的。

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

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

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

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

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

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

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

網(wǎng)頁標(biāo)題：網(wǎng)站建設(shè)要遵守34個(gè)實(shí)用性原則
本文鏈接：http://www.muchs.cn/news8/33608.html

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

廣告

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