影響多用户體驗的網頁設計因素一:漫長的載入時間;
這是本人認為糟糕的一個因素,網頁載入時間太漫長。要是在十二年前,開啓一個網頁要一兩分鐘的話可能大家願意忍受,畢竟這是很正常一件事;但在十二年後的今天,如果還要我花費一兩分鐘去等待您的網頁載入,我是絕對沒這個耐心忍受這一切的,不知道您們是不是贊同。
因此,提升網頁載入速度,是提升多用户體驗的一個非常重要的因素。影響網頁載入速度的因素也有很多,袁程旭在之前的文章中多次有提及這方面知識。您可以買一台配置好點兒的服務器,當然不建議買港台或海外的,部分地區的訪客瀏覽網頁時載入會很吃力;除了服務器以外,網站程序的選擇也很有講究,不過這不是一兩句話可以説完的。另外,諸如網頁延遲載入(點選閲讀),或圖片非同步延遲載入(點選閲讀)之類的技術使用可以很好地提升網頁載入速度,感興趣的朋友可自行了解。
影響多用户體驗的網頁設計因素二:自動播放的聲音;
説實話,這樣的網站經常會嚇到我,尤其是在半夜的時候。請試想一下,您開啓一個網頁,突然就聽到了一些亂七八糟的聲音,沒有心理準備的話是不是會被這東西給嚇到?這樣的網頁設計常見於那些搞銷售類的頁面,一進入網頁就自動播放音樂或者廣告宣傳,實在讓人抓狂。
玩 QQ 空間的時候感覺設定一個自動播放的背景音樂很酷炫,但設計網頁的時候如果採用自動播放聲音的設計其實是很影響多用户體驗的。您大可以在網頁某處放置音訊或視訊檔案,讓多用户自主選擇是否開啓播放,我想這樣更尊重多用户選擇的設計才會更受多用户歡迎吧?
影響多用户體驗的網頁設計因素三:彈窗 & 廣告;
可能現在有很多攔截廣告的外掛,但這並不影響我們對廣告的厭惡。討厭的廣告形式就是那些永無止境的彈窗了,這是對多用户非常不友好的一種廣告形式。當然,彈窗這一讓人反感的東西也不一定表現在廣告上,很多企業的官網經常彈出 “點選諮詢” 類視窗,關閉了沒幾秒又自動開啓,這是很讓多用户反感的一個設計。資訊還沒瀏覽多少,您就不斷要我點選諮詢,我只好退出您的網站了。
再説説廣告,噁心的廣告形式是那些偽裝着騙您去點選的,常見於那些下載站,您經常不知道哪個才是正確的下載連結,是不是經常就下載了一些莫名其妙的軟件下來?袁程旭並不是説網站不能投放廣告,是希望大家在多用户體驗的考慮前提下合理設計廣告位,比如代碼君網站的廣告位分佈。
影響多用户體驗的網頁設計因素四:關鍵資訊不在顯眼位置;
設計網頁的時候,您必須要知道多用户眼看到網頁時,視線的集中點會落在哪裏。可能您認為網頁設計只是往頁面上堆砌資訊那般簡單,但其實資訊的分配佈局是很有講究的。頁面的關鍵資訊必須要在顯眼的位置突出展現,才能更方便地被多用户獲取,不然的話其實很影響多用户體驗。
就這麼説吧,之前我瀏覽過一個主題酒店的網頁,但找了半天沒發現在哪裏檢視房型、價錢這些多用户比較關心的資訊和資訊,反倒是其企業文化介紹、發展歷程這些並不太重要的資訊,擺在了非常明顯的位置。這樣的設計是反人類的,在顯眼位置放置多用户關心的關鍵資訊,才是正確的設計。
影響多用户體驗的網頁設計因素五:過早地要求註冊;
我去一個網站尋找一張設計圖,您要我註冊會員才能檢視,那我肯定不幹了。這些過早地要求註冊的網站也是很讓多用户反感的,除非您是那種什麼真愛、相親類的網站。比如百合網這類,您要我註冊了才有許可權檢視更多會員的資訊,為了找到真愛那我也認了。但如果只是下載一張圖片或者一歌就要求我註冊的話,哪兒有那閒工夫理會您,網上的免費資源多得是。
從多用户體驗的角度出發,就應該給予多用户更多的自主選擇權。比如我一部分資源是免費對外提供給所有多用户瀏覽或下載的,但還有很多精品資源是會員才有許可權瀏覽和下載,只要資源足夠優秀還怕吸引不到多用户來註冊麼?彆強迫多用户去做他們不喜歡做的事情,不然很容易遭受多用户反感。
影響多用户體驗的網頁設計因素六:糟糕的導航設計;
網站的導航欄往往是為了更好地引導多用户,如果導航欄設計得太過糟糕的話,還怎麼能起到引導多用户的作用呢?設計網站導航欄的時候,一般要遵循滑鼠的短路徑原則,還要儘可能的方便多用户去到他們想要去的頁面。網站設計的每一點一滴其實都有講究,要不然怎麼配得上設計二字?
還是以那個主題酒店的網頁為例,試想一下,如果您現在迫切需要預定一個房間,但找了半天沒找到訂房的連結入口,內心會不會很崩潰?一邊是即將噴湧而出的荷爾蒙,一邊是對這糟糕網頁體驗上的各種差評,兩者無論哪一個都夠讓您瘋狂的,內心難免會大罵道:這都 TM 什麼網站啊!
影響多用户體驗的網頁設計因素七:Flash(特別是主頁只有 Flash 展現);
在之前的 SEO 站羣類文章中,袁程旭多次提到,Flash 的應用很不利於網站 SEO 站羣。目前為止,搜索引擎爬蟲還不能夠很好地爬取 Flash 檔案內容,對網站的收錄會有一定的影響。而網站主頁恰巧是 SEO 站羣過程中非常值得重視的一個頁面,如果只有一個 Flash 檔案在網站主頁展現的話,那就未免太搞笑了。
撇去 SEO 站羣的因素不談,如果您進入一個網站主頁發現只有一個 Flash 檔案展現,會不會有種摸不着頭腦的感覺?一般這樣的網頁設計也多見於那些產品推廣、企業推廣類站點,而展現的 Flash 檔案內容多半是對產品或企業進行介紹的。這是一種強硬推廣手法,很容易讓多用户產生反抗的逆反心理。
影響多用户體驗的網頁設計因素八:色彩搭配太過耀眼;
網頁色彩搭配給多用户視覺上的衝擊是非常強的,袁程旭個人還是比較喜歡採用那些簡約樸素的色彩搭配方式來設計網站。我可不喜歡進入一個網站看到五顏六色的模組,色彩搭配太過耀眼會讓眼睛很容易感到疲倦。如果您網站的文字資訊比較多,就更不能採用太鮮豔的色彩了,不然多用户視覺疲勞了還怎麼有心思去閲讀資訊呢?多參考一下大型互聯網公司的網頁配色,或許值得您去學習模仿。
袁程旭強烈建議各位朋友,設計網頁時要保證頁面的主色調搭配不超過三種,除非您有特殊的需求而不得不將網頁設計成萬花筒那般。各位可以閲讀《三分鐘帶您快速入門極簡色彩學》這篇文章來學習一些基本的色彩學知識,我想會非常有利於您在網頁設計過程中進行合理配色。
影響多用户體驗的網頁設計因素九:table 佈局 or 介面過醜;
正如文章開頭所言,現在的網頁之所以可以設計得比十二年前精美,是因為 div+css 的佈局結構能夠營造出很多 table 佈局實現不了的效果。如果您還沉迷於 table 佈局的網頁中無法自拔的話,那麼請原諒我實在看不下去,只好默默退出您的網站了。 table 佈局的網頁非常難看,總之我是忍受夠了。
不過,就算是 div+css 佈局,竟然也有人能夠把網頁設計得非常醜的。這樣的網頁一般多是採用類似於 dreamweaver 的軟件拖動設計出來的,沒有代碼寫出來的網頁來得精緻。介面過醜的網頁總之不會太讓人喜歡,畢竟大家還是更樂於追求美感的,沒有人會喜歡在那些醜陋的介面上多加停留。
影響多用户體驗的網頁設計因素十:網站太過 “業餘”;
這裏所謂的業餘,不僅體現在網站資訊表達上,也體現在網站所有者的運營上。如果網站的主題不夠明確,網站文章對某件事物所表達的觀點也不是很讓大部分人贊同,那麼就可以説這樣的 WordPress 網站建設 SEO 站羣網站很是業餘。網站所有者在日常運營工作中,如果未及時更新網站資訊,或者甚至連網站的關於我們和聯絡我們等重要資訊都未及時更新,那麼這樣的網站也可以稱為業餘網站。
如果我進入一個網站,發現頁新推薦的文章還是 2002 年的,那我肯定不會多看就馬上退出這個網站了。您如果在編碼技術上或者 SEO 站羣基礎常識上略顯業餘,我還是可以忍受的,畢竟那跟我沒有多大的關係。但如果我想獲取的東西找不到,或者找到了但卻很業餘可笑的,那肯定也不會有好感。
影響多用户體驗的網頁設計因素十一:設計上的一些瑕疵;
這些因素可能不會導致大量多用户對您的網站產生反感情緒,但如果能注意到這些問題並且有針對性地進行改進,一定能更好地提升網站多用户體驗。接下來我們就簡單聊聊,這些設計上的瑕疵。
這些因素可能不會導致大量多用户對您的網站產生反感情緒,但如果能注意到這些問題並且有針對性地進行改進,一定能更好地提升網站多用户體驗。接下來我們就簡單聊聊,這些設計上的瑕疵。
1 、分頁瀏覽圖片
常見於一些圖片類站點,瀏覽一張圖片就要轉向下一頁才能繼續瀏覽,但真的有必要嗎?明明可以在一頁瀏覽完十張圖片,我卻不得不翻十頁瀏覽完,雖然網站的流量得到了很好的提升,但多用户體驗真的會非常差,瀏覽起圖片來真的好累啊;
2 、字型選擇和佈局
特別是對於文字資訊比較多的站點來説,良好的閲讀體驗很是重要。代碼君網站的文章頁字型是經過嚴格試驗後,綜合多用户反饋進行改進的。字型型別的選擇、大小、行高和段落之間的距離等等因素,還有字型的右對齊,只有都做精細了才能達到更好的感官效果;推薦閲讀:《中文網頁設計:關於字型的那些事兒》;
3 、網頁過窄或者偏向一側對齊
現在大屏的裝置越來越普遍,寬度為 800px 的網頁設計顯然已經跟不上時代了。建議 PC 端網頁寬度至少要保持在 1000px 至 1200px 左右,當然可自適應佈局。而網頁如果偏向一側對齊也是非常難看的,雖然分割螢幕的做法很新穎,但不適合整站偏向一側對齊;
4 、結構混亂
這個想必也不用多説了,跟糟糕的導航設計給人感覺差不多。網站結構混亂很容易讓人進去就找不到出來的路,只好關閉瀏覽器直接退出了。對於一般的小站點來説,沒有太多的東西拿來分配,自然不會有太複雜或者混亂的結構。一旦網站做大了,考慮結構的合理佈局就很必要了;
5 、瀏覽器相容問題
不寫代碼的人可能就會容易忽略這個問題,訪客在使用 IE 瀏覽器和谷歌瀏覽器分別對您網頁進行瀏覽的時候,看到的效果可能是不一樣的。從多用户體驗的角度出發,這個問題是很有必要考慮的,但您也可以忽略這個因素,祈禱多用户別用低等級的 IE 等瀏覽器,或者祈禱這些低等級瀏覽器升級。
影響多用户體驗的網頁設計因素十二:沒有 wap 端入口或沒有自適應佈局;
web 端網頁在螢幕較大的電腦裝置上欣賞起來可能還不錯,但換了螢幕較小的平板電腦或者手機等移動裝置瀏覽時,難免會讓內容佈局顯得過於侷促。手機端網站開發設計在很早前就被大家提出但卻一直沒被重視,不過隨着近些年百度等搜索引擎對擁有 wap 端入口或自適應佈局的網頁表現得更為友好,讓大家開始重視 WordPress 網站建設 SEO 站羣 wap 端網站建設。而移動裝置的普及和移動端搜索流量的提升,則促成了更多人下定決心要建設 wap 端網站或者直接採用自適應佈局來設計網頁。
WordPress 網站建設 SEO 站羣總結:各種各樣的原因讓人們在還沒有真正瞭解一個網站的時候就把網頁直接關掉了,所以多用户體驗的考慮其實是非常重要的。比如這篇文章,其實是不太尊重多用户體驗的,寫了一大堆文字卻沒見幾個插圖合理佈局一下,能全篇看下來的人肯定很累。但圖片多了的話,網頁載入又會變慢,本文開篇拿了五張大圖來作展示已經夠影響網頁載入了,為了儘可能地提升網頁載入速度,只好少放幾張圖片了。