|
我們都知道，一個以信息為主要內(nèi)容的站點，其頁面中的信息組織形式、版式、分類等將直接關(guān)系到用戶在這個頁面的瀏覽體驗。
目前網(wǎng)站的信息排列方式主要有以下幾種方式：
1．文字列表形式
此種形式在網(wǎng)站中使用率最高，優(yōu)點是在“寸土寸金”的有限空間內(nèi)盡可能地放更多的內(nèi)容。缺點比較明顯：單一的文字列表重復(fù)使得用戶的眼睛找信息找到眼花，瀏覽體驗大大下降，重點不突出。尤其在中文的顯示方式下這些缺點則更加突出。
目前設(shè)計師的解決辦法一般是在每一行文字前加一個修飾點，用以引導(dǎo)用戶的瀏覽；加分割線將每一行都分割開來；控制行間距等等。
當(dāng)然在某一個區(qū)域內(nèi)進行這樣的補償設(shè)計是很有效果的。但是，如果整個頁面大量的采用這種方式，則還是會影響用戶的閱讀。
2．圖片形式
以往的用戶研究中，網(wǎng)站上的圖片被關(guān)注程度往往要高于文字信息。圖片傳達(dá)給用戶的是具象的信息，用戶不需要動腦筋就知道這是什么東西。這些信息會讓用戶在大腦里迅速地搜索出相關(guān)的信息鏈。
所以，用圖片顯示的不失為一個好的方式。但是占用空間大，有些圖片內(nèi)容令人費解的問題也還是存在的。
3．圖片加文字內(nèi)容形式
單從用戶體驗的角度上講，這種形式算是最佳的瀏覽方式。圖片在用戶的腦中形成的是具象的信息，文字、語言在用戶的腦中形成的則是抽象的信息。而這種形式對用戶在“行”和“意”上都做了考慮。也就是說，用戶看圖片和文字的時候，大腦的工作區(qū)域是不同的，最終會達(dá)到一個“圖文并茂”效果。
優(yōu)點是會提供給用戶良好的瀏覽體驗，讓用戶不用抽象的思考，大大減少了用戶思考的時間，提高了網(wǎng)站的可讀性。
缺點是這種形式需要太大的空間（一般一條文字加圖片的信息可以放10條左右的純文字信息）。導(dǎo)致無法放入更多的信息資源，不能在一個頁面大量的使用。
4．迷你塊
那說到這里，到底有沒有一種兩全齊美的方法呢？答案是肯定的，“迷你塊”就比較好的解決了這個問題。
迷你塊的設(shè)計是把一條信息的圖片和文字以列表的形式展現(xiàn)出來，每一條信息都由一張很小的圖片和一條文字標(biāo)題組成，達(dá)到了圖文并茂的效果。接著，利用本身所占區(qū)域很小的特性，可以組成一個重復(fù)的列表，這樣以上所說的問題都迎刃而解了。
不過，作為這種折衷的做法，其效果也是折衷的：單位空間內(nèi)不會比只有文字列表那么豐富；圖片的大小限制，不會特別的清晰明了等等
總之，如何讓用戶在獲取網(wǎng)站信息的時候不用思考，是我們UI設(shè)計師的設(shè)計宗旨。而方法的選取也視用戶群體、網(wǎng)站類型等各方面因素所決定。
出處：Taobao.com UI Team
責(zé)任編輯：moby
|
