視覺(jué)設(shè)計(jì)的高效可視化(3)

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

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

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

       控件元素四：列表視圖

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

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

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

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