網(wǎng)站信息的可用性設計

2006-11-29 09:09:00

我們都知道，一個以信息為主要內容的站點，其頁面中的信息組織形式、版式、分類等將直接關系到用戶在這個頁面的瀏覽體驗。

目前網(wǎng)站的信息排列方式主要有以下幾種方式：

1．文字列表形式

按此在新窗口瀏覽圖片

此種形式在網(wǎng)站中使用率最高，優(yōu)點是在“寸土寸金”的有限空間內盡可能地放更多的內容。缺點比較明顯：單一的文字列表重復使得用戶的眼睛找信息找到眼花，瀏覽體驗大大下降，重點不突出。尤其在中文的顯示方式下這些缺點則更加突出。

目前設計師的解決辦法一般是在每一行文字前加一個修飾點，用以引導用戶的瀏覽；加分割線將每一行都分割開來；控制行間距等等。

當然在某一個區(qū)域內進行這樣的補償設計是很有效果的。但是，如果整個頁面大量的采用這種方式，則還是會影響用戶的閱讀。

2．圖片形式

按此在新窗口瀏覽圖片

以往的用戶研究中，網(wǎng)站上的圖片被關注程度往往要高于文字信息。圖片傳達給用戶的是具象的信息，用戶不需要動腦筋就知道這是什么東西。這些信息會讓用戶在大腦里迅速地搜索出相關的信息鏈。

所以，用圖片顯示的不失為一個好的方式。但是占用空間大，有些圖片內容令人費解的問題也還是存在的。

3．圖片加文字內容形式

按此在新窗口瀏覽圖片

單從用戶體驗的角度上講，這種形式算是最佳的瀏覽方式。圖片在用戶的腦中形成的是具象的信息，文字、語言在用戶的腦中形成的則是抽象的信息。而這種形式對用戶在“行”和“意”上都做了考慮。也就是說，用戶看圖片和文字的時候，大腦的工作區(qū)域是不同的，最終會達到一個“圖文并茂”效果。

優(yōu)點是會提供給用戶良好的瀏覽體驗，讓用戶不用抽象的思考，大大減少了用戶思考的時間，提高了網(wǎng)站的可讀性。

缺點是這種形式需要太大的空間（一般一條文字加圖片的信息可以放10條左右的純文字信息）。導致無法放入更多的信息資源，不能在一個頁面大量的使用。

4．迷你塊

按此在新窗口瀏覽圖片

那說到這里，到底有沒有一種兩全齊美的方法呢？答案是肯定的，“迷你塊”就比較好的解決了這個問題。

迷你塊的設計是把一條信息的圖片和文字以列表的形式展現(xiàn)出來，每一條信息都由一張很小的圖片和一條文字標題組成，達到了圖文并茂的效果。接著，利用本身所占區(qū)域很小的特性，可以組成一個重復的列表，這樣以上所說的問題都迎刃而解了。

不過，作為這種折衷的做法，其效果也是折衷的：單位空間內不會比只有文字列表那么豐富；圖片的大小限制，不會特別的清晰明了等等

總之，如何讓用戶在獲取網(wǎng)站信息的時候不用思考，是我們UI設計師的設計宗旨。而方法的選取也視用戶群體、網(wǎng)站類型等各方面因素所決定。

上一篇：如何寫好“幫助中心”的內容