網(wǎng)站是企業(yè)面向公眾的臉面,本文將介紹10種商業(yè)網(wǎng)站設(shè)計(jì)常見(jiàn)的敗筆,從以往的案例和教訓(xùn)中吸取經(jīng)驗(yàn)可以幫助您避免重蹈覆轍,并可以將您的網(wǎng)站設(shè)計(jì)得具備實(shí)效同時(shí)為您的企業(yè)帶來(lái)附加價(jià)值。
在最初設(shè)計(jì)網(wǎng)站的時(shí)候,您有多種選擇,機(jī)會(huì)看上去似乎是無(wú)窮無(wú)盡的,可以做的事情遠(yuǎn)遠(yuǎn)超出想象。盡管構(gòu)建網(wǎng)站的潛力無(wú)限,但是有很多再平常不過(guò)的錯(cuò)誤會(huì)導(dǎo)致網(wǎng)站設(shè)計(jì)的失敗,使您無(wú)法實(shí)現(xiàn)為企業(yè)增加附加價(jià)值的目標(biāo)。
針對(duì)企業(yè)網(wǎng)站,我列出了十種常見(jiàn)的設(shè)計(jì)錯(cuò)誤,當(dāng)然這些問(wèn)題對(duì)于個(gè)人網(wǎng)站、業(yè)余愛(ài)好者和非盈利性機(jī)構(gòu)的網(wǎng)站來(lái)講也是適用的,無(wú)論如何請(qǐng)您都要盡力避免這些常見(jiàn)的非常糟糕的錯(cuò)誤。
1.關(guān)于我們(About Us):每個(gè)網(wǎng)站都應(yīng)該對(duì)此提供非常清晰和直觀的信息,包括一段簡(jiǎn)短的夸大其詞的描述,或者在主頁(yè)上提供“關(guān)于我們”頁(yè)面的突出而明顯的鏈接,并描述您的網(wǎng)站及其所提供的價(jià)值。
有些用戶可能并沒(méi)有發(fā)現(xiàn)這個(gè)網(wǎng)站對(duì)他們有幫助,對(duì)此進(jìn)行解釋也是非常重要的,提供足夠的信息來(lái)說(shuō)明,這樣用戶就不會(huì)對(duì)網(wǎng)站的目的感到迷惑了。您最好提供向訪問(wèn)者說(shuō)明為什么他或她不會(huì)對(duì)這個(gè)網(wǎng)站感興趣,這樣可以打發(fā)走不感興趣的訪客,這比試圖欺騙他們直到他們自己花費(fèi)了大量時(shí)間之后才知道網(wǎng)站上并沒(méi)有他們所須的內(nèi)容要好很多。畢竟,一個(gè)直接表明自己功能的網(wǎng)站要比故弄玄虛而且難以使用的網(wǎng)站更能獲得良好的口碑和認(rèn)同。
2.Alt和Title屬性的文本描述:對(duì)于支持這些屬性的網(wǎng)站,要確保您在每個(gè)XHTML標(biāo)簽上都使用了alt和title屬性。如果用戶使用的瀏覽器不支持網(wǎng)站的圖片,那么對(duì)于可訪問(wèn)性而言這些信息是至關(guān)重要的,同時(shí)它們還能提供主要內(nèi)容之外的信息。最常見(jiàn)的功能是為殘障人士提供可訪問(wèn)性,比如使用屏幕閱讀器訪問(wèn)網(wǎng)站的盲人。但是,也不要在alt或者title屬性中寫(xiě)入過(guò)多的文字,應(yīng)當(dāng)讓這些文字簡(jiǎn)明扼要,清晰易懂。不要讓您的用戶淹沒(méi)在大段大段的模糊信息,或是毫無(wú)用處的彈出信息中,應(yīng)當(dāng)讓網(wǎng)站實(shí)現(xiàn)最容易訪問(wèn)的狀態(tài),因?yàn)閍lt和title標(biāo)簽的基本作用就是提升可訪問(wèn)性。
3.對(duì)URL進(jìn)行存檔管理:將網(wǎng)站上過(guò)期的頁(yè)面放到存檔中是網(wǎng)站更新中常見(jiàn)的變化,但對(duì)于搜索引擎而言,會(huì)造成很大的困難,比如指向您網(wǎng)站中某個(gè)頁(yè)面的鏈接失效了。因此,在構(gòu)建網(wǎng)站之初,就要確保轉(zhuǎn)移到存檔部分內(nèi)容的URL不會(huì)發(fā)生變化。口碑是在國(guó)際互聯(lián)網(wǎng)上營(yíng)造人氣和聲望的基石,如果您網(wǎng)站上的頁(yè)面鏈接隔不了幾天就會(huì)發(fā)生變化,那么恐怕很難贏得良好的口碑。
4.在內(nèi)容上標(biāo)注日期:通常,您需要經(jīng)常更新網(wǎng)站才能贏得回頭客,人們也只有在新內(nèi)容出現(xiàn)的時(shí)候才會(huì)來(lái)瀏覽網(wǎng)站。在內(nèi)容上標(biāo)注日期,這樣訪客才能知道那些是新的,是按照什么順序出現(xiàn)的。即使在某些罕見(jiàn)的情況下,網(wǎng)站內(nèi)容可能并不需要經(jīng)常更新,那么即使有一個(gè)頁(yè)面被重新編輯過(guò),那么也應(yīng)當(dāng)反應(yīng)出改變的信息。
對(duì)網(wǎng)站上所有的信息加上時(shí)間戳,可以幫助您的訪客確認(rèn)哪些信息是過(guò)期的,即使您只在每個(gè)頁(yè)面的底部加上“最后更新”的字樣,也會(huì)有所幫助。而且,這不僅僅給網(wǎng)站的訪客帶來(lái)了方便,對(duì)您也是有幫助的:如果讀者發(fā)現(xiàn)您所說(shuō)和他們?cè)趧e處看到的不一致是由于信息的更新引起的,那么他們會(huì)增加您網(wǎng)站的口碑,并且會(huì)成為回頭客,愿意經(jīng)常訪問(wèn)您的網(wǎng)站以獲取更多的信息。
5.內(nèi)容密度:在一個(gè)位置放太多的信息會(huì)把訪問(wèn)者嚇跑的,雖然常識(shí)告訴我們要盡可能多地提供信息,但是物極必反,好東西多了也可能會(huì)有副作用。如果提供了太多的信息,讀者在閱讀時(shí)很容易疲勞,然后就開(kāi)始略讀,最后索性不讀了。
盡量保證您的初始信息與主題密切相關(guān),并且簡(jiǎn)短,可以被讀者一次消化,同時(shí)可以提供深入信息的鏈接。使用符號(hào)列表是一種非常棒的方法可以將信息分解為不同的部分,從而更容易理解,這樣訪客也就不會(huì)被嚇跑。同樣的原則對(duì)鏈接列表也是適用的,太多的鏈接擠在一起和靜態(tài)的雜亂無(wú)章的信息毫無(wú)區(qū)別。讓鏈接列表短一些,這樣讀者可以花費(fèi)很少的力氣就能找到他們所需的信息。如果您能幫助他們找到所需的信息,那就會(huì)為您的網(wǎng)站增加額外的價(jià)值,同時(shí)還要盡量保證這些信息容易消化。
6.裝飾性圖片:除了一些旗幟和表明品牌的圖片之外,應(yīng)當(dāng)盡可能少使用裝飾性的圖片。如果對(duì)讀者有幫助,才使用圖片來(lái)進(jìn)行輔助說(shuō)明;如果這些信息是您希望提供的內(nèi)容時(shí),才使用這些圖片。不要在網(wǎng)站上撒滿圖片來(lái)進(jìn)行裝飾,這樣會(huì)把訪問(wèn)者嚇跑的。因此,只使用有效的圖片,而不是裝飾性的圖片,即使使用裝飾圖片也不要太多。載入圖片往往很慢,這延緩了讀者尋找文字的時(shí)間,而且很多瀏覽器中或者使用屏幕閱讀器的時(shí)候圖片是看不到的;而另一方面,文字則是通用的。
7.間接鏈接/中轉(zhuǎn)鏈接/重定向鏈接:不要阻止其它網(wǎng)站直接鏈接您的網(wǎng)站內(nèi)容,有很多大型的內(nèi)容提供商違反了這一規(guī)則,比如新聞網(wǎng)站將其它網(wǎng)站引用的鏈接重定向,這樣訪問(wèn)者往往停留在您的首頁(yè)。使用這種笨拙的手段似乎認(rèn)為強(qiáng)迫訪問(wèn)者進(jìn)入首頁(yè)就能讓他們對(duì)其它的內(nèi)容感興趣,但實(shí)際上,這樣做的結(jié)果只會(huì)讓人們掃興而走。如果尋找某一篇文章遇到了麻煩,您的客戶會(huì)放棄在您的網(wǎng)站中尋找而跑到其它的地方。更糟糕的情況是,其它網(wǎng)站帶來(lái)的鏈接可能會(huì)顯著地提升您在搜索引擎中的排名,如果讓這些重定向的鏈接失效,那么等于您在反對(duì)被人對(duì)您的網(wǎng)站進(jìn)行鏈接,因此,永遠(yuǎn)不要拒絕別人對(duì)您網(wǎng)站的鏈接。
8.最新內(nèi)容:在第四個(gè)問(wèn)題中,我提到了對(duì)網(wǎng)站內(nèi)容注明日期,從而顯示出內(nèi)容的變化,任何定期更新的網(wǎng)站都應(yīng)該讓這些變化容易被訪問(wèn)者了解,最近更新部分的內(nèi)容絕不能和三年前的一樣,這樣就無(wú)法體現(xiàn)出絲毫變化。
新的內(nèi)容應(yīng)當(dāng)保持足夠的新鮮度,這樣您的讀者才能從中獲取信息中的價(jià)值。如果您的網(wǎng)站更新得非常快(比如Slashdot),那么對(duì)這些信息進(jìn)行分類會(huì)有所幫助,比如將新聞分門(mén)別類地存放,這樣讀者就能輕而易舉地找到他們感興趣的話題中最新的內(nèi)容。有效的搜索功能和優(yōu)秀的網(wǎng)站管理可以幫助讀者查找他們以前曾經(jīng)看到過(guò)的信息,盡可能地幫助他們實(shí)現(xiàn)這些功能。
9.縮略圖的尺寸:當(dāng)提供有大量圖片的圖庫(kù)時(shí),使用鏈接到每張圖片的縮略圖是一種常見(jiàn)的策略。所謂縮略圖就是圖片的縮小版本,可以讓瀏覽者看到眾多的圖片。但是,在展示縮略圖時(shí),要切記不能將縮略圖做得太小,因?yàn)檫@樣網(wǎng)站的訪客就無(wú)法從中獲取有效的信息。
對(duì)圖片文件進(jìn)行按比例的裁減是非常重要的,不要使用XHTML和CSS來(lái)變更圖片的大小,因?yàn)槲募某叽缡遣粫?huì)變化的,發(fā)送到客戶端瀏覽器的還是這些大尺寸的版本。在載入布滿縮略圖的網(wǎng)頁(yè)時(shí),如果這些縮略圖僅僅是被標(biāo)記語(yǔ)言和樣式表改變了尺寸的話,那么瀏覽器依然會(huì)消耗掉大量的處理器時(shí)間和系統(tǒng)內(nèi)存資源;這可能會(huì)導(dǎo)致瀏覽器崩潰和其它的問(wèn)題,至少會(huì)導(dǎo)致漫長(zhǎng)的加載時(shí)間。網(wǎng)站的訪問(wèn)者會(huì)因?yàn)榫徛募虞d時(shí)間轉(zhuǎn)而訪問(wèn)其它的網(wǎng)站,崩潰的瀏覽器更會(huì)嚇跑訪問(wèn)者。
10.網(wǎng)頁(yè)標(biāo)題:很多網(wǎng)頁(yè)設(shè)計(jì)者并沒(méi)有為他們的網(wǎng)頁(yè)設(shè)定標(biāo)題,這明顯是個(gè)錯(cuò)誤,搜索引擎會(huì)根據(jù)網(wǎng)頁(yè)的標(biāo)題來(lái)進(jìn)行識(shí)別;而且,用戶在瀏覽器的收藏夾中存儲(chǔ)網(wǎng)頁(yè)地址的時(shí)候,默認(rèn)的名稱也是網(wǎng)頁(yè)的標(biāo)題。
一個(gè)不太明顯的錯(cuò)誤是網(wǎng)站的設(shè)計(jì)者在每個(gè)頁(yè)面上都使用相同的標(biāo)題,如果為每個(gè)頁(yè)面都提供不同的標(biāo)題來(lái)進(jìn)行識(shí)別,那將會(huì)非常有幫助。當(dāng)然,標(biāo)題應(yīng)當(dāng)是簡(jiǎn)潔清晰的,冗長(zhǎng)的網(wǎng)頁(yè)標(biāo)題和沒(méi)有標(biāo)題的網(wǎng)站是一樣糟糕的。
以上的這些注意事項(xiàng)對(duì)網(wǎng)站設(shè)計(jì)來(lái)講是非常重要的,但常常沒(méi)有受到重視或是曲解了其中的要領(lǐng),也許其它方面的成功可以克服一些細(xì)微的失敗,但是卻永遠(yuǎn)無(wú)法彌補(bǔ)這些缺陷。在設(shè)計(jì)網(wǎng)站的時(shí)候牢記這些原則,可以讓您的網(wǎng)站獲得更高的成功機(jī)會(huì)。