2016-12-26 分類(lèi): 用戶體驗(yàn)
很多網(wǎng)站成立了很多年,卻依舊吸引不來(lái)用戶,這是為什么呢?有沒(méi)有想過(guò)你的網(wǎng)站帶給用戶的體驗(yàn)是怎樣子的嗎?如果你沒(méi)發(fā)現(xiàn)問(wèn)題的所在并改正,那么創(chuàng)新互聯(lián)可以很肯定地告訴你,再過(guò)十年二十年,你網(wǎng)站依舊不會(huì)有用戶去看。
用戶體驗(yàn)在網(wǎng)站建設(shè)過(guò)程中的被重視程度,在近些年得到越來(lái)越大的提升。很多從事網(wǎng)頁(yè)設(shè)計(jì)的朋友都會(huì)在設(shè)計(jì)網(wǎng)頁(yè)的時(shí)候考慮到用戶體驗(yàn)這一關(guān)鍵因素,因?yàn)椴恢匾曈脩趔w驗(yàn)的網(wǎng)站,很難在當(dāng)下愈發(fā)成熟的互聯(lián)網(wǎng)環(huán)境中得到用戶的肯定。
若不告訴你,是否很難想象如下是10幾年前的淘寶……
其實(shí),早些年的網(wǎng)站都是這般的,簡(jiǎn)單的table布局,可能現(xiàn)在那些抱著ipad上網(wǎng)的00后小朋友很難想象會(huì)有這么丑的網(wǎng)頁(yè)吧。但現(xiàn)在div+css布局方便了我們?cè)O(shè)計(jì)很多精美的網(wǎng)頁(yè),界面上的美化從很大程度上提升了網(wǎng)站的用戶體驗(yàn)。不過(guò),除了界面呢?影響用戶體驗(yàn)的因素還會(huì)有哪些?
正文開(kāi)始,我們從用戶體驗(yàn)的角度聊聊,讓訪客反感的12種網(wǎng)頁(yè)設(shè)計(jì)。
總有那么些網(wǎng)頁(yè),讓我們一打開(kāi)就迫不及待想要離開(kāi)的。留不住用戶的網(wǎng)站,花再多的心思引流也都是徒勞。想要增加網(wǎng)站的用戶粘性,提升網(wǎng)站用戶體驗(yàn),這12個(gè)因素千萬(wàn)要注意了。
來(lái),從最糟糕的開(kāi)始說(shuō)吧……
影響用戶體驗(yàn)的網(wǎng)頁(yè)設(shè)計(jì)因素一:漫長(zhǎng)的加載時(shí)間;
這是本人認(rèn)為最糟糕的一個(gè)因素,網(wǎng)頁(yè)加載時(shí)間太漫長(zhǎng)。要是在十二年前,打開(kāi)一個(gè)網(wǎng)頁(yè)要一兩分鐘的話可能大家愿意忍受,畢竟這是很正常一件事;但在十二年后的今天,如果還要我花費(fèi)一兩分鐘去等待你的網(wǎng)頁(yè)加載,我是絕對(duì)沒(méi)這個(gè)耐心忍受這一切的,不知道你們是不是贊同。
因此,提升網(wǎng)頁(yè)加載速度,是提升用戶體驗(yàn)的一個(gè)非常重要的因素。影響網(wǎng)頁(yè)加載速度的因素也有很多,袁程旭在之前的文章中多次有提及這方面知識(shí)。你可以買(mǎi)一臺(tái)配置好點(diǎn)兒的服務(wù)器,當(dāng)然不建議買(mǎi)港臺(tái)或海外的,部分地區(qū)的訪客瀏覽網(wǎng)頁(yè)時(shí)加載會(huì)很吃力;除了服務(wù)器以外,網(wǎng)站程序的選擇也很有講究,不過(guò)這不是一兩句話可以說(shuō)完的。另外,諸如網(wǎng)頁(yè)延遲加載(點(diǎn)擊閱讀),或圖片異步延遲加載(點(diǎn)擊閱讀)之類(lèi)的技術(shù)使用可以很好地提升網(wǎng)頁(yè)加載速度,感興趣的朋友可自行了解。
影響用戶體驗(yàn)的網(wǎng)頁(yè)設(shè)計(jì)因素二:自動(dòng)播放的聲音;
說(shuō)實(shí)話,這樣的網(wǎng)站經(jīng)常會(huì)嚇到我,尤其是在半夜的時(shí)候。請(qǐng)?jiān)囅胍幌拢愦蜷_(kāi)一個(gè)網(wǎng)頁(yè),突然就聽(tīng)到了一些亂七八糟的聲音,沒(méi)有心理準(zhǔn)備的話是不是會(huì)被這東西給嚇到?這樣的網(wǎng)頁(yè)設(shè)計(jì)常見(jiàn)于那些搞銷(xiāo)售類(lèi)的頁(yè)面,一進(jìn)入網(wǎng)頁(yè)就自動(dòng)播放音樂(lè)或者廣告宣傳,實(shí)在讓人抓狂。
玩QQ空間的時(shí)候感覺(jué)設(shè)置一個(gè)自動(dòng)播放的背景音樂(lè)很酷炫,但設(shè)計(jì)網(wǎng)頁(yè)的時(shí)候如果采用自動(dòng)播放聲音的設(shè)計(jì)其實(shí)是很影響用戶體驗(yàn)的。你大可以在網(wǎng)頁(yè)某處放置音頻或視頻文件,讓用戶自主選擇是否打開(kāi)播放,我想這樣更尊重用戶選擇的設(shè)計(jì)才會(huì)更受用戶歡迎吧?
影響用戶體驗(yàn)的網(wǎng)頁(yè)設(shè)計(jì)因素三:彈窗 & 廣告;
可能現(xiàn)在有很多攔截廣告的插件,但這并不影響我們對(duì)廣告的厭惡。最討厭的廣告形式就是那些永無(wú)止境的彈窗了,這是對(duì)用戶非常不友好的一種廣告形式。當(dāng)然,彈窗這一讓人反感的東西也不一定表現(xiàn)在廣告上,很多企業(yè)的官網(wǎng)經(jīng)常彈出“點(diǎn)擊咨詢”類(lèi)窗口,關(guān)閉了沒(méi)幾秒又自動(dòng)打開(kāi),這是很讓用戶反感的一個(gè)設(shè)計(jì)。信息還沒(méi)瀏覽多少,你就不斷要我點(diǎn)擊咨詢,我只好退出你的網(wǎng)站了。
再說(shuō)說(shuō)廣告,最?lèi)盒牡膹V告形式是那些偽裝著騙你去點(diǎn)擊的,常見(jiàn)于那些下載站,你經(jīng)常不知道哪個(gè)才是正確的下載鏈接,是不是經(jīng)常就下載了一些莫名其妙的軟件下來(lái)?袁程旭并不是說(shuō)網(wǎng)站不能投放廣告,是希望大家在用戶體驗(yàn)的考慮前提下合理設(shè)計(jì)廣告位,比如代碼君網(wǎng)站的廣告位分布。
影響用戶體驗(yàn)的網(wǎng)頁(yè)設(shè)計(jì)因素四:關(guān)鍵信息不在顯眼位置;
設(shè)計(jì)網(wǎng)頁(yè)的時(shí)候,你必須要知道用戶第一眼看到網(wǎng)頁(yè)時(shí),視線的集中點(diǎn)會(huì)落在哪里。可能你認(rèn)為網(wǎng)頁(yè)設(shè)計(jì)只是往頁(yè)面上堆砌信息那般簡(jiǎn)單,但其實(shí)信息的分配布局是很有講究的。頁(yè)面的關(guān)鍵信息必須要在顯眼的位置突出展現(xiàn),才能更方便地被用戶獲取,不然的話其實(shí)很影響用戶體驗(yàn)。
就這么說(shuō)吧,之前我瀏覽過(guò)一個(gè)主題酒店的網(wǎng)頁(yè),但找了半天沒(méi)發(fā)現(xiàn)在哪里查看房型、價(jià)錢(qián)這些用戶比較關(guān)心的信息和資訊,反倒是其企業(yè)文化介紹、發(fā)展歷程這些并不太重要的信息,擺在了非常明顯的位置。這樣的設(shè)計(jì)是反人類(lèi)的,在顯眼位置放置用戶關(guān)心的關(guān)鍵信息,才是正確的設(shè)計(jì)。
影響用戶體驗(yàn)的網(wǎng)頁(yè)設(shè)計(jì)因素五:過(guò)早地要求注冊(cè);
我去一個(gè)網(wǎng)站尋找一張?jiān)O(shè)計(jì)圖,你要我注冊(cè)會(huì)員才能查看,那我肯定不干了。這些過(guò)早地要求注冊(cè)的網(wǎng)站也是很讓用戶反感的,除非你是那種什么真愛(ài)、相親類(lèi)的網(wǎng)站。比如百合網(wǎng)這類(lèi),你要我注冊(cè)了才有權(quán)限查看更多會(huì)員的信息,為了找到真愛(ài)那我也認(rèn)了。但如果只是下載一張圖片或者一首歌就要求我注冊(cè)的話,哪兒有那閑工夫理會(huì)你,網(wǎng)上的免費(fèi)資源多得是。
從用戶體驗(yàn)的角度出發(fā),就應(yīng)該給予用戶更多的自主選擇權(quán)。比如我一部分資源是免費(fèi)對(duì)外提供給所有用戶瀏覽或下載的,但還有很多精品資源是會(huì)員才有權(quán)限瀏覽和下載,只要資源足夠優(yōu)秀還怕吸引不到用戶來(lái)注冊(cè)么?別強(qiáng)迫用戶去做他們不喜歡做的事情,不然很容易遭受用戶反感。
影響用戶體驗(yàn)的網(wǎng)頁(yè)設(shè)計(jì)因素六:糟糕的導(dǎo)航設(shè)計(jì);
網(wǎng)站的導(dǎo)航欄往往是為了更好地引導(dǎo)用戶,如果導(dǎo)航欄設(shè)計(jì)得太過(guò)糟糕的話,還怎么能起到引導(dǎo)用戶的作用呢?設(shè)計(jì)網(wǎng)站導(dǎo)航欄的時(shí)候,一般要遵循鼠標(biāo)的最短路徑原則,還要盡可能的方便用戶去到他們想要去的頁(yè)面。網(wǎng)站設(shè)計(jì)的每一點(diǎn)一滴其實(shí)都有講究,要不然怎么配得上設(shè)計(jì)二字?
還是以那個(gè)主題酒店的網(wǎng)頁(yè)為例,試想一下,如果你現(xiàn)在迫切需要預(yù)定一個(gè)房間,但找了半天沒(méi)找到訂房的鏈接入口,內(nèi)心會(huì)不會(huì)很崩潰?一邊是即將噴涌而出的荷爾蒙,一邊是對(duì)這糟糕網(wǎng)頁(yè)體驗(yàn)上的各種差評(píng),兩者無(wú)論哪一個(gè)都?jí)蜃屇惘偪竦?,?nèi)心難免會(huì)大罵道:這都TM什么網(wǎng)站啊!
影響用戶體驗(yàn)的網(wǎng)頁(yè)設(shè)計(jì)因素七:Flash(特別是主頁(yè)只有Flash展現(xiàn));
在之前的SEO類(lèi)文章中,袁程旭多次提到,F(xiàn)lash的應(yīng)用很不利于網(wǎng)站SEO。目前為止,搜索引擎爬蟲(chóng)還不能夠很好地爬取Flash文件內(nèi)容,對(duì)網(wǎng)站的收錄會(huì)有一定的影響。而網(wǎng)站主頁(yè)恰巧是SEO過(guò)程中非常值得重視的一個(gè)頁(yè)面,如果只有一個(gè)Flash文件在網(wǎng)站主頁(yè)展現(xiàn)的話,那就未免太搞笑了。
撇去SEO的因素不談,如果你進(jìn)入一個(gè)網(wǎng)站主頁(yè)發(fā)現(xiàn)只有一個(gè)Flash文件展現(xiàn),會(huì)不會(huì)有種摸不著頭腦的感覺(jué)?一般這樣的網(wǎng)頁(yè)設(shè)計(jì)也多見(jiàn)于那些產(chǎn)品推廣、企業(yè)推廣類(lèi)站點(diǎn),而展現(xiàn)的Flash文件內(nèi)容多半是對(duì)產(chǎn)品或企業(yè)進(jìn)行介紹的。這是一種強(qiáng)硬推廣手法,很容易讓用戶產(chǎn)生反抗的逆反心理。
影響用戶體驗(yàn)的網(wǎng)頁(yè)設(shè)計(jì)因素八:色彩搭配太過(guò)耀眼;
網(wǎng)頁(yè)色彩搭配給用戶視覺(jué)上的沖擊是非常強(qiáng)的,袁程旭個(gè)人還是比較喜歡采用那些簡(jiǎn)約樸素的色彩搭配方式來(lái)設(shè)計(jì)網(wǎng)站。我可不喜歡進(jìn)入一個(gè)網(wǎng)站看到五顏六色的模塊,色彩搭配太過(guò)耀眼會(huì)讓眼睛很容易感到疲倦。如果你網(wǎng)站的文字信息比較多,就更不能采用太鮮艷的色彩了,不然用戶視覺(jué)疲勞了還怎么有心思去閱讀資訊呢?多參考一下大型互聯(lián)網(wǎng)公司的網(wǎng)頁(yè)配色,或許值得你去學(xué)習(xí)模仿。
袁程旭強(qiáng)烈建議各位朋友,設(shè)計(jì)網(wǎng)頁(yè)時(shí)要保證頁(yè)面的主色調(diào)搭配不超過(guò)三種,除非你有特殊的需求而不得不將網(wǎng)頁(yè)設(shè)計(jì)成萬(wàn)花筒那般。各位可以閱讀《三分鐘帶你快速入門(mén)極簡(jiǎn)色彩學(xué)》這篇文章來(lái)學(xué)習(xí)一些基本的色彩學(xué)知識(shí),我想會(huì)非常有利于你在網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中進(jìn)行合理配色。
影響用戶體驗(yàn)的網(wǎng)頁(yè)設(shè)計(jì)因素九:table布局 or 界面過(guò)丑;
正如文章開(kāi)頭所言,現(xiàn)在的網(wǎng)頁(yè)之所以可以設(shè)計(jì)得比十二年前精美,是因?yàn)閐iv+css的布局結(jié)構(gòu)能夠營(yíng)造出很多table布局實(shí)現(xiàn)不了的效果。如果你還沉迷于table布局的網(wǎng)頁(yè)中無(wú)法自拔的話,那么請(qǐng)?jiān)徫覍?shí)在看不下去,只好默默退出你的網(wǎng)站了。table布局的網(wǎng)頁(yè)非常難看,總之我是忍受夠了。
不過(guò),就算是div+css布局,竟然也有人能夠把網(wǎng)頁(yè)設(shè)計(jì)得非常丑的。這樣的網(wǎng)頁(yè)一般多是采用類(lèi)似于dreamweaver的軟件拖動(dòng)設(shè)計(jì)出來(lái)的,沒(méi)有代碼寫(xiě)出來(lái)的網(wǎng)頁(yè)來(lái)得精致。界面過(guò)丑的網(wǎng)頁(yè)總之不會(huì)太讓人喜歡,畢竟大家還是更樂(lè)于追求美感的,沒(méi)有人會(huì)喜歡在那些丑陋的界面上多加停留。
影響用戶體驗(yàn)的網(wǎng)頁(yè)設(shè)計(jì)因素十:網(wǎng)站太過(guò)“業(yè)余”;
這里所謂的業(yè)余,不僅體現(xiàn)在網(wǎng)站資訊表達(dá)上,也體現(xiàn)在網(wǎng)站所有者的運(yùn)營(yíng)上。如果網(wǎng)站的主題不夠明確,網(wǎng)站文章對(duì)某件事物所表達(dá)的觀點(diǎn)也不是很讓大部分人贊同,那么就可以說(shuō)這樣的網(wǎng)站很是業(yè)余。網(wǎng)站所有者在日常運(yùn)營(yíng)工作中,如果未及時(shí)更新網(wǎng)站資訊,或者甚至連網(wǎng)站的關(guān)于我們和聯(lián)系我們等重要信息都未及時(shí)更新,那么這樣的網(wǎng)站也可以稱(chēng)為業(yè)余網(wǎng)站。
如果我進(jìn)入一個(gè)網(wǎng)站,發(fā)現(xiàn)首頁(yè)最新推薦的文章還是2002年的,那我肯定不會(huì)多看就馬上退出這個(gè)網(wǎng)站了。你如果在編碼技術(shù)上或者SEO基礎(chǔ)常識(shí)上略顯業(yè)余,我還是可以忍受的,畢竟那跟我沒(méi)有多大的關(guān)系。但如果我想獲取的東西找不到,或者找到了但卻很業(yè)余可笑的,那肯定也不會(huì)有好感。
影響用戶體驗(yàn)的網(wǎng)頁(yè)設(shè)計(jì)因素十一:設(shè)計(jì)上的一些瑕疵;
這些因素可能不會(huì)導(dǎo)致大量用戶對(duì)你的網(wǎng)站產(chǎn)生反感情緒,但如果能注意到這些問(wèn)題并且有針對(duì)性地進(jìn)行改進(jìn),一定能更好地提升網(wǎng)站用戶體驗(yàn)。接下來(lái)我們就簡(jiǎn)單聊聊,這些設(shè)計(jì)上的瑕疵。
1、分頁(yè)瀏覽圖片
常見(jiàn)于一些圖片類(lèi)站點(diǎn),瀏覽一張圖片就要轉(zhuǎn)向下一頁(yè)才能繼續(xù)瀏覽,但真的有必要嗎?明明可以在一頁(yè)瀏覽完十張圖片,我卻不得不翻十頁(yè)瀏覽完,雖然網(wǎng)站的流量得到了很好的提升,但用戶體驗(yàn)真的會(huì)非常差,瀏覽起圖片來(lái)真的好累??;
2、字體選擇和布局
特別是對(duì)于文字信息比較多的站點(diǎn)來(lái)說(shuō),良好的閱讀體驗(yàn)很是重要。代碼君網(wǎng)站的文章頁(yè)字體是經(jīng)過(guò)嚴(yán)格試驗(yàn)后,綜合用戶反饋進(jìn)行改進(jìn)的。字體類(lèi)型的選擇、大小、行高和段落之間的距離等等因素,還有字體的右對(duì)齊,只有都做精細(xì)了才能達(dá)到更好的感官效果;推薦閱讀:《中文網(wǎng)頁(yè)設(shè)計(jì):關(guān)于字體的那些事兒》;
3、網(wǎng)頁(yè)過(guò)窄或者偏向一側(cè)對(duì)齊
現(xiàn)在大屏的設(shè)備越來(lái)越普遍,寬度為x的網(wǎng)頁(yè)設(shè)計(jì)顯然已經(jīng)跟不上時(shí)代了。建議PC端網(wǎng)頁(yè)寬度至少要保持在1x至1x左右,當(dāng)然可自適應(yīng)布局。而網(wǎng)頁(yè)如果偏向一側(cè)對(duì)齊也是非常難看的,雖然分割屏幕的做法很新穎,但不適合整站偏向一側(cè)對(duì)齊;
4、結(jié)構(gòu)混亂
這個(gè)想必也不用多說(shuō)了,跟糟糕的導(dǎo)航設(shè)計(jì)給人感覺(jué)差不多。網(wǎng)站結(jié)構(gòu)混亂很容易讓人進(jìn)去就找不到出來(lái)的路,只好關(guān)閉瀏覽器直接退出了。對(duì)于一般的小站點(diǎn)來(lái)說(shuō),沒(méi)有太多的東西拿來(lái)分配,自然不會(huì)有太復(fù)雜或者混亂的結(jié)構(gòu)。一旦網(wǎng)站做大了,考慮結(jié)構(gòu)的合理布局就很必要了;
5、瀏覽器兼容問(wèn)題
不寫(xiě)代碼的人可能就會(huì)容易忽略這個(gè)問(wèn)題,訪客在使用IE瀏覽器和谷歌瀏覽器分別對(duì)你網(wǎng)頁(yè)進(jìn)行瀏覽的時(shí)候,看到的效果可能是不一樣的。從用戶體驗(yàn)的角度出發(fā),這個(gè)問(wèn)題是很有必要考慮的,但你也可以忽略這個(gè)因素,祈禱用戶別用低等級(jí)的IE等瀏覽器,或者祈禱這些低等級(jí)瀏覽器升級(jí)。
影響用戶體驗(yàn)的網(wǎng)頁(yè)設(shè)計(jì)因素十二:沒(méi)有wap端入口或沒(méi)有自適應(yīng)布局;
web端網(wǎng)頁(yè)在屏幕較大的電腦設(shè)備上欣賞起來(lái)可能還不錯(cuò),但換了屏幕較小的平板電腦或者手機(jī)等移動(dòng)設(shè)備瀏覽時(shí),難免會(huì)讓內(nèi)容布局顯得過(guò)于局促。手機(jī)端網(wǎng)站開(kāi)發(fā)設(shè)計(jì)在很早前就被大家提出但卻一直沒(méi)被重視,不過(guò)隨著近些年百度等搜索引擎對(duì)擁有wap端入口或自適應(yīng)布局的網(wǎng)頁(yè)表現(xiàn)得更為友好,讓大家開(kāi)始重視wap端網(wǎng)站建設(shè)。而移動(dòng)設(shè)備的普及和移動(dòng)端搜索流量的提升,則促成了更多人下定決心要建設(shè)wap端網(wǎng)站或者直接采用自適應(yīng)布局來(lái)設(shè)計(jì)網(wǎng)頁(yè)。
個(gè)人還是比較建議大家采用自適應(yīng)網(wǎng)頁(yè)布局的,比較適合各種不同配置的瀏覽設(shè)備,符合當(dāng)下的用戶瀏覽情況。如果想了解自適應(yīng)網(wǎng)頁(yè)布局的,可自行查看本欄目之前發(fā)表的系列文章。
最后總結(jié):
各種各樣的原因讓人們?cè)谶€沒(méi)有真正了解一個(gè)網(wǎng)站的時(shí)候就把網(wǎng)頁(yè)直接關(guān)掉了,所以用戶體驗(yàn)的考慮其實(shí)是非常重要的。比如這篇文章,其實(shí)是不太尊重用戶體驗(yàn)的,寫(xiě)了一大堆文字卻沒(méi)見(jiàn)幾個(gè)插圖合理布局一下,能全篇看下來(lái)的人肯定很累。但圖片多了的話,網(wǎng)頁(yè)加載又會(huì)變慢,本文開(kāi)篇拿了五張大圖來(lái)作展示已經(jīng)夠影響網(wǎng)頁(yè)加載了,為了盡可能地提升網(wǎng)頁(yè)加載速度,只好少放幾張圖片了。
當(dāng)然這十二點(diǎn)也不完全是用戶進(jìn)入網(wǎng)站后馬上又離開(kāi)你網(wǎng)站的必然因素,比如我是點(diǎn)錯(cuò)鏈接才進(jìn)的你網(wǎng)站,那我肯定會(huì)馬上離開(kāi),這也是一種可能。那么,你是為什么離開(kāi)一個(gè)網(wǎng)頁(yè)的?
當(dāng)網(wǎng)站長(zhǎng)時(shí)間被冷落時(shí),站長(zhǎng)們一定要引起注意,檢查自身的網(wǎng)站是否存在讓用戶體驗(yàn)不愉快的因素,而不是責(zé)怪用戶為什么不看你的網(wǎng)站,找到了原因,才能重新獲得用戶的青睞。
網(wǎng)站標(biāo)題:影響用戶體驗(yàn)的網(wǎng)頁(yè)設(shè)計(jì)因素有哪些?
分享鏈接:http://m.rwnh.cn/news/71755.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專(zhuān)注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷(xiāo)seo公司;服務(wù)項(xiàng)目有網(wǎng)站制作、用戶體驗(yàn)等
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容