控件元素三:樹形控件
樹型控件是供用戶瀏覽按分層方式排列的內容,并可與這些內容互動,進行單選或多選的控件。
圖8淘寶商城_廚房用具二級頁的樹形篩選控件,比如用戶要查找高壓鍋,對于一般新手用戶,會來回點擊廚房/餐飲用具的子分類,展開子分類,然后掃視每行字是否有高壓鍋,直到確認找到。樹形控件承載的信息越多,認知的負擔就會越重,瀏覽查找越困難。新手用戶可能無法完全理解樹的布局,只有當他們在對樹操作一段時間之后可能會形成一個關于其關系的心理模型,成本較高。
圖9 Naver Shopping_廚房用具二級頁的分類篩選,采用了圖標加文字的形式,同樣是查找高壓鍋,雖然是韓語,但是恰當的使用具象化圖標,使用戶基本上看懂,可以縮短用戶操作時間,讓用戶更快捷地找到目標鏈接。對于中高級用戶,對網站更加熟悉后,圖標就更方便了。

與軟件的設計主要針對中間級用戶的不同,web界面設計需要針對新手及初級用戶。用戶在網站上愿意為之所付出的學習成本更低,更加缺乏耐心,則web界面需要更直接,讓用戶認知過程更短。而文字本身并沒有視覺傳達功能,恰當的使用圖標,把要表述的功能可視化呈現給用戶,可以縮短用戶操作時間,往往效果更好。但也要根據用戶效率,否則會成為雞肋。
控件元素四:列表視圖
列表視圖(List View)是一個顯示項目集合的擴展列表框控件,用于通過單選或多選的方式,查看并操作一個數據對象集合。
圖10 SNS常用的好友分組和管理,采用列表的方式,列表目錄清晰,但用戶對其的選擇管理成本稍大,特別是對于批量管理復雜。

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

來源:UEO
原文:http://ueo.baidu.com/?p=1126