DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 關於網頁技巧 >> 重視用戶體驗:摒棄網頁視覺設計常犯錯誤
重視用戶體驗:摒棄網頁視覺設計常犯錯誤
編輯:關於網頁技巧     

導語:在網絡日益發達的今天,大家肯定都見過不少網站,但是大多數網站的設計都十分糟糕。這些設計糟糕的網站不僅在布局上問題多多,而且很不重視用戶體驗,致使網站流失大量用戶。印尼專業設計師Albertus Adrianto近日在設計網站1stwebdesigner上撰文闡述了在網頁視覺設計上常出現的10大錯誤。希望設計者們引以為誡:網站其實也是一個產品,也有它的用戶體驗,你意識到了這一點,你的網站才會推動你的宣傳。

盤點10大網頁視覺設計錯誤 用戶體驗需重視

相信大家上網都看到過很多網站,而且我敢保證你看到的布局糟糕的網站比優秀的多。這點我感同身受,設計和布局糟糕的網站實在是太多了。我再也不會去浏覽這些網站,更別提把他們加入書簽。為此,我會向大家分享一些在網頁視覺設計上常犯的錯誤。

1.字體濫用

盤點10大網頁視覺設計錯誤 用戶體驗需重視

你還記得你訪問網站時那些過於花俏且難以辨認的手寫字體嗎?網站的正文內容絕不要使用這類手寫字體,否則訪問者閱讀文章非常吃力,要選用容易辨認的字體。

另外,一些設計人員在網站使用非標准字體。如果網站的訪客只是對另類字體不了解的普通人,他們對此會產生疑惑:“為什麼網站的字體這麼小”。我就經歷過這樣的事情,當時我在網站使用非標准字體來提升文本清晰度,但可惜的是,這反倒引來了網友對網站的抱怨。其實,只要老老實實地用Arial、Helvetica、Verdana、Georgia或者Times New Roman這些字體就足夠了,每個人的電腦都有這些字體。

2.海量文字,圖片欠奉

細數10大網頁視覺設計錯誤 用戶體驗需重視

如果一個網站只有密密麻麻的文字,總有一天會引起大家的厭煩,等他們哪天厭倦了你那些文字內容,就會立馬掉頭走人,再不會回來。你要搞清楚,這是互聯網,不是程序開發秘籍。如果你拿不定注意該添加什麼樣的圖片,那就去找與你文章標題相關的圖片。你的網站千萬不能只有文字,圖片欠奉。

3.長文章不分段

細數10大網頁視覺設計錯誤 用戶體驗需重視

即便你在文章中添加了合適的圖片,也別忘記了給文章進行分段。如果你看的文章單詞數在500以上,並且還沒有分段,用戶體驗多半不會很好。為長文章分段可以方便大家更好地閱讀網站內容。

4.切忌字體太小

細數10大網頁視覺設計錯誤 用戶體驗需重視

你有遇到過訪問網站時,要放大才能看清楚網站內容的嗎?這樣的用戶體驗太差了。要主體內容的能夠清楚地閱讀,它的字號至少要設為12pt。如果沒達到這個值,我們得用放大鏡才能看清楚。

5.過度使用Flash

細數10大網頁視覺設計錯誤 用戶體驗需重視

從視覺角度來看,任何Falsh的使用都會為網站增色不少。但是可惜的是,Flash使用會加重網站負荷,造成網站載入速度較慢,直接引起新訪客立馬走人的幾率更高。除非你萬不得已,要不然就盡量減少Flash的使用吧。我個人非常不喜歡用Flash進行網站介紹,煩人不說,還浪費時間。

6.選用素色背景

細數10大網頁視覺設計錯誤 用戶體驗需重視

大多數的優秀的網站使用素色背景來提升它的易讀性。如果你認為五彩斑斓的背景會更好看,那你就大錯特錯了。這會讓大家對你的文章感到厭煩,因為主體內容的文字顏色與背景顏色混在一起,根本看不清楚內容。盡量選用素色背景,圖片放在沒有文本內容的地方。

7.廣告過多

細數10大網頁視覺設計錯誤 用戶體驗需重視

我敢保證,當你看到一個網站充斥了各種各樣的橫幅廣告以及google adsense廣告時,你過不了多長時間就會離開。或者更糟糕的是,立馬關掉網頁,去另一個網站去了。廣告決不能凌駕於內容之上,優秀的網站往往把廣告放在合適的地方,這樣也不會影響到網站的主要內容。

8.討厭的彈窗

細數10大網頁視覺設計錯誤 用戶體驗需重視

我一直很討厭那種經常有彈窗的網站,並且還一直彈個不停。這真的很煩人。我是去找資料的,突如其來的彈窗浪費了我的時間。總之,我就是討厭這些彈窗。

9.長文

細數10大網頁視覺設計錯誤 用戶體驗需重視

長文需要花費你更多的時間,可有些人還是厭倦去看。一篇文章的長度最好控制在1000個單詞,並插入一些圖片,這要比純文字內容更吸引人。另外,文字要簡潔明了,可以說,大多人都是不喜歡長文章的。

10.超鏈接顏色不明顯

細數10大網頁視覺設計錯誤 用戶體驗需重視

在文字內容中,要讓超鏈接文本的顏色與眾不同。這有利於讀者辨認出他們訪問過的鏈接,不會再次點擊同意的鏈接。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved