|
演示：展示數(shù)據(jù)
Edward Tufte關(guān)于設(shè)計(jì)統(tǒng)計(jì)圖表的第一條原則便是："展示數(shù)據(jù)"。所有的信息圖形都應(yīng)該讓用戶在查看數(shù)據(jù)時(shí)一目了然。然而很多的軟件設(shè)計(jì)者在設(shè)計(jì)時(shí)一味的關(guān)注于軟件的功能設(shè)計(jì)卻很少花時(shí)間考慮如何展示數(shù)據(jù)。
看看在線書籍的搜索結(jié)果：
點(diǎn)擊放大
針對以上的圖形設(shè)計(jì)能夠提出大量批評──字號(hào)不一，粗細(xì)各異的文字擁擠地排列在一起，各種色彩交織，簡直像個(gè)嘉年華盛會(huì)。文字充斥整個(gè)頁面，讓人眼花繚亂。最糟糕的是，沒有足夠的信息讓人作任何決定。
用戶的目標(biāo)是從某些特定話題中找到最中意的書。因此，書籍的展示應(yīng)該與這個(gè)問題相關(guān)──用戶可能會(huì)存在什么樣的疑問？
- 這本書怎么樣？是關(guān)于什么的？我會(huì)喜歡么？
- 這本書好嗎？別人對它的評價(jià)如何，這些評論可信么？
這些問題的答案可以作為選擇相關(guān)書籍時(shí)的參考。幫助用戶做出決定，引導(dǎo)他們購買。
不幸的是，這些問題根本無法在所提供的信息中找到答案。用戶必須逐個(gè)點(diǎn)擊商品才能看到相關(guān)信息。也就是說她不得不通過手的操作而不能光靠眼睛瀏覽找到答案，還得運(yùn)用自己的記憶對各個(gè)跨頁面的信息進(jìn)行比較。
問題在于，這個(gè)圖表只羅列出了一系列書籍作為它們之間進(jìn)行比較的索引頁面。但它的用途不應(yīng)該只是作為一個(gè)可供查詢和比較的清單，而應(yīng)該是幫助用戶獲得她感興趣的圖書的信息。
這是重新設(shè)計(jì)后的效果：
點(diǎn)擊放大
這本書怎么樣？表格中提供了概述的簡介。它是本好書么？評級(jí)和評論顯示了讀者對它的看法。所有信息在同一頁呈現(xiàn)，用戶只需用眼睛比較，無需費(fèi)神記住它們。
1─5星的評級(jí)體系，提供的信息并不充足，因?yàn)樗〉氖潜娙嗽u價(jià)的平均值。用戶還可以根據(jù)星級(jí)下的小紅點(diǎn)獲悉不同人對書的評價(jià)差異。有些書眾人對它的評價(jià)大致相同，比如
──大家都覺得它是本還不錯(cuò)的書（小紅點(diǎn)都集中在中間三顆星上）。而有些書，有人愛它至極有人恨它入骨，比如
──人們對它的評價(jià)差異很大。雖然它倆的評級(jí)都是三星，但顯然意義不同。觀眾還可以看到那些評價(jià)很高的書有什么負(fù)面評論，相比大量的贊美之詞，批評往往更有啟發(fā)性。從整體上來看，小紅點(diǎn)并沒有喧賓奪主，過分吸引人的視線，反映平均值的星級(jí)還是更為顯眼的，不關(guān)心評價(jià)差異的用戶完全可以忽略它。
文字加粗和顏色改變只用在個(gè)別需要強(qiáng)調(diào)的信息上。那些次要的信息設(shè)成灰色文字，與背景色相近，暗示用戶只需瀏覽。所有重要的信息和圖片都一律限制寬度，靠左側(cè)對齊──處在最佳可視范圍內(nèi)，而右側(cè)欄只用來顯示補(bǔ)充信息。觀眾只需垂直查看左側(cè)欄就可獲取所有重要信息，如果她發(fā)現(xiàn)其中有感興趣的內(nèi)容還可以花點(diǎn)時(shí)間看看右側(cè)欄中的相關(guān)信息。
用戶有時(shí)候會(huì)有個(gè)模糊的概念──想看某一類的書籍，可他又無法將它具體到某個(gè)關(guān)鍵詞進(jìn)行搜索�；谶@個(gè)原因，可以給每本書提供一個(gè)迷你的相關(guān)書籍列表──以供用戶找到與此書類似的書籍，或者并不相似但十分有意思的書籍。
通常，軟件設(shè)計(jì)人員總是會(huì)操心功能問題，以及用戶如何進(jìn)行交互？顯然，上一個(gè)例子中，除了"相關(guān)書籍"列表，點(diǎn)擊有關(guān)這本書的任何一個(gè)鏈接，都只能看到關(guān)于該書的某個(gè)細(xì)節(jié)或購買選項(xiàng)。點(diǎn)擊它們對用戶來說有什么意義？這就像把一本書撕的支離破碎。
與原來的設(shè)計(jì)相比，這個(gè)設(shè)計(jì)有很大的改觀。不過，我認(rèn)為這仍只是個(gè)保守的設(shè)計(jì)。應(yīng)該會(huì)有更好的設(shè)計(jì)──能顯示更多的數(shù)據(jù)，讓用戶瀏覽更多內(nèi)容，有更充分的空間與相關(guān)書籍進(jìn)行比較。改變一下觀念就能創(chuàng)造極大的可能性。它不是搜索結(jié)果的列表──它是信息的圖形化呈現(xiàn)。它用于認(rèn)知。
出處：蓮子
責(zé)任編輯：bluehearts
上一頁 信息化軟件和圖形界面 [1] 下一頁 信息化軟件和圖形界面 [3]
|
第 1 頁 
第 2 頁 信息化軟件和圖形界面 [2]
