網頁設計中6個常見的可用性錯誤

+ 查看更多

 

在過去十年中，網站的可用性一直是大家討論的核心，這是因為它在給用戶提供良好體驗的過程中扮演著很重要的角色。網站的可用性越高，越有助于建立品牌形象的知名度，網站和公司的口碑也會越來越好。如今，很多站長依舊對網站的可用性給予高度關注，這是因為不少公司都在實踐中證明了可用性策略的有效性。在過去幾年中，不少創業公司都通過網站的可用性成功打了個翻身戰。有時候，簡單的想法反而是最具有創造力的，網站的可用性就證明了這一點。可用性就是指在維持某個產品或特征的高質量的同時讓他們更易于使用。

 

如今，很多文章在討論網站的可用性時都會將它歸納為常識。但其實經過這么長時間的討論以后，不少網站設計者在理解可用性這個概念或實際操作中仍有困難。網站的可用性不可忽視，下面就是大家建站時常犯的一些有關可用性方面的錯誤，希望大家能夠從中有所啟發和收獲。

 

 

 

我經常發現某些網頁的鏈接沒有以這樣或那樣的形式突出顯示，這讓我的瀏覽體驗很不順暢，這可能也是我見過的最愚蠢的錯誤了。相比那些鏈接和普通文字使用同一顏色的，我更加愿意訪問鏈接設置成突出藍色的網站。因為這樣的網站更顯友好，用戶需要知道如何前往不同的頁面或在哪兒能點擊鏈接。你不能指望訪客使用鼠標一行行瀏覽所有文字去尋找"隱藏的"鏈接，不是所有訪客都有足夠的時間和耐心的。我也完全能夠理解，有時候出于設計考慮（如保持協調一致等），鏈接不能使用某種顏色來突出顯示，否則它們會顯得太過突兀。但在這種情況下，我們可以添加文字樣式或虛線框。不管使用什么樣的形式，只要能夠起到強調鏈接的作用就夠了。

 

 

訪問過的鏈接也應當以不同的方式來顯示，以區別于默認的鏈接顏色。這樣的設置可以讓用戶知道他們已經瀏覽過哪些頁面，從而確定下一步前往哪個頁面。有些網站可能頁面、鏈接比較多，不少訪客在訪問時會感到困惑，這時將訪問過和未訪問的鏈接區別開來，絕對能夠讓他們對網站更有好感，提升網站的可用性。

 

 

 

排版并不總是與突出的標題或美觀的文本區塊聯系在一起的。 當我們談到排版在網站的可用性上的作用時，我們更加注重排版如何使網站內容更易于閱讀。通常，緊密排列的大段文字只會使訪客感到非常頭疼，不過這對設計師來說簡直是小菜一碟。因為設計師只需簡單的增加行高，分段，增加文字大小，改變字體，就能夠使整段文字煥然一新了。在網頁設計中，如何搭配字體的或如何使用顏色觸動訪客的心理情緒并沒有那么重要（當然，如果你會更好）。我強調這一點是因為在過去的幾年中，我們總是錯誤的讓網站的美感凌駕于網站的功能性之上，網站的排版很糟糕，各種內容和信息也無法有效的展示出來。其實網站最重要的特性在于它的可用性，有時候它不需要那么好看，能夠正常工作就好。

 

讓我來進一步解釋一下，目前網站設計中最新涌現出的兩股設計思潮，極簡主義和扁平化設計，都聚焦于網站內容的良好呈現，而不是更加絢麗的背景圖。它們變得越來越流行的原因就在于他們非常簡單,而且性能良好。有時候真的很難相信如此簡單的一個網站就能獲得這么巨大的成功。訪客進入網站, 獲取自己想要的信息，然后退出離開, 沒有任何其他元素會使他們分心, 沒有Flash, 沒有減慢網站加載速度的Javascript, 沒有絢麗的背景圖, 僅僅是內容而已。現在, 你應該明白了讓內容變得易于訪問是多么的重要了吧！ 因此在設計網站時不要在第一時間花費太多的精力去思考該如何讓網站變得多漂亮，而是應該注重網站的可用性，而合理的網頁排版在這方面發揮著很重要的作用。

 

 

 

 

