是什麼讓人們在打開你的網頁沒多久就按下返回鍵?他們為什麼那麼快就想擺脫你的網站?可以做些什麼來改善這一點呢?
長期思考這個問題之後,我發現了比原本想象的還要多的一些因素。
ruguobayixiayinsudandukaolvdehua,kenenghaibuzhiyurangfangwenzhechanshengxunsulikaidechongdong,danshiruguozhexieyinsuchanzazaiyiqidehua,quezuyiliugeifangwenzheyigezugouhuaideyinxiang,rangtamenmashanglikai。
讓(rang)用(yong)戶(hu)在(zai)你(ni)的(de)網(wang)站(zhan)有(you)個(ge)愉(yu)快(kuai)的(de)體(ti)驗(yan)並(bing)不(bu)是(shi)件(jian)容(rong)易(yi)的(de)事(shi)情(qing)。實(shi)際(ji)上(shang)大(da)多(duo)數(shu)網(wang)站(zhan)都(dou)會(hui)多(duo)多(duo)少(shao)少(shao)有(you)些(xie)問(wen)題(ti)。但(dan)是(shi)看(kan)看(kan)下(xia)麵(mian)這(zhe)些(xie)負(fu)麵(mian)因(yin)素(su)並(bing)努(nu)力(li)避(bi)免(mian),或(huo)許(xu)可(ke)以(yi)對(dui)於(yu)做(zuo)出(chu)更(geng)有(you)用(yong)戶(hu)黏(nian)性(xing)的(de)網(wang)站(zhan)有(you)好(hao)處(chu)。
來,從最糟糕的開始說吧……
1. 自動播放的聲音。
zhezhenrangwofakuang。ruguowofangwenwangzhanshihoulimazaodaobuxiangtingdebubiyaodezayindehongzhadehua,wojiuxiangmashanglikai。jieshouzhezhongzidongbofangshengyindeguanggaodefabuzheshizuizaogaodefabuzhe,(他們本可以拒絕這樣的網站的,就像我一樣),常見於酒店行業網站。
2.彈窗。
老(lao)問(wen)題(ti),大(da)問(wen)題(ti)。因(yin)為(wei)我(wo)們(men)視(shi)線(xian)裏(li)麵(mian),它(ta)從(cong)未(wei)消(xiao)失(shi)。如(ru)果(guo)你(ni)想(xiang)用(yong)彈(dan)窗(chuang)彈(dan)我(wo),那(na)我(wo)就(jiu)想(xiang)被(bei)彈(dan)窗(chuang)直(zhi)接(jie)從(cong)你(ni)網(wang)站(zhan)彈(dan)開(kai)算(suan)了(le)。你(ni)越(yue)早(zao)用(yong)彈(dan)窗(chuang)彈(dan)我(wo),我(wo)越(yue)早(zao)離(li)開(kai)。如(ru)果(guo)彈(dan)窗(chuang)隻(zhi)顯(xian)示(shi)半(ban)分(fen)鍾(zhong)一(yi)分(fen)鍾(zhong),而(er)且(qie)內(nei)容(rong)還(hai)能(neng)算(suan)是(shi)有(you)用(yong)的(de)話(hua),還(hai)能(neng)稍(shao)微(wei)忍(ren)受(shou)一(yi)下(xia)。
3.插入式廣告。
wobuzaifangwenfubusiwangzhandeyuanyinjiushinaercharushiguanggaotaiduole。yizhouxiaoxiburugaimingjiaoyizhoucharune。meiyourenxihuandengdai,danzhegenqiwangdedongxiyouchaju。dangwodianjiyigelianjiedeshihou,xinlixiwangdeshinengzhijiebeidaidaowodiandenagewangye,erbushibeirengdaoyigeguazhegedadadeguanggaopaideyemian。
4.分頁。
看十張配著小標題的挺小的圖片,你真的需要我連點十下翻十頁麼?或者翻十頁隻為了看個明明可以在一頁內顯示的前十名排行榜?分頁在我看來就是個人為提高點 擊率的低級伎倆。這種伎倆的存在,同時證明了在線廣告的衡量和購買標準都是錯誤的。而且這也讓很多站長都跑偏了——本應著重於內容的精力,都放在認為提高 點擊率上了。
5.緩慢的載入。
誰都不願意等!我為我的50兆zhao帶dai寬kuan付fu了le那na麼me多duo錢qian,可ke不bu是shi為wei了le讓rang你ni的de慢man死si人ren的de網wang頁ye搞gao壞huai我wo的de情qing緒xu的de。如ru果guo我wo真zhen心xin要yao看kan看kan你ni的de網wang頁ye,或huo者zhe我wo真zhen的de必bi須xu看kan你ni的de網wang頁ye,或huo許xu還hai真zhen的de就jiu那na麼me等deng著zhe。但dan是shi我wo要yao是shi隻zhi是shi好hao奇qi,或huo者zhe手shou抖dou多duo點dian了le一yi下xia到dao了le你ni的de網wang站zhan,那na我wo等deng不bu了le幾ji秒miao就jiu閃shan了le。
6. 對於廣告的優化大於對內容的優化。
這zhe讓rang人ren不bu爽shuang的de程cheng度du簡jian直zhi就jiu跟gen漫man長chang的de載zai入ru時shi間jian一yi樣yang。有you些xie站zhan長chang為wei了le賺zhuan廣guang告gao費fei,把ba廣guang告gao的de載zai入ru順shun序xu優you化hua,先xian載zai入ru廣guang告gao後hou載zai入ru網wang站zhan內nei容rong。有you些xie時shi候hou是shi當dang我wo們men等deng待dai著zhe廣guang告gao成cheng功gong載zai入ru的de時shi候hou,導dao航hang欄lan在zai整zheng個ge網wang頁ye出chu現xian之zhi前qian快kuai速su載zai入ru,然ran後hou一yi切qie都dou卡ka住zhu了le。總zong結jie一yi下xia這zhe條tiao,站zhan長chang尤you其qi要yao留liu意yi緩huan慢man的de廣guang告gao服fu務wu器qi加jia上shang一yi個ge緩huan慢man的de網wang頁ye的de時shi候hou,所suo產chan生sheng的de神shen奇qi效xiao果guo。
7. 糟糕的導航欄。
作為一個職業網頁設計師,設計糟糕的導航欄是少數能說得上來的致命傷之一。導航需要的是直觀,描述的清晰,直來直去。基於Flash的網頁往往是最糟糕的那些。
8.結構混亂。
嘿(hei),我(wo)就(jiu)是(shi)想(xiang)找(zhao)到(dao)我(wo)的(de)問(wen)題(ti)的(de)答(da)案(an)而(er)已(yi)。如(ru)果(guo)我(wo)不(bu)能(neng)快(kuai)速(su)有(you)效(xiao)的(de)找(zhao)到(dao)我(wo)想(xiang)要(yao)的(de),我(wo)就(jiu)去(qu)別(bie)的(de)地(di)方(fang)看(kan)了(le)。你(ni)的(de)工(gong)作(zuo)就(jiu)是(shi)要(yao)幫(bang)助(zhu)人(ren)們(men)過(guo)濾(lv)出(chu)他(ta)們(men)需(xu)要(yao)的(de)信(xin)息(xi)。這(zhe)就(jiu)是(shi)為(wei)什(shen)麼(me)存(cun)在(zai)優(you)化(hua)和(he)測(ce)試(shi)這(zhe)種(zhong)事(shi)。
9. 關鍵信息的擅離職守。
我最近訪問了霍克斯頓酒店的網頁,想知道在那裏開個房得多少錢。找了幾分鍾之後我發現沒有關於房費的信息。(呃,反正我沒找到)。這太奇怪了。順便說一句,我不可能就為了想知道房費多少,去點“訂房”的。我不如直接去澤塔特酒店訂個房。確保基本信息在你的網站上都有。
10. 過早的要求注冊。
為嘛?為嘛現在就得注冊?連一點甜頭都不讓我嚐麼?時機非常的重要。
11. 太多閃爍的滾動的玩意兒。
我(wo)在(zai)上(shang)網(wang),並(bing)沒(mei)有(you)在(zai)我(wo)唯(wei)一(yi)能(neng)忍(ren)受(shou)到(dao)處(chu)是(shi)閃(shan)爍(shuo)不(bu)停(ting)的(de)燈(deng)光(guang)的(de)夜(ye)店(dian)裏(li)。是(shi)的(de),又(you)閃(shan)又(you)滾(gun)是(shi)能(neng)抓(zhua)人(ren)眼(yan)球(qiu),但(dan)總(zong)把(ba)人(ren)抓(zhua)疼(teng)。這(zhe)些(xie)東(dong)西(xi)絕(jue)望(wang)的(de)想(xiang)要(yao)引(yin)起(qi)人(ren)注(zhu)意(yi),同(tong)時(shi)又(you)絕(jue)對(dui)的(de)討(tao)人(ren)厭(yan)。有(you)個(ge)需(xu)要(yao)注(zhu)意(yi)的(de)特(te)例(li)是(shi),有(you)的(de)人(ren)還(hai)就(jiu)是(shi)好(hao)這(zhe)口(kou),隻(zhi)要(yao)是(shi)這(zhe)樣(yang)的(de)風(feng)格(ge)他(ta)都(dou)愛(ai)!
12. 拚寫錯誤。
錯cuo誤wu拚pin寫xie和he錯cuo誤wu語yu法fa會hui給gei訪fang問wen者zhe不bu好hao的de印yin象xiang。這zhe種zhong事shi情qing真zhen的de沒mei有you借jie口kou。隻zhi要yao多duo用yong些xie心xin在zai細xi節jie上shang,啥sha都dou有you了le。如ru果guo你ni不bu在zai意yi你ni的de網wang站zhan,你ni的de訪fang問wen者zhe會hui怎zen麼me想xiang?
13.垃圾字體。
你使用的是宋體?真噠?它很醜的啊。 盡jin管guan如ru此ci吧ba,至zhi少shao你ni用yong的de不bu是shi漫man畫hua體ti。正zheng常chang人ren不bu會hui純chun粹cui因yin為wei一yi個ge網wang站zhan字zi體ti好hao看kan與yu否fou而er離li開kai的de,但dan是shi醜chou陋lou的de字zi體ti會hui給gei人ren留liu下xia你ni對dui你ni的de網wang站zhan不bu上shang心xin的de印yin象xiang。這zhe種zhong印yin象xiang再zai加jia上shang這zhe個ge列lie表biao上shang的de其qi他ta負fu麵mian因yin素su,可ke能neng就jiu足zu以yi讓rang本ben想xiang在zai你ni網wang站zhan待dai一yi待dai的de人ren拔ba腳jiao就jiu走zou了le。
14. 網頁很窄。
還有為800像素寬度的顯示器設計的網站呢,讓我起雞皮疙瘩。你不覺得?
15. 左對齊網站。
重申一下——我不知道具體該怎麼解釋——左對齊網站(相對於居中對齊)看起來太過時了,起碼在我看來。我不知道為啥,但總能注意到這些東西,而且我不覺得這是好設計。
16. 俗套的網站。
youxiewangzhanwokanzhezhenshixihuan。shishishangwoxiwangsuoyoudewangzhandebiaozhunhua,anzhaozuijingdiandezhinanshoucesheji。danshiruguowangyeshejidouyiyangdehuajiuxingbutongle。shuihuixiangyaozuoweiyigemofangzhechumingne?
17. 年久失修。
我希望在首頁上能看到博客或者新聞板塊,能看到這網站還在更新的跡象。顯示個標題和日期就夠了。如果我看到最新的新聞日期是2004一月,那我可能立馬就看別的網頁去了。
18. 主題模糊。
訪fang問wen網wang站zhan的de時shi候hou我wo希xi望wang是shi看kan一yi眼yan就jiu能neng看kan出chu來lai這zhe網wang站zhan是shi幹gan嘛ma的de。有you時shi候hou我wo撓nao頭tou一yi分fen鍾zhong都dou看kan不bu出chu來lai網wang站zhan是shi幹gan嘛ma的de。一yi行xing簡jian單dan明ming白bai的de描miao述shu就jiu夠gou了le。
19. 術語/行話。
我覺得你可以私下裏來這套。
20. 瀏覽器不兼容。
三天前,微軟剛剛在Xbox Live客戶服務領域拒絕了對於穀歌瀏覽器Chrome的支持。這是個多方麵的錯誤,特別是我還是個付費的Xbox Liveyonghu。liulanqicuowuzhenshigezhongdaxiaogezhongxinghao。ceshi,ceshi,ceshi,zhaochunideyonghuxihuandeganjiao。jinliangbimianchashouyuliulantiyan,birushuozaixinchuangkoudakailianjie。
21. Flash。
有時候我會在Flash多的網站多呆一會兒,就像是路上有車禍把我堵在那裏一樣。但是大多數時候我就是簡單的點一下返回鍵。我了解了一些Flash網站, 幾乎可以肯定地說,沒有像樣的。我隻有在很特殊的情況下忍受這種網站。在這方麵我是個強硬派。
22. 沒有“關於”頁麵。
有些網站好像對“關於”頁麵過敏似的,我壓根想不出來這是為什麼。有時候我訪問網站就是為了找到有關某些公司的更多的信息而已,看到沒有“關於”頁麵的時候,真是萬念俱灰。
23. 隻有視頻的主頁。
yongshipinlaijieshaogongsi,huozheyonglaijieshimouzhongjutidechanpinhuozhefuwushiyizhongxindequshi,tebieshiduiyuxingongsi。ruguoyoukongwohainengkangesanfenzhongdexiaoduanpian,danshiwojiaodenizongdepeihedianwenziba,gengkuaijie,duiwangzhandesousuoyouhuayeyouhaochu。
24. 很傻很業餘。
有you的de網wang站zhan沒mei有you活huo力li,沒mei有you個ge性xing,就jiu是shi個ge穿chuan著zhe製zhi服fu的de模mo子zi。其qi他ta人ren好hao像xiang遠yuan遠yuan的de超chao過guo了le你ni的de網wang站zhan的de境jing界jie,而er你ni都dou不bu知zhi道dao怎zen麼me趕gan上shang。這zhe兩liang方fang麵mian都dou會hui是shi你ni的de網wang站zhan的de後hou腿tui,把ba你ni的de訪fang問wen者zhe往wang外wai推tui。
25. 配色失敗。
糟糕的配色會讓你網站上的內容很難讀。而如果你的網站讀都不能讀的話就更別想著別人會在你網站上待著了。
各ge種zhong各ge樣yang的de原yuan因yin讓rang人ren們men在zai還hai沒mei有you真zhen正zheng了le解jie一yi個ge網wang站zhan的de時shi候hou就jiu把ba網wang頁ye直zhi接jie關guan掉diao了le。沈shen陽yang網wang站zhan建jian設she公gong司si每mei日ri分fen享xiang網wang站zhan優you化hua知zhi識shi,希xi望wang能neng與yu您nin成cheng為wei忠zhong實shi的de好hao朋peng友you,一yi起qi學xue習xi探tan討tao建jian站zhan技ji術shu。