視覺設(shè)計的高效可視化(3)

     圖8淘寶商城_廚房用具二級頁的樹形篩選控件，比如用戶要查找高壓鍋，對于一般新手用戶，會來回點擊廚房/餐飲用具的子分類，展開子分類，然后掃視每行字是否有高壓鍋，直到確認(rèn)找到。樹形控件承載的信息越多，認(rèn)知的負(fù)擔(dān)就會越重，瀏覽查找越困難。新手用戶可能無法完全理解樹的布局，只有當(dāng)他們在對樹操作一段時間之后可能會形成一個關(guān)于其關(guān)系的心理模型，成本較高。

       圖9 Naver Shopping_廚房用具二級頁的分類篩選，采用了圖標(biāo)加文字的形式，同樣是查找高壓鍋，雖然是韓語，但是恰當(dāng)?shù)氖褂镁呦蠡瘓D標(biāo)，使用戶基本上看懂，可以縮短用戶操作時間，讓用戶更快捷地找到目標(biāo)鏈接。對于中高級用戶，對網(wǎng)站更加熟悉后，圖標(biāo)就更方便了。

       與軟件的設(shè)計主要針對中間級用戶的不同，web界面設(shè)計需要針對新手及初級用戶。用戶在網(wǎng)站上愿意為之所付出的學(xué)習(xí)成本更低，更加缺乏耐心，則web界面需要更直接，讓用戶認(rèn)知過程更短。而文字本身并沒有視覺傳達(dá)功能，恰當(dāng)?shù)氖褂脠D標(biāo)，把要表述的功能可視化呈現(xiàn)給用戶，可以縮短用戶操作時間，往往效果更好。但也要根據(jù)用戶效率，否則會成為雞肋。

       控件元素四：列表視圖

       列表視圖（List View）是一個顯示項目集合的擴展列表框控件，用于通過單選或多選的方式，查看并操作一個數(shù)據(jù)對象集合。

       圖10 SNS常用的好友分組和管理，采用列表的方式，列表目錄清晰，但用戶對其的選擇管理成本稍大，特別是對于批量管理復(fù)雜。

       圖11 google+“圈子”，查看更直觀，批量管理操作也更簡單，通過拖拽方式對用戶分組，強調(diào)對好友的少層級管理，保證頁面簡潔，讓體驗變得有趣而可愛，更符合用戶的心理模型。

       總之，圍繞著“快、明確、高效”的信息傳遞定位，揭其根本從功能模塊、任務(wù)流程、界面控件元素、信息承載等方面去提升體驗的有效性和合理性，設(shè)計中根據(jù)目標(biāo)受眾的需求、行為，合理運用可視化方式，使產(chǎn)品更易用，提高用戶體驗。