參照設計慣例和一些關于網站可用性的建議是非常重要的。畢竟，這些慣例都是經過實踐檢驗的，那些可用性的建議都是精心提煉出來的。也許它們并不能完美適應你的網站，但至少其中的大部分內容可以保證一定的訪客量，讓你和其他網站站在同一條起跑線上。

舉一個例子來說。有這么一個網站，在導航菜單欄上放置了一個選項用來退出。大部分網站的導航菜單都不會放置這樣的按鈕，這個網站的設計就違反了慣例，它也無法起到什么實質性的幫助。 不過近幾年這種情況不多，但還是存在一些不該出現的低級錯誤，比如：導航鏈接失效，或者點擊鏈接的時候彈出了對話框。記得遵循一定的設計慣例。

 

 

 

訪客在瀏覽網頁時都是目的性的：娛樂一下、查找信息、又或是其他目的。不管是什么，這總有一個目標的存在。而絕大多數情況下訪客瀏覽網站就是為了獲得一些信息，比如，他們去谷歌上搜索信息，去維基百科上學習知識又或是瀏覽公司網站了解某種產品。

 

 

而不少網站就出現了沒有核心內容的情況。這種問題在我身上已經發生n次了. 我能理解一些網站不將價格明確展示出來，因為產品的變量太多了。可是如果一個發廊不告訴我理發需要多少錢, 一家洗車公司的網站上不告訴我洗車多少錢，那我瀏覽網站的意義何在，我始終在這些網站上沒有獲得自己想要的答案，這只會讓我對那些網站的印象變得更差。

 

因此，站長要盡量了解自己的目標群體，了解訪客可能想要在網站上瀏覽的內容。如果有人想去下載博客主題, 那就引導他們到下載區域, 如果他們是為了玩游戲而來, 那就盡量多放些游戲在上面, 如果他們是來了解產品價格或者你所能提供的服務的, 那就突出強調它們。記住，一個網站就是為訪客而建的，它的終極目的就是滿足訪客的需求。

 

 

 

自從我買了臺Mac后，我就再也沒用鼠標了，因為對我來說再沒有什么需要用到鼠標的地方了。我還記得五年前，那是還在使用PC，鼠標并不總是很精確，而且在懸停于小塊區域的時候定位比較困難。 現在我再也沒有這個問題了，和我一樣，大約有數以億計的用戶都在使用觸屏和移動設備。小塊可點擊區域有時候令人覺得不舒服。你或許想讓字體顯得小一點，因為你相信這樣看起來很漂亮，但你要考慮到它對可用性的影響。可點擊的區域越小，訪客在點擊時的困難就越大。而且隨著網站越趨向移動化，布局需要適應更小的屏幕的背后意味著可點擊區域應該在便攜式設備上變得更大，好讓它們容易被點擊。同樣的策略也適用于桌面環境。新的扁平化用戶界面的風潮是這個理念的助力者。在PC端享受到又大又清晰的點擊區域，訪客也會覺得更加輕松。

 

 

 

 

有一件事比糟糕的用戶服務更讓人覺得惱怒，那就是無法聯系到該公司或事務的負責人，這個問題很多情況下都是由于缺少聯系信息造成的。正如我們之前討論的，訪客總是帶著目的來瀏覽網頁。如果他們的目的就是跟你取得聯系，你的網站上卻沒有聯系信息，這樣一來網站對他們來說就毫無意義了。一個網站缺少聯系信息沒有任何借口，也許你會說不想將自己的手機號碼公之于眾，那么你可以留下自己的email地址。你也可以選擇使用Twitter或者Facebook地址，這些方法都可以，只要能給客戶提供一種可以聯系到你的方式。