網(wǎng)站設(shè)計(jì)是門技術(shù)活,更是一門藝術(shù)。好的網(wǎng)站讓人流連忘返,但有的網(wǎng)站讓人們?cè)诖蜷_網(wǎng)頁(yè)沒多久就關(guān)閉。他們?yōu)槭裁茨敲纯炀拖霐[脫你的網(wǎng)站?可以做些什么來(lái)改善這一點(diǎn)呢?長(zhǎng)期思考這個(gè)問(wèn)題之后,我發(fā)現(xiàn)了比原本想象的還要多的一些因素。
如果把一些因素單獨(dú)考慮的話,可能還不至于讓訪問(wèn)者產(chǎn)生迅速離開的沖動(dòng),但是如果這些因素?fù)诫s在一起的話,卻足以留給訪問(wèn)者一個(gè)足夠壞的印象,讓他們馬上離開。
讓用戶在你的網(wǎng)站有個(gè)愉快的體驗(yàn)并不是件容易的事情。實(shí)際上大多數(shù)網(wǎng)站都會(huì)多多少少有些問(wèn)題。但是看看下面這些負(fù)面因素并努力避免,或許可以對(duì)于做出更有用戶黏性的網(wǎng)站有好處。
來(lái),從最糟糕的開始說(shuō)吧……
1.自動(dòng)播放的聲音
這真讓我發(fā)狂。如果我訪問(wèn)網(wǎng)站時(shí)候立馬遭到不想聽的不必要的雜音的轟炸的話,我就想馬上離開。接受這種自動(dòng)播放聲音的廣告的發(fā)布者是最糟糕的發(fā)布者,(他們本可以拒絕這樣的網(wǎng)站的,就像我一樣),常見于酒店行業(yè)網(wǎng)站。
2.彈窗
老問(wèn)題,大問(wèn)題。因?yàn)槲覀円暰里面,它從未消失。如果你想用彈窗彈我,那我就想被彈窗直接從你網(wǎng)站彈開算了。你越早用彈窗彈我,我越早離開。如果彈窗只顯示半分鐘一分鐘,而且內(nèi)容還能算是有用的話,還能稍微忍受一下。
3.插入式廣告
我不再訪問(wèn)某個(gè)原因就是那兒插入式廣告太多了。一周消息不如改名叫一周插入呢。沒有人喜歡等待,但這跟期望的東西有差距。當(dāng)我點(diǎn)擊一個(gè)鏈接的時(shí)候,心里希望的是能直接被帶到我點(diǎn)的那個(gè)網(wǎng)頁(yè),而不是被扔到一個(gè)掛著個(gè)大大的廣告牌的頁(yè)面。
4.分頁(yè)
看十張配著小標(biāo)題的挺小的圖片,你真的需要我連點(diǎn)十下翻十頁(yè)么?或者翻十頁(yè)只為了看個(gè)明明可以在一頁(yè)內(nèi)顯示的前十名排行榜?分頁(yè)在我看來(lái)就是個(gè)人為提高點(diǎn)擊率的低級(jí)伎倆。這種伎倆的存在,同時(shí)證明了在線廣告的衡量和購(gòu)買標(biāo)準(zhǔn)都是錯(cuò)誤的。而且這也讓很多站長(zhǎng)都跑偏了——本應(yīng)著重于內(nèi)容的精力,都放在認(rèn)為提高點(diǎn)擊率上了。
5.緩慢的載入
誰(shuí)都不愿意等!我為我的50兆帶寬付了那么多錢,可不是為了讓你的慢死人的網(wǎng)頁(yè)搞壞我的情緒的。如果我真心要看看你的網(wǎng)頁(yè),或者我真的必須看你的網(wǎng)頁(yè),或許還真的就那么等著。但是我要是只是好奇,或者手抖多點(diǎn)了一下到了你的網(wǎng)站,那我等不了幾秒就閃了。
6.對(duì)于廣告的優(yōu)化大于對(duì)內(nèi)容的優(yōu)化
這讓人不爽的程度簡(jiǎn)直就跟漫長(zhǎng)的載入時(shí)間一樣。有些站長(zhǎng)為了賺廣告費(fèi),把廣告的載入順序優(yōu)化,先載入廣告后載入網(wǎng)站內(nèi)容。有些時(shí)候是當(dāng)我們等待著廣告成功載入的時(shí)候,導(dǎo)航欄在整個(gè)網(wǎng)頁(yè)出現(xiàn)之前快速載入,然后一切都卡住了?偨Y(jié)一下這條,站長(zhǎng)尤其要留意緩慢的廣告服務(wù)器加上一個(gè)緩慢的網(wǎng)頁(yè)的時(shí)候,所產(chǎn)生的神奇效果。
7.糟糕的導(dǎo)航欄
作為一個(gè)職業(yè)網(wǎng)頁(yè)設(shè)計(jì)師,設(shè)計(jì)糟糕的導(dǎo)航欄是少數(shù)能說(shuō)得上來(lái)的致命傷之一。導(dǎo)航需要的是直觀,描述的清晰,直來(lái)直去;贔lash的網(wǎng)頁(yè)往往是最糟糕的那些。
8.結(jié)構(gòu)混亂
嘿,我就是想找到我的問(wèn)題的答案而已。如果我不能快速有效的找到我想要的,我就去別的地方看了。你的工作就是要幫助人們過(guò)濾出他們需要的信息。這就是為什么存在優(yōu)化和測(cè)試這種事。
9.關(guān)鍵信息的擅離職守
我最近訪問(wèn)了某酒店的網(wǎng)頁(yè),想知道在那里開個(gè)房得多少錢。找了幾分鐘之后我發(fā)現(xiàn)沒有關(guān)于房費(fèi)的信息。(呃,反正我沒找到)。這太奇怪了。順便說(shuō)一句,我不可能就為了想知道房費(fèi)多少,去點(diǎn)“訂房”的。我不如直接去其他酒店訂個(gè)房。記住,要確保基本信息在你的網(wǎng)站上都有。
10.過(guò)早的要求注冊(cè)
為嘛?為嘛現(xiàn)在就得注冊(cè)?連一點(diǎn)甜頭都不讓我嘗么?時(shí)機(jī)非常的重要。
11.太多閃爍的滾動(dòng)的玩意兒
我在上網(wǎng),我可不想忍受到處是類似夜店里的那種閃爍不停的燈光。是的,又閃又滾是能抓人眼球,但總把人抓疼。這些東西絕望的想要引起人注意,同時(shí)又絕對(duì)的討人厭。有個(gè)需要注意的特例是,有的人還就是好這口,只要是這樣的風(fēng)格他都愛!
12.拼寫錯(cuò)誤
錯(cuò)誤拼寫和錯(cuò)誤語(yǔ)法會(huì)給訪問(wèn)者不好的印象。這種事情真的沒有借口。只要多用些心在細(xì)節(jié)上了。如果你不在意你的網(wǎng)站,你的訪問(wèn)者會(huì)怎么想?
13.垃圾字體
你使用的是宋體?真噠?它很丑的啊。盡管如此吧,至少你用的不是漫畫體。正常人不會(huì)純粹因?yàn)橐粋(gè)網(wǎng)站字體好看與否而離開的,但是丑陋的字體會(huì)給人留下你對(duì)你的網(wǎng)站不上心的印象。這種印象再加上其他因素,可能就足以讓本想在你網(wǎng)站待一待的人拔腿就走了。
14.網(wǎng)頁(yè)很窄
還有為800像素寬度的顯示器設(shè)計(jì)的網(wǎng)站呢,讓我起雞皮疙瘩。你不覺得?
15.左對(duì)齊網(wǎng)站
重申一下——我不知道具體該怎么解釋——左對(duì)齊網(wǎng)站(相對(duì)于居中對(duì)齊)看起來(lái)太過(guò)時(shí)了,起碼在我看來(lái)。我不知道為啥,但總能注意到這些東西,而且我不覺得這是好設(shè)計(jì)。
16.俗套的網(wǎng)站
有些網(wǎng)站我看著真是喜歡。事實(shí)上我希望所有的網(wǎng)站標(biāo)準(zhǔn)化,按照最經(jīng)典的指南手冊(cè)設(shè)計(jì)。但是如果網(wǎng)頁(yè)設(shè)計(jì)都一樣的話就行不通了。誰(shuí)會(huì)想要作為一個(gè)模仿者出名呢?
17.年久失修
我希望在首頁(yè)上能看到博客或者新聞版塊,能看到這網(wǎng)站還在更新的跡象。顯示個(gè)標(biāo)題和日期就夠了。如果我看到最新的新聞日期是好幾個(gè)月前,那我可能立馬就看別的網(wǎng)頁(yè)去了。
18.主題模糊
訪問(wèn)網(wǎng)站的時(shí)候我希望是看一眼就能看出來(lái)這網(wǎng)站是干嘛的。有時(shí)候我撓頭都看不出來(lái)網(wǎng)站是干嘛的。一行簡(jiǎn)單明白的描述就夠了。
19.術(shù)語(yǔ)/行話
我覺得你可以私下里來(lái)這套。
20.瀏覽器不兼容
三天前,微軟剛剛在XboxLive客戶服務(wù)領(lǐng)域拒絕了對(duì)于谷歌瀏覽器Chrome的支持。這是個(gè)多方面的錯(cuò)誤,特別是我還是個(gè)付費(fèi)的XboxLive用戶。測(cè)試,測(cè)試,測(cè)試,找出你的用戶喜歡的感覺。盡量避免插手于瀏覽體驗(yàn),比如說(shuō)在新窗口打開鏈接。
21.Flash
有時(shí)候我會(huì)在Flash多的網(wǎng)站多呆一會(huì)兒,就像是路上有車禍把我堵在那里一樣。但是大多數(shù)時(shí)候我就是簡(jiǎn)單的點(diǎn)一下返回鍵。我了解了一些Flash網(wǎng)站,幾乎可以肯定地說(shuō),沒有像樣的。我只有在很特殊的情況下忍受這種網(wǎng)站。在這方面我是個(gè)強(qiáng)硬派。
22.沒有“關(guān)于”頁(yè)面
有些網(wǎng)站好像對(duì)“關(guān)于”頁(yè)面過(guò)敏似的,我壓根想不出來(lái)這是為什么。有時(shí)候我訪問(wèn)網(wǎng)站就是為了找到有關(guān)某些公司的更多的信息而已,看到?jīng)]有“關(guān)于”頁(yè)面的時(shí)候,真是萬(wàn)念俱灰。
23.只有視頻的主頁(yè)
用視頻來(lái)介紹公司,或者用來(lái)解釋某種具體的產(chǎn)品或者服務(wù)是一種新的趨勢(shì),特別是對(duì)于新公司。如果有空我還能看個(gè)三分鐘的小短片,但是我覺得你總得配合點(diǎn)文字吧,更快捷,對(duì)網(wǎng)站的搜索優(yōu)化也有好處。
24.很傻很業(yè)余
有的網(wǎng)站沒有活力,沒有個(gè)性,就是個(gè)穿著制服的模子。其他人好像遠(yuǎn)遠(yuǎn)的超過(guò)了你的網(wǎng)站的境界,而你都不知道怎么趕上。這兩方面都會(huì)是你的網(wǎng)站的后腿,把你的訪問(wèn)者往外推。
25.配色失敗
糟糕的配色會(huì)讓你網(wǎng)站上的內(nèi)容很難讀。而如果你的網(wǎng)站讀都不能讀的話就更別想著別人會(huì)在你網(wǎng)站上待著了。
各種各樣的原因讓人們?cè)谶沒有真正了解一個(gè)網(wǎng)站的時(shí)候就把網(wǎng)頁(yè)直接關(guān)掉了。
那么我少說(shuō)哪種了?你是為什么離開一個(gè)網(wǎng)頁(yè)的?