危害用戶體驗(yàn)的網(wǎng)頁(yè)設(shè)計(jì)方案因素一：悠長(zhǎng)的加載時(shí)長(zhǎng)；
這是本人覺(jué)得較槽糕的一個(gè)因素，網(wǎng)頁(yè)加載時(shí)長(zhǎng)太悠長(zhǎng)。如果在十二年前，打開(kāi)一個(gè)網(wǎng)頁(yè)要一兩分鐘得話很有可能大伙兒想要承受，終究這也是很正常一件事；但十二年前的今日，假如還需要我耗費(fèi)一兩分鐘去等待你的網(wǎng)頁(yè)加載，我就是肯定沒(méi)這一細(xì)心承受這一切的，不清楚你們是不是贊成。
因而，提高網(wǎng)頁(yè)加載速率，是提高用戶體驗(yàn)的一個(gè)至關(guān)重要的因素。危害網(wǎng)頁(yè)加載速率的因素也是有許多，袁程旭在之前的文章中數(shù)次有談及這些方面專業(yè)知識(shí)。你能買一臺(tái)配備好點(diǎn)兒的網(wǎng)絡(luò)服務(wù)器，自然不推薦買港澳臺(tái)或國(guó)外的，局部地區(qū)的訪問(wèn)者訪問(wèn)網(wǎng)頁(yè)時(shí)加載會(huì)很費(fèi)勁；除開(kāi)網(wǎng)絡(luò)服務(wù)器之外，網(wǎng)站源碼的挑選也很有講究，但是這不是一兩句話能夠講完的。此外，例如網(wǎng)頁(yè)延遲時(shí)間加載（點(diǎn)一下閱讀文章），或照片多線程延遲時(shí)間加載（點(diǎn)一下閱讀文章）之類的技術(shù)性應(yīng)用能夠很好地提高網(wǎng)頁(yè)加載速率，有興趣的好朋友可自己掌握。
危害用戶體驗(yàn)的網(wǎng)頁(yè)設(shè)計(jì)方案因素二：自動(dòng)跳轉(zhuǎn)的響聲；
坦白說(shuō)，這種網(wǎng)址總會(huì)嚇住我，特別是在要在深夜的情況下。請(qǐng)?jiān)囅胍幌拢愦蜷_(kāi)一個(gè)網(wǎng)頁(yè)，突然就聽(tīng)到了一些亂七八糟的響聲，并沒(méi)有充分準(zhǔn)備得話是否會(huì)被這東西給嚇??？這種網(wǎng)頁(yè)設(shè)計(jì)方案多見(jiàn)于這些搞銷售類的網(wǎng)頁(yè)頁(yè)面，一進(jìn)到網(wǎng)頁(yè)就自動(dòng)播放音樂(lè)或是宣傳廣告，實(shí)在是令人傷腦。
玩QQ空間的過(guò)程中覺(jué)得設(shè)置一個(gè)自動(dòng)跳轉(zhuǎn)的背景音樂(lè)很炫酷，但設(shè)計(jì)方案網(wǎng)頁(yè)的情況下假如選用自動(dòng)跳轉(zhuǎn)響聲的設(shè)計(jì)方案其實(shí)就是很危害用戶體驗(yàn)的。你大可以在網(wǎng)頁(yè)某點(diǎn)置放聲頻或視頻文件格式，讓客戶自主選擇是不是打開(kāi)播放，我覺(jué)得這種更重視客戶挑選的設(shè)計(jì)方案才會(huì)更受客戶熱烈歡迎吧？
危害用戶體驗(yàn)的網(wǎng)頁(yè)設(shè)計(jì)方案因素三：彈出窗口 & 廣告宣傳；
很有可能如今有許多屏蔽廣告的外掛，但這不一定危害大家對(duì)廣告詞的厭煩。較反感的廣告形式便是這些永無(wú)止境的彈出窗口了，它是對(duì)消費(fèi)者十分不友好的一種廣告形式。自然，彈出窗口這一令人抵觸的物品也不一定主要表現(xiàn)在廣告宣傳上，許多公司的網(wǎng)站常常彈出來(lái)“點(diǎn)擊咨詢”類對(duì)話框，關(guān)閉了沒(méi)幾秒鐘又全自動(dòng)開(kāi)啟，這也是很讓客戶厭煩的一個(gè)設(shè)計(jì)構(gòu)思。信息內(nèi)容還沒(méi)有訪問(wèn)是多少，你也就持續(xù)叫我點(diǎn)擊咨詢，我只能撤出你網(wǎng)址了。
再講說(shuō)廣告宣傳，較惡心想吐的廣告形式是這些偽裝著騙你來(lái)點(diǎn)一下的，多見(jiàn)于這些下載網(wǎng)站，你常常不清楚哪一個(gè)才是正確的下載地址，是否常常就安裝了一些無(wú)緣無(wú)故的手機(jī)軟件出來(lái)？袁程旭并非說(shuō)網(wǎng)址不可以廣告投放，是希望大伙兒在用戶體驗(yàn)的考慮到情況下有效設(shè)計(jì)方案廣告欄，例如編碼君網(wǎng)址的廣告欄遍布。
危害用戶體驗(yàn)的網(wǎng)頁(yè)設(shè)計(jì)方案因素四：關(guān)鍵信息沒(méi)有在醒目部位；
設(shè)計(jì)方案網(wǎng)頁(yè)的情況下，你一定要記住客戶著名眼見(jiàn)到網(wǎng)頁(yè)時(shí)，視野的集中化點(diǎn)會(huì)結(jié)在哪兒?？赡苣阌X(jué)得網(wǎng)頁(yè)設(shè)計(jì)方案僅僅往網(wǎng)頁(yè)頁(yè)面上堆積信息內(nèi)容那樣簡(jiǎn)易，但其實(shí)信息內(nèi)容的分派合理布局是很有講究的。網(wǎng)頁(yè)頁(yè)面的關(guān)鍵信息務(wù)必要在醒目的地方突顯呈現(xiàn)，才可以更方便的被客戶獲得，否則的話實(shí)際上很危害用戶體驗(yàn)。
就這樣講吧，以前我訪問(wèn)過(guò)一個(gè)精品酒店的網(wǎng)頁(yè)，但找了大半天沒(méi)發(fā)現(xiàn)在哪兒查詢戶型、價(jià)格這種客戶非常關(guān)心的信息內(nèi)容和新聞資訊，反而則是公司文化詳細(xì)介紹、發(fā)展史這種并不是太重要的信息內(nèi)容，擺放在了十分明顯的部位。這種設(shè)計(jì)方案是滅絕人性的，在醒目部位置放客戶關(guān)注的關(guān)鍵信息，才是正確的設(shè)計(jì)方案。
危害用戶體驗(yàn)的網(wǎng)頁(yè)設(shè)計(jì)方案因素五：太早的規(guī)定申請(qǐng)注冊(cè)；
我一個(gè)網(wǎng)站找尋一張?jiān)O(shè)計(jì)圖紙，你需要我會(huì)員注冊(cè)才可以查詢，那么我毫無(wú)疑問(wèn)不干了。這種太早的規(guī)定申請(qǐng)注冊(cè)的平臺(tái)都是很讓客戶厭煩的，如果你是那種什么真愛(ài)、相親約會(huì)類的網(wǎng)址。例如珍愛(ài)網(wǎng)這種，你需要我注冊(cè)了才有管理權(quán)限點(diǎn)擊查看vip會(huì)員的信息內(nèi)容，為了能找到真愛(ài)那我就只能認(rèn)了。但如果只是免費(fèi)下載一張圖片或是一首歌就規(guī)定我申請(qǐng)注冊(cè)得話，哪里有那閑工夫理睬你，在網(wǎng)上的在線資源多得是。
從用戶體驗(yàn)的視角考慮，就應(yīng)當(dāng)給與客戶更多的是獨(dú)立決定權(quán)。例如我一部分網(wǎng)絡(luò)資源是完全免費(fèi)對(duì)外開(kāi)放給予給全部客戶訪問(wèn)或免費(fèi)下載的，但還有很多精品資源是vip會(huì)員才有管理權(quán)限訪問(wèn)和免費(fèi)下載，只需網(wǎng)絡(luò)資源充足出色難道還怕吸引住不上客戶來(lái)申請(qǐng)注冊(cè)么？別逼迫客戶去干她們不喜歡做的事情，要不然非常容易遭到客戶抵觸。
危害用戶體驗(yàn)的網(wǎng)頁(yè)設(shè)計(jì)方案因素六：槽糕的導(dǎo)航欄設(shè)計(jì)構(gòu)思；
網(wǎng)址的導(dǎo)航條從來(lái)都是為了更好的地幫助客戶，假如導(dǎo)航條設(shè)計(jì)方案得過(guò)于槽糕得話，還怎能具有正確引導(dǎo)客戶的功效呢？網(wǎng)站設(shè)計(jì)導(dǎo)航條的情況下，一般要遵照電腦鼠標(biāo)的較短途徑標(biāo)準(zhǔn)，還需要盡可能的便捷客戶去到她們要想去的網(wǎng)頁(yè)頁(yè)面。網(wǎng)站制作的每一點(diǎn)一滴實(shí)際上都有講究，否則如何配得上設(shè)計(jì)方案二字？
或是以那一個(gè)精品酒店的網(wǎng)頁(yè)為例子，試想一下，假如你如今急需解決預(yù)訂一個(gè)房間，但找了大半天沒(méi)尋找預(yù)定酒店的連接入口處，心里是否會(huì)很崩潰？一邊是將要噴涌而出的激素，一邊是對(duì)這槽糕網(wǎng)頁(yè)感受里的各種各樣惡意差評(píng)，二者不管哪一個(gè)都?jí)蚴鼓惘偪竦?，心里在所難免大罵道：這都TM什么網(wǎng)站啊！
危害用戶體驗(yàn)的網(wǎng)頁(yè)設(shè)計(jì)方案因素七：Flash（尤其是首頁(yè)僅有Flash呈現(xiàn)）；
在之前的seo類文章中，袁程旭數(shù)次提及，F(xiàn)lash的運(yùn)用很不益于網(wǎng)址SEO。迄今為止，百度搜索引擎網(wǎng)絡(luò)爬蟲(chóng)還不可以很好地抓取Flash文件具體內(nèi)容，對(duì)網(wǎng)址的百度收錄會(huì)出現(xiàn)一定的干擾。而網(wǎng)站主頁(yè)恰巧是SEO情況下十分非常值得高度重視的一個(gè)網(wǎng)頁(yè)頁(yè)面，假如只有一個(gè)Flash文件在網(wǎng)站主頁(yè)呈現(xiàn)得話，那么就難免太逗。
撇去SEO的因素不說(shuō)，假如你進(jìn)到一個(gè)網(wǎng)站主頁(yè)發(fā)覺(jué)只有一個(gè)Flash文件呈現(xiàn)，是否會(huì)有一種一頭霧水的覺(jué)得？一般這種網(wǎng)頁(yè)設(shè)計(jì)方案也常見(jiàn)于這些品牌推廣、企業(yè)品牌推廣類網(wǎng)站，而呈現(xiàn)的Flash文件具體內(nèi)容多半是對(duì)商品或公司開(kāi)展詳細(xì)介紹的。這是一種強(qiáng)勢(shì)營(yíng)銷推廣技巧，非常容易讓客戶造成抵抗的叛逆心理。
危害用戶體驗(yàn)的網(wǎng)頁(yè)設(shè)計(jì)方案因素八：色彩的搭配過(guò)于奪目；
網(wǎng)頁(yè)色彩的搭配給消費(fèi)者視覺(jué)效果里的沖擊性是特別弱的，袁程旭本人或是比較喜歡選用這些簡(jiǎn)潔樸實(shí)的色彩設(shè)計(jì)方法來(lái)網(wǎng)站設(shè)計(jì)。我可以不喜愛(ài)進(jìn)到一個(gè)網(wǎng)站見(jiàn)到五顏六色的控制模塊，色彩的搭配過(guò)于奪目會(huì)使眼睛很非常容易感到疲倦。假如你網(wǎng)址的文字信息較多，就更不能選用太艷麗的顏色了，要不然客戶視覺(jué)疲勞了還如何有想法去閱讀文章新聞資訊呢？多參考一下大中型互聯(lián)網(wǎng)企業(yè)的網(wǎng)頁(yè)顏色，也許非常值得你來(lái)學(xué)習(xí)培訓(xùn)效仿。
袁程旭強(qiáng)烈要求各位朋友們，設(shè)計(jì)方案網(wǎng)頁(yè)時(shí)應(yīng)確保網(wǎng)頁(yè)頁(yè)面的主色彩搭配不得超過(guò)三種，如果你有特殊的要求而必須將網(wǎng)頁(yè)設(shè)計(jì)方案成魔鏡那樣。諸位能夠閱讀文章《三分鐘帶你快速入門(mén)極簡(jiǎn)色彩學(xué)》本文來(lái)了解一些基本上的色彩理論專業(yè)知識(shí)，我覺(jué)得會(huì)十分有益于你一直在網(wǎng)頁(yè)設(shè)計(jì)方案情況下開(kāi)展有效顏色。
危害用戶體驗(yàn)的網(wǎng)頁(yè)設(shè)計(jì)方案因素九：table合理布局 or 頁(yè)面過(guò)丑；
如同文章開(kāi)頭所說(shuō)，現(xiàn)今網(wǎng)頁(yè)往往能夠設(shè)計(jì)方案得比十二年前精致，是由于div+css的合理布局構(gòu)造可以塑造出許多table合理布局完成不上的實(shí)際效果。假如你還沉溺于table合理布局的網(wǎng)頁(yè)中無(wú)法自拔的話，那樣請(qǐng)你原諒我確實(shí)實(shí)在看不下去，只能默默地撤出你網(wǎng)址了。table合理布局的網(wǎng)頁(yè)十分不好看，總而言之我就是承受可以了。
但是，即使是div+css布局，居然也有人可以把網(wǎng)頁(yè)設(shè)計(jì)方案得十分丑的。這種網(wǎng)頁(yè)一般多是選用類似dreamweaver的手機(jī)軟件拖拽設(shè)計(jì)方案出去的，并沒(méi)有編碼寫(xiě)出來(lái)的網(wǎng)頁(yè)來(lái)的精美。頁(yè)面過(guò)丑的網(wǎng)頁(yè)總而言之不容易太讓人喜愛(ài)，說(shuō)到底我們或是更愿意追求完美藝術(shù)美的，沒(méi)有人會(huì)喜愛(ài)在這些丑惡的頁(yè)面上多多滯留。
危害用戶體驗(yàn)的網(wǎng)頁(yè)設(shè)計(jì)方案因素十：網(wǎng)址過(guò)于“業(yè)余組”；
這兒所說(shuō)的業(yè)余組，不僅僅表現(xiàn)在網(wǎng)址新聞資訊表述上，也表現(xiàn)在站點(diǎn)使用者的經(jīng)營(yíng)上。假如站點(diǎn)的主題風(fēng)格不足確立，網(wǎng)址文章內(nèi)容對(duì)某事物所表述的見(jiàn)解也不太讓絕大多數(shù)人贊成，那么就可以這么說(shuō)這種網(wǎng)址很是業(yè)余組。站點(diǎn)使用者在日常經(jīng)營(yíng)工作上，假如未及時(shí)更新網(wǎng)址新聞資訊，或是乃至連網(wǎng)址的公司介紹和在線留言等重要信息都未及時(shí)更新，那樣這種網(wǎng)址還可以稱之為業(yè)余組網(wǎng)址。
假如進(jìn)到一個(gè)網(wǎng)站，發(fā)覺(jué)主頁(yè)較新強(qiáng)烈推薦的內(nèi)容或是2002年的，那么我肯定不會(huì)多看看就立刻撤出這個(gè)網(wǎng)站了。你假如在編號(hào)技術(shù)上或是SEO基礎(chǔ)常識(shí)上稍顯業(yè)余組，我還是能夠容忍的，終究那跟我并沒(méi)有很大的關(guān)聯(lián)。但如果我覺(jué)得獲得的東西找不到，或是找到但是卻很業(yè)余組好笑的，那肯定也不會(huì)有好感。
危害用戶體驗(yàn)的網(wǎng)頁(yè)設(shè)計(jì)方案因素十一：設(shè)計(jì)方案里的一些缺陷；
這種因素很有可能不容易造成很多客戶對(duì)你的網(wǎng)址造成抵觸心態(tài)，但如果能留意到這幾點(diǎn)而且有針對(duì)性地實(shí)現(xiàn)改善，一定能能夠更好地提高網(wǎng)址用戶體驗(yàn)。那么接下來(lái)大家就簡(jiǎn)潔聊一聊，這種設(shè)計(jì)方案里的缺陷。
這種因素很有可能不容易造成很多客戶對(duì)你的網(wǎng)址造成抵觸心態(tài)，但如果能留意到這幾點(diǎn)而且有針對(duì)性地實(shí)現(xiàn)改善，一定能能夠更好地提高網(wǎng)址用戶體驗(yàn)。那么接下來(lái)大家就簡(jiǎn)潔聊一聊，這種設(shè)計(jì)方案里的缺陷。
1、分頁(yè)查詢?yōu)g覽圖片
多見(jiàn)于一些圖片類網(wǎng)站，訪問(wèn)一張圖片就需要轉(zhuǎn)為下一頁(yè)才可以再次訪問(wèn)，但確實(shí)有必要嗎？明明可以在一頁(yè)訪問(wèn)完十張照片，我卻迫不得已翻十頁(yè)訪問(wèn)完，雖說(shuō)網(wǎng)址的總流量得到了不錯(cuò)的增強(qiáng)，但用戶體驗(yàn)真的會(huì)非常差，訪問(wèn)起照片來(lái)真的好累啊；
2、字體樣式挑選和合理布局
尤其是針對(duì)文字信息較為多的是網(wǎng)站而言，優(yōu)良的閱讀體驗(yàn)很是關(guān)鍵。編碼君網(wǎng)址的論文頁(yè)字體樣式是通過(guò)嚴(yán)苛實(shí)驗(yàn)后，綜合性用戶滿意度開(kāi)展改善的。字體樣式種類的挑選、尺寸、行高和文章段落間的間距這些因素，也有字體樣式的右對(duì)齊，僅有都做細(xì)致了能夠做到更快的感覺(jué)實(shí)際效果；閱讀推薦：《漢語(yǔ)網(wǎng)頁(yè)設(shè)計(jì)方案：有關(guān)字體樣式的那些事》；
3、網(wǎng)頁(yè)太窄或是偏重一側(cè)兩端對(duì)齊
如今大屏幕的機(jī)器設(shè)備愈來(lái)愈廣泛，總寬為800px的網(wǎng)頁(yè)設(shè)計(jì)方案顯而易見(jiàn)早已跟不上時(shí)代了。提議PC端網(wǎng)頁(yè)總寬至少要維持在1000px至1200px上下，自然可響應(yīng)式合理布局。而網(wǎng)頁(yè)假如偏重一側(cè)兩端對(duì)齊都是十分丑陋的，盡管切分顯示屏的方法很新奇，但不適宜全站偏重一側(cè)兩端對(duì)齊；
4、構(gòu)造錯(cuò)亂
這一想來(lái)也不用多講了，跟糟心的導(dǎo)航欄設(shè)計(jì)方案讓人覺(jué)得類似。平臺(tái)構(gòu)造錯(cuò)亂非常容易令人進(jìn)去就找不著出去的路，只能關(guān)閉瀏覽器立即退出了。針對(duì)一般的小網(wǎng)站而言，并沒(méi)有太多的物品用來(lái)分派，當(dāng)然不容易有太繁雜或是錯(cuò)亂的構(gòu)造。一旦網(wǎng)址做變大，考慮到構(gòu)造的布局合理就必需了；
5、瀏覽器兼容性難題
不敲代碼得人可能就會(huì)很容易忽視這種情況，訪問(wèn)者使用IE電腦瀏覽器和chorme各自對(duì)你網(wǎng)頁(yè)開(kāi)展訪問(wèn)的過(guò)程中，見(jiàn)到的作用有可能是不一樣的。從用戶體驗(yàn)的視角考慮，這種情況是很有必要考慮到的，但你也可以忽視這一因素，禱告客戶不要用低級(jí)別的IE等電腦瀏覽器，或是禱告這種低級(jí)別瀏覽器升級(jí)。
危害用戶體驗(yàn)的網(wǎng)頁(yè)設(shè)計(jì)方案因素十二：并沒(méi)有wap端通道或并沒(méi)有響應(yīng)式合理布局；
web端網(wǎng)頁(yè)在顯示屏比較大的計(jì)算機(jī)設(shè)備上賞析下去很有可能很好，但換了顯示屏較小一點(diǎn)平板或是手機(jī)等移動(dòng)終端訪問(wèn)時(shí)，在所難免讓具體內(nèi)容合理布局看起來(lái)過(guò)度緊湊。移動(dòng)端網(wǎng)址設(shè)計(jì)開(kāi)發(fā)在很久前就被大伙兒明確提出但是卻一直沒(méi)被高度重視，但是由于近幾年來(lái)百度搜索等各大搜索引擎對(duì)有著wap端通道或響應(yīng)式合理布局的網(wǎng)頁(yè)表現(xiàn)得更加友善，讓我們逐漸高度重視wap端企業(yè)網(wǎng)站建設(shè)。而設(shè)備的廣泛應(yīng)用和手機(jī)端搜索流量的提高，則促進(jìn)了更多人下決心要基本建設(shè)wap端網(wǎng)址或是同時(shí)選用響應(yīng)式合理布局設(shè)計(jì)制作網(wǎng)頁(yè)。
本人還是挺提議大伙兒選用響應(yīng)式網(wǎng)頁(yè)合理布局的，比較合適各種各樣不一樣配備的訪問(wèn)機(jī)器設(shè)備，合乎當(dāng)前的客戶訪問(wèn)狀況。假如想了解響應(yīng)式網(wǎng)頁(yè)合理布局的，可自主查詢本頻道以前發(fā)布的系列產(chǎn)品文章內(nèi)容。
較后匯總：
各種各樣緣故讓我們?cè)诙歼€沒(méi)真真正正掌握一個(gè)網(wǎng)站的情況下就把網(wǎng)頁(yè)立即關(guān)掉了，因此用戶體驗(yàn)的考慮到其實(shí)就是至關(guān)重要的。例如本文，其實(shí)就是不太重視用戶體驗(yàn)的，寫(xiě)了一大堆文本卻不見(jiàn)好多個(gè)插畫(huà)圖片布局合理一下，能全文看出來(lái)得人毫無(wú)疑問(wèn)非常累。但照片得多得話，網(wǎng)頁(yè)加載又減緩，文中開(kāi)場(chǎng)拿了五張開(kāi)圖來(lái)作展現(xiàn)早已夠危害網(wǎng)頁(yè)加載了，因?yàn)樽畲笙薅鹊靥岣呔W(wǎng)頁(yè)加載速率，只能少放幾張圖片了。
自然這十二點(diǎn)都不合理是使用者進(jìn)入網(wǎng)站后沒(méi)多久放棄你網(wǎng)址的必定因素，例如我就是誤點(diǎn)連接才進(jìn)的你網(wǎng)址，那么我一定會(huì)立刻離去，這也是一種很有可能。那樣，你是為什么離去一個(gè)網(wǎng)頁(yè)的？
