網頁設計中最常見的用戶體驗錯誤

對于一個成功的網站來說，有些東西要比一個很炫的網頁設計更為重要。網站的用戶體驗就是這么一個重要的指標，即使一個很好的網站設計如果沒有很好的用戶體驗性，那也會流失他的目標客戶群。

我這里列出一些常見的用戶體驗的錯誤設計，我們在做網站時一定要特別警覺。

混亂的導航

具有諷刺意味的是，這個問題仍然存在于正在運行的很多網站上面。要不他們就不重視導航的用戶體驗性，要不就是在執行的時候，不把這個做為首要的考慮。你可能會責怪正是那些很漂亮的單頁面網站設計引起了這個問題，或者就是那些以全屏的輪播圖為主頁導航的頁面設計風格，給我們以很強的視覺感受，但是其實用性卻非常低。現代的流行設計趨勢又開始走回了以內容為中心的時代，那些帶著導航設計的單欄界面已經慢慢不在那么受寵愛了。

對于一些小型的網站，或是個人的博客，或者就是一個簡單的投資組合網站，那種單頁面網站的導航設計是夠用了。然后對一個大型的企業網站來說，導航就是網站的基石。 無管你相不相信：對于這次全網站導航的設計來說，三次點擊原則仍然很重要。所有您網站上的內容以及其它一些實際的事情，用戶都可以從主頁面開始不超過三次點擊，就能訪問到。

大部分現代的內容管理系統都允許您利用分類，子分類以及標簽等方式來組織管理您的內容。如果您能把這個功能用的好，您的用戶就可以特別容易的找到您想呈現給他們的內容，而這其實和網站的大小根據沒關系。正確放置面包屑導航條以及網站地圖文件都會有很大的幫助。

差的易讀性

隨著在現在引入 Adobe Typekit或者是 Google Web Font 到網站的字體設計中來，現在在網站上引起的易讀性的問題比在印刷版上面要多的多。 現在，如果您建議誰在設計網站的時候，盡量不要用 Comis Sans字體，那已經是很過時了。因為現在基本已經沒有人這么做了。然而，易讀性的問題仍然會很嚴重的破壞您設計的網站的用戶體驗性。

影響到網站的易讀性是有很多原因的，但我們最主要考慮的兩個問題仍然是字間距以及段落排版方式。字體的顏色，字體大小以及空格，也是毀掉大段文字可讀性的重要因素－每一個都很重要。

當您在頁面放置文字的時候，還需要重點考慮一下這個問題：每一種網站界面設計的目光關注點都不一樣，您應該根據您的界面設計來放置您的文本內容。通過下面的圖例您可以看出來，一個網站的目光關注點和一個論壇的是完全不同的，而對于電商網站來說也和一個雜志的目光關注點是完全不一樣的。

非響應式網站設計

這是移動的時代了，出于實際的利益目的，我們也應該考慮當前網站的瀏覽量其實有很大的一部分是來自于移動設備的，包括智能手機或者是平板電腦。自然的，您的網站一定不能忽略了這么重要的客戶群，在網站設計的過程中您就應該考慮到移動端的友好性以提高移動客戶的用戶體驗。

響應式的設計是您最好的賭注，特別是在現在這個時代，您能非常容易的就找到那些已經預先寫好了響應式的網頁設計模板，這些模板完全的支持響應式調用，同時還能非常完美的定制化再開發。如果這不是您想采用的方案，那么適應性的網站會讓您覺得物超所值，雖然這意味著您要維護兩個完全獨立版本的網站：一個就專門為PC 客戶，另外一個就是專門適應移動客戶。如果您的網站比較龐大且有著海量的內容，這個方案一定是最適合您了。

忽略搜索功能

這是另外一個您特別要注意避免的問題。在任何類型的網站里放置一個合適的搜索框都是很重要的。而且，如果您的網站是屬于大型網站，那搜索框就更有用了。

所以，把您的搜索條放置在一個用戶很容易注意到的位置就是一個很不錯的設計。 一般來說，邊欄是放置這些搜索條的最好的位置，另外，您也可以把他放在網站的頁頭之上，可能是放在公司標志旁邊，或者就是最頂部，甚至就在導航欄的旁邊，都可以。當然您要注意的是，也許您的頁腳就不是放搜索條的好地方，可以盡量不先考慮這里。

忽略了壞鏈接

壞鏈接或是404的錯誤頁面并不是總能避免的：時不時的，因為人為的錯誤或者就是URL 發生了變化，就導致了頁面找不到的 404 錯誤。 當然，如果發生了這樣的錯誤，您就是簡單的給用戶一個“不能找到頁面”的提示信息，這肯定不是最好的響應方式。當您在優化您網站的用戶體驗時，要去考慮一下出現這個問題的時候該如何修復。

對于WordPress 的用戶來說，這有一個簡單的方法，就是安裝一個 Broken Links Checker 的插件。如果您能一直關注著可能出現的壞鏈接，并且在一個比較合適的時間間隔內進行修復，那么您的用戶在訪問您的網站時，就會較少的看到 404 的報錯頁面，這也會極大的提高您頁面的用戶體驗。

當我們談到用戶體驗的時候，完全基本上是不可能達到的。但是如果您避免了以上我們所提到的各種常見錯誤，那么您的網站在用戶體驗的性能方面已經有了極大的提高了。

不深思則不能造于道。不深思而得者，其得易失。

名人名言- 曾國藩

• By 優聯實達（譯）
• 2015-10-04
• 1732
• 公司新聞，網站開發，網站設計，UI