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