歐美網(wǎng)站設(shè)計(jì) 的10個(gè)要點(diǎn)發(fā)布者：本站     時(shí)間：2020-04-07 08:04:25

網(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)站是一樣糟糕的。