盡管外觀服從于功能這一觀點(diǎn)備受爭(zhēng)議卻被廣泛的認(rèn)可。在設(shè)計(jì)網(wǎng)站方面，通常是指網(wǎng)站功能的易用性和是否可以方便訪客完成自己的目標(biāo)。

在接下來的案例中，我們將展示那些設(shè)計(jì)得漂亮但可用性差的網(wǎng)站。可用性差的原因包括：布局混亂不堪，載入速度過慢，導(dǎo)航識(shí)別性差。盡管這些網(wǎng)站在視覺設(shè)計(jì)上很有特色，但很不幸他們可用性的確很差。讓我們研究下這些失敗的案例避免出現(xiàn)在自己的設(shè)計(jì)中出現(xiàn)易用性差的情況。

雜亂無序的設(shè)計(jì)

我看到的是什么網(wǎng)站？我要在那里點(diǎn)擊？接下來我該怎么做？設(shè)計(jì)的雜亂無序是給訪客最糟糕的印象。訪客不知道設(shè)計(jì)師所要表達(dá)的意圖(因?yàn)槎急浑[藏在了雜亂無序的設(shè)計(jì)中)，從而導(dǎo)致訪客在未做任何動(dòng)作之前就要關(guān)閉該網(wǎng)頁。

導(dǎo)航信息超載！不僅我們不知道要看什么，甚至都不知道應(yīng)該點(diǎn)擊那里。通過鼠標(biāo)掃描方式查找可點(diǎn)擊區(qū)域無助于提升網(wǎng)站的易用性。并且，整個(gè)網(wǎng)站的載入過程連個(gè)進(jìn)度條都沒有。而且更令哥震驚的是，還要花時(shí)間搞清楚必須關(guān)閉歡迎的窗口才可以點(diǎn)擊頁面其他地方。欄目里缺少滾動(dòng)條的內(nèi)容讓哥對(duì)藏在里面的內(nèi)容頓時(shí)失去了興趣。

Marc Ecko是一個(gè)擁有數(shù)不清楚生意的成功商人，貌似他也希望許多人了解這些生意。問題是，他展示了太多我們甚至不知道從那里開始閱讀頁面的內(nèi)容，該網(wǎng)站還使用了飄忽不定的橫向滾動(dòng)條。坑爹??！找到所需的內(nèi)容的確需要相當(dāng)長(zhǎng)的時(shí)間。

即便是已經(jīng)閱讀關(guān)于我們頁面并文字里有許多的隨機(jī)鏈接，哥還是很疑惑這個(gè)頁面到底是不是打醬油用的。最合適的猜測(cè)可能這是個(gè)人介紹頁面，而亂七八糟的鏈接和找不到導(dǎo)航欄，哥只能帶著困惑和不解離開這個(gè)網(wǎng)站。

有一半的圈圈看上去是可以點(diǎn)的，實(shí)際上卻不能。如果拖拽一個(gè)圈圈，它會(huì)跳到其他圓圈中去。當(dāng)然，這些坑爹的圈圈動(dòng)畫效果充分的體現(xiàn)出公司比較xxx的理念，這明顯有些過度了嘛！用58秒等待一個(gè)動(dòng)畫的確太漫長(zhǎng)了。并且，如果你想需要更多的圈圈，點(diǎn)擊或拖拉空白區(qū)域就會(huì)出來，同時(shí)也帶給訪問者更多迷惑。

加載問題

隨著跳出率上升，頁面停留時(shí)間變得越來越短。能立即抓住訪問者眼球就變得尤為重要。網(wǎng)站加載時(shí)間越長(zhǎng)，訪問者返回google或facebook尋找下一個(gè)合適網(wǎng)站可能性也就越大。加載時(shí)間、跳過按鈕、無固定導(dǎo)航欄與其他部分都是我們需要思考的點(diǎn)。

這是另一個(gè)很糟糕的情況，flash設(shè)計(jì)師強(qiáng)迫用戶看介紹動(dòng)畫。沒有跳過按鈕的介紹動(dòng)畫會(huì)讓訪問者在進(jìn)入網(wǎng)站前就放棄訪問。點(diǎn)擊又沒立即響應(yīng)的按鈕或是視覺上不像是導(dǎo)航欄的設(shè)計(jì)將導(dǎo)致訪問者失去興致繼續(xù)訪問即便是足夠漂亮的網(wǎng)站。該網(wǎng)站花費(fèi)許多周折浪費(fèi)訪客的時(shí)間才能回到首頁將給人感覺進(jìn)行次世界之旅。在網(wǎng)站地圖里需要查找隱藏在里面的許多泡泡。哥從未見到過加載問題如此之杯具的網(wǎng)站。多重加載元素，即使你看到了網(wǎng)頁內(nèi)容實(shí)際上還有東西要再次加載。也沒有跡象可以表示加載結(jié)束了，這樣做也讓哥非常的困惑不解并且該網(wǎng)站還不易使用。事實(shí)上，找到閱讀的內(nèi)容也需要花些功夫，而網(wǎng)站在牛奶卡通包裝盒所做的效果與內(nèi)容根本沒有毛關(guān)系嘛。

進(jìn)入網(wǎng)站要花很長(zhǎng)時(shí)間痛苦的等待，如果接下來打開的網(wǎng)站足夠漂亮，易用性再好些也算是能接受的?？上?，打開頁面后哥徹底傻眼了，里面每張圖片還要繼續(xù)下載，我去！并且還要強(qiáng)迫看模糊圖片。更好的改進(jìn)是，加載圖片時(shí)有加載進(jìn)度條示意正在加載中。如果訪客的帶寬足夠也許問題還不算嚴(yán)重。但如果不是，那么訪客很快就會(huì)變得抓狂起來。還有那個(gè)返回按鈕不夠明顯，這也讓哥覺得這個(gè)網(wǎng)站很杯具。

