完善的內(nèi)容是用來應(yīng)用的,不管您的內(nèi)容多么出色,假如它們很難拜訪,用戶照樣會(huì)離開,易用性不僅僅牽扯到技巧,更多的是良好的Web 創(chuàng)作習(xí)慣以及易用性。以下就先容34條實(shí)用的網(wǎng)站建設(shè)規(guī)矩,盼看能對(duì)建站朋友們有用。
1、只應(yīng)用成熟,簡略,兼容的技巧
Web 技巧一直在發(fā)展,由于 Http 協(xié)議最初只是為了表現(xiàn)簡略的超文本,當(dāng)人們賦予 Web 越來越多的使命的時(shí)候,Web 的局限性就表現(xiàn)出來了,為懂得決這些標(biāo)題,人們?cè)?Web 上面附加了很多新技巧以加強(qiáng) Web 的表現(xiàn)才能,Cookie, Javscript, DHTML, ActiveX, Applet, CSS 一直到現(xiàn)在炙手可熱的 AJAX 技巧,然而這些新技巧很快帶來了兼容性標(biāo)題,由于 Web 內(nèi)容要靠瀏覽器說明,不同的瀏覽器加不同的安全配置,導(dǎo)致這些新技巧并不能被如期地渲染出來。
2、Cookie, Javascript, CSS
假如您盼看您的企業(yè)網(wǎng)站能在盡大多數(shù)環(huán)境下被無障礙的拜訪,請(qǐng)謹(jǐn)嚴(yán)應(yīng)用除此之外的技巧,這里我們需要特別說一下 AJAX 和 Flash,它們也被很多人認(rèn)可,而且 AJAX 事實(shí)上是基于 Javascript 的,然而,AJAX 同時(shí)要應(yīng)用在某些瀏覽器安全配置下輕易被禁用的 XMLHTTPRequest 對(duì)象,事實(shí)上,我的 IE 瀏覽器的安全配置就禁用 XMLHTTPRequest ,所以,除非參加到可信任站點(diǎn),否則我連 Google Map 都無法順暢拜訪。Flash 是一種巨大技巧,在線廣告幾乎是它最完善的使命,作為易用性規(guī)矩,我們不排擠以 Flash 技巧供給廣告,但 Flash 盡對(duì)不可以用在站點(diǎn)導(dǎo)航等站點(diǎn)基礎(chǔ)結(jié)構(gòu)中。
3、不應(yīng)用任何網(wǎng)頁殊效
固然網(wǎng)頁殊效并不必定涉及不兼容技巧,但網(wǎng)頁殊效對(duì)盡大多數(shù)人來說是非常厭煩的,企業(yè)網(wǎng)站盡對(duì)不應(yīng)當(dāng)應(yīng)用那些僅僅為了好玩的網(wǎng)頁殊效,除非您還生活在90年代(現(xiàn)在已經(jīng)是2007年),或者您只有14歲。最令人厭煩的網(wǎng)頁殊效包含,請(qǐng)求設(shè)為主頁,接連彈出的窗口,全屏窗口,轉(zhuǎn)變鼠標(biāo)光標(biāo),在狀態(tài)條上轉(zhuǎn)動(dòng)的空話,頁面內(nèi)容禁選,禁止查看源代碼,閃耀的文字,離開時(shí)的彈窗,色彩古怪的窗口轉(zhuǎn)動(dòng)條,聲音背景。
需要記住一條,拜訪者永遠(yuǎn)都不會(huì)由于您應(yīng)用了一種自認(rèn)為很 Cool 的殊效而感到您了不起。
4、明白,同一的導(dǎo)航
用戶在您的企業(yè)網(wǎng)站找到有用內(nèi)容的唯一道路是通過站點(diǎn)的導(dǎo)航系統(tǒng),您需要花大力量來組織您的內(nèi)容,保證讓用戶以最快的速度找到它們。導(dǎo)航系統(tǒng)必需明白,他們應(yīng)當(dāng)和站點(diǎn)的其它內(nèi)容用不同的色彩搭配以便在網(wǎng)頁上突出出來,同時(shí),每個(gè)頁的導(dǎo)航系統(tǒng)應(yīng)當(dāng)完整一致,從一個(gè)頁面進(jìn)進(jìn)另一個(gè)頁面看到完整陌生的導(dǎo)航系統(tǒng)是非常令人沮喪的。
5、導(dǎo)航深度不超過三級(jí)
固然很多人感到這太盡對(duì),事實(shí)上,用戶需要點(diǎn)三次才干找到自己想要的內(nèi)容仍然太多,那種一級(jí)一級(jí)下潛的導(dǎo)航菜單是令人生畏的,很多人會(huì)產(chǎn)生進(jìn)往以后便找不到路回來的膽怯,假如您能夠很好地組織自己的內(nèi)容,聯(lián)合分頁機(jī)制,Tag機(jī)制,對(duì)盡大多數(shù)網(wǎng)站,三級(jí)導(dǎo)航深度已經(jīng)足夠應(yīng)用了。
6、導(dǎo)航鏈接中必需包含文字
為了雅觀,很多人愛好圖片按紐式的導(dǎo)航鏈接,假如您保持這樣做,也無可厚非,但必定在圖片上同時(shí)加上文字,讓文字體現(xiàn)該鏈接的含義,由于除了設(shè)計(jì)者,外人往往很難猜測您的圖片按紐的含義,文字是最直接,最準(zhǔn)確的。
7、必需有純文本版本的站點(diǎn)輿圖
當(dāng)用戶在您的令人眼花紛亂的站點(diǎn)導(dǎo)航中徹底迷失的時(shí)候,純文字版的,簡略直接的站點(diǎn)輿圖還可以救急,站點(diǎn)輿圖可以幫助用戶快速找到他們想要的內(nèi)容,這是對(duì)導(dǎo)航系統(tǒng)的補(bǔ)充,甚至對(duì)有些站點(diǎn)來說,比導(dǎo)航系統(tǒng)更有效。另外,純文本版的站點(diǎn)輿圖非常輕易被搜索引擎抓取并以此遍歷您的全部站點(diǎn)。
8、必需有面包屑導(dǎo)航條
面包屑導(dǎo)航(Breadcrumb Navigation)這個(gè)概念來自童話故事"漢澤爾和格雷特爾",當(dāng)漢澤爾和格雷特爾穿過森林時(shí),他們?cè)谘赝咀哌^的處所都撒下了面包屑,讓這些面包屑來幫助他們找到回家的路,所以,面包屑導(dǎo)航的作用是告訴拜訪者他們目前在網(wǎng)站中的地位以及如何返回。
9、每頁都有自己的標(biāo)題
很多企業(yè)網(wǎng)站的所有頁的標(biāo)題都是企業(yè)的名字或者一句口號(hào),這會(huì)讓用戶不知道他們拜訪確當(dāng)前頁是說什么的,每頁都應(yīng)有一個(gè)和本頁內(nèi)容匹配的標(biāo)題,這樣,即應(yīng)用戶打開了很多窗口,仍然可以通過標(biāo)題知道哪一頁是說什么的。從 SEO 的角度看,在標(biāo)題中應(yīng)用本頁內(nèi)容中某些要害詞是非常好的習(xí)慣,而且,當(dāng)您的頁面呈現(xiàn)在搜索引擎的搜索成果中時(shí),您的頁面標(biāo)題應(yīng)當(dāng)明白地告訴搜索者他們搜到的頁面是關(guān)于什么的。
10、任何頁都有一個(gè)鏈接指向首頁
人們進(jìn)進(jìn)一個(gè)陌生的處所,當(dāng)感到迷失或不安的時(shí)候,會(huì)立即想到返回進(jìn)口地位,拜訪者進(jìn)進(jìn)您的網(wǎng)站也是這樣,每頁都有一個(gè)指向首頁的鏈接可以幫助用戶在感到迷失的時(shí)候,敏捷返回進(jìn)口重新開端。
11、網(wǎng)站的 Logo 指向首頁
這一條似乎沒有什么道理,但幾乎所有看站都遵照這樣的商定,當(dāng)很多人都這樣商定的時(shí)候,您沒有理由例外。
12、對(duì)于連貫性內(nèi)容(sequential content),應(yīng)供給向?qū)綄?dǎo)航
比如說,您在網(wǎng)站上發(fā)表很長的系列文章,您應(yīng)當(dāng)將文章分成多個(gè)章節(jié),用戶看完這一章以后,下面應(yīng)當(dāng)有兩個(gè)鏈接,分辨指向上一章和下一章,這樣,用戶不必轉(zhuǎn)動(dòng)回頁面上方拜訪導(dǎo)航系統(tǒng),他/她可以直接點(diǎn)這兩個(gè)鏈接在文章中前進(jìn)或后退,這樣不僅節(jié)儉用戶的時(shí)候,還可以帶來連貫瀏覽的快感。
13、全文搜索
假如用戶不愿一頁一頁地翻看您的網(wǎng)站,您應(yīng)當(dāng)供給全文搜索功效,固然您的搜索功效比起專業(yè)的搜索引擎還差很多,但可以幫助您的用戶快速找到他們感愛好的內(nèi)容,不要應(yīng)用 Google 等貿(mào)易引擎的搜索代碼進(jìn)行搜索,與其那樣還不如讓用戶直接到 Google 中往搜索,您應(yīng)當(dāng)供給一個(gè)本地搜索功效,不需要象 Google 那樣強(qiáng)盛,由于您不需要支撐那么大的用戶量,也不需要搜索那么宏大的海量信息,您網(wǎng)站的本地搜索功效對(duì)用戶來說,可能比 Google 更有幫助。
14、不應(yīng)用歡迎頁
當(dāng) Flash 如火如荼的時(shí)候,設(shè)置一個(gè)歡迎頁,向用戶播放一段精美的動(dòng)畫是很多企業(yè)網(wǎng)站的尋求的模式,然而這種想法實(shí)在糟糕,很多人沒有耐心等候那段漫長的動(dòng)畫下載完畢便離開了,您能想象往超市買東西前,需要先在門口看一段歡迎影片才干進(jìn)往嗎?您應(yīng)當(dāng)讓用戶直接進(jìn)來,一進(jìn)來就看到本質(zhì)的內(nèi)容,不要用您的浪漫想法浪用度戶的時(shí)間,而且,由于搜索引擎也要首先經(jīng)過這個(gè)歡迎頁面才干深進(jìn)到網(wǎng)站內(nèi)部,一個(gè)讓搜索引擎無法解讀的 Flash 動(dòng)畫會(huì)讓搜索引擎認(rèn)為您的網(wǎng)站上什么東西都沒有。
15、任何圖片必需設(shè)置 ALT 和 TITLE 屬性
在您的圖片完整下載之前,瀏覽器無法把它們顯示出來,或者,某些瀏覽器可能封閉了圖片顯示,或者您的圖片資源可能喪失了,這個(gè)時(shí)候,ALT 或 TITLE 屬性會(huì)讓瀏覽器將圖片的描寫性文字顯示在圖片的地位,讓用戶至少知道那個(gè)地位準(zhǔn)備將要顯示的是什么。這個(gè)屬性也幫助搜索引擎更好地懂得您的圖片。
假如圖片要以縮略圖情勢(shì)顯示,應(yīng)用真正的下降了尺寸的縮略圖,不要只是轉(zhuǎn)變圖片的寬度和高度屬性。這可以明顯下降頁面尺寸。
企業(yè)網(wǎng)站建設(shè)的易用性技巧細(xì)節(jié)(下)