　　每天都有很多的站長(zhǎng)在抱怨自己的網(wǎng)站在搜索引擎里沒有一個(gè)好的排名，蜘蛛不喜歡來網(wǎng)站抓取內(nèi)容，那么你是否想過，蜘蛛為什么不喜歡來你網(wǎng)站呢?它又為何會(huì)喜歡光顧其他人的網(wǎng)站呢?有沒有真正的反省過，為自己的網(wǎng)站做個(gè)的診斷呢?是否做了什么對(duì)搜索引擎不友好的舉動(dòng)呢?網(wǎng)站的設(shè)計(jì)是否利于蜘蛛的爬行和抓取呢?對(duì)搜索引擎不友好的方面有很多，下面A5 SEO診斷優(yōu)化小組就常見的幾個(gè)方面來和大家說一下。

　　一、Flash效果誘人但不可多用

　　我們經(jīng)常能看到很多網(wǎng)站使用了Flash效果，不得不承認(rèn)給人的視覺效果很好，如果只是在網(wǎng)頁的一小部分使用Flash，如：用Flash制成的小廣告，小圖標(biāo)等，這也都無傷大雅的，但有的網(wǎng)站卻整個(gè)首頁就一個(gè)Flash文件，搜索引擎抓取的HTML代碼也只有一個(gè)連向Flash的鏈接，沒有其他任何文字的說明，搜索引擎也就無法識(shí)別和什么相關(guān)，是屬于哪個(gè)分類下的，另外，還有人喜歡在網(wǎng)站首頁先放一個(gè)Flash動(dòng)畫片頭，然后再跳轉(zhuǎn)到HTML版本的文字首頁，然而搜索引擎卻根本就不能讀取，也沒辦法跳轉(zhuǎn)到HTML版本頁面。

　　二、避免使用除301以外的跳轉(zhuǎn)

　　301跳轉(zhuǎn)是用更改網(wǎng)址的轉(zhuǎn)向，可以把頁面權(quán)重從以前的舊網(wǎng)址轉(zhuǎn)到新的網(wǎng)址頁面，搜索引擎也是可以接受的，但A5 SEO診斷優(yōu)化小組接下來要和大家說的幾種跳轉(zhuǎn)卻是對(duì)搜索引擎十分不友好的，也是讓搜索引擎比較敏感的。如：302跳轉(zhuǎn)，Javascript跳轉(zhuǎn)，F(xiàn)lash跳轉(zhuǎn)，Meta Refresh 跳轉(zhuǎn)等，這些搜索引擎都不喜歡，希望站長(zhǎng)們?cè)诰W(wǎng)站中能不用盡量不用。

　　三、避免使用動(dòng)態(tài)URL

　　一般來說動(dòng)態(tài)URL不利于蜘蛛的爬行抓取，像一些帶問號(hào)，等號(hào)及一些參數(shù)的網(wǎng)址都是不可取的，搜索引擎很不喜歡這樣的網(wǎng)址。因此，A5 SEO診斷優(yōu)化建議站長(zhǎng)朋友們，URL一定要使用靜態(tài)或是偽靜態(tài)的，這樣對(duì)搜索引擎來說比較友好，利于抓取，符合搜索引擎的口味。

　　四、導(dǎo)航系統(tǒng)避免使用JS腳本

　　有些網(wǎng)站為了有吸引人的視覺功能，就使用JS腳本生成導(dǎo)航系統(tǒng)，然而搜索引擎卻無法解析JS腳本，雖然搜索引擎也在努力的去想辦法解決這些困難，但卻有時(shí)還是有心無力，它是真正的無法解析JS腳本，如果你的網(wǎng)站內(nèi)容真的很好，是個(gè)大網(wǎng)站，那么搜索引擎還有可能會(huì)做出更多的努力去解析JS腳本，但如果你的站只是一個(gè)微不足道的，那也就別指望搜索引擎去解析了。

　　五、Cookies合理使用不能強(qiáng)制

　　A5 SEO診斷優(yōu)化小組經(jīng)常會(huì)遇到一些客戶的網(wǎng)站為了某種功能的實(shí)現(xiàn)，會(huì)強(qiáng)制使用Cookies，記住用戶登陸信息了，用戶如果沒有啟用Cookies，頁面就無法顯示，或是顯示不正常，但對(duì)于搜索引擎蜘蛛而言，只會(huì)造成搜索引擎蜘蛛無法正常訪問，試想一下，蜘蛛沒法正常訪問你的網(wǎng)站，吃虧的還不是你自己啊?因此，Cookies要合理使用一定不能強(qiáng)制使用。

　　一個(gè)網(wǎng)站想要得到搜索引擎的青睞，那么首先就一定要了解搜索引擎不喜歡什么，討厭什么，這樣我們?cè)谧稣镜臅r(shí)候不要做搜索引擎不喜歡的事情，那么，你的網(wǎng)站才有可能會(huì)得到搜索引擎的喜愛，就像我們?nèi)艘粯樱瑳]人喜歡跟自己唱反調(diào)，誰都想別人什么事都能做的稱心如意，符合自己的心意，搜索引擎蜘蛛跟我們?nèi)耸且粯拥?SEO診斷優(yōu)化小組在給客戶診斷網(wǎng)站時(shí)，總會(huì)在《網(wǎng)站優(yōu)化參考建議書》里強(qiáng)調(diào)搜索引擎不喜歡哪些操作，應(yīng)該要如何避免，已經(jīng)使用的應(yīng)該要如何修改，才能得到搜索引擎的喜歡。