視覺設計的高效可視化(3)
2013/1/12 9:44:31來源:百度UEO
圖8淘寶商城_廚房用具二級頁的樹形篩選控件,比如用戶要查找高壓鍋,對于一般新手用戶,會來回點擊廚房/餐飲用具的子分類,展開子分類,然后掃視每行字是否有高壓鍋,直到確認找到。樹形控件承載的信息越多,認知的負擔就會越重,瀏覽查找越困難。新手用戶可能無法完全理解樹的布局,只有當他們在對樹操作一段時間之后可能會形成一個關于其關系的心理模型,成本較高。
圖9 Naver Shopping_廚房用具二級頁的分類篩選,采用了圖標加文字的形式,同樣是查找高壓鍋,雖然是韓語,但是恰當的使用具象化圖標,使用戶基本上看懂,可以縮短用戶操作時間,讓用戶更快捷地找到目標鏈接。對于中高級用戶,對網站更加熟悉后,圖標就更方便了。
與軟件的設計主要針對中間級用戶的不同,web界面設計需要針對新手及初級用戶。用戶在網站上愿意為之所付出的學習成本更低,更加缺乏耐心,則web界面需要更直接,讓用戶認知過程更短。而文字本身并沒有視覺傳達功能,恰當的使用圖標,把要表述的功能可視化呈現給用戶,可以縮短用戶操作時間,往往效果更好。但也要根據用戶效率,否則會成為雞肋。
控件元素四:列表視圖
列表視圖(List View)是一個顯示項目集合的擴展列表框控件,用于通過單選或多選的方式,查看并操作一個數據對象集合。
圖10 SNS常用的好友分組和管理,采用列表的方式,列表目錄清晰,但用戶對其的選擇管理成本稍大,特別是對于批量管理復雜。
圖11 google+“圈子”,查看更直觀,批量管理操作也更簡單,通過拖拽方式對用戶分組,強調對好友的少層級管理,保證頁面簡潔,讓體驗變得有趣而可愛,更符合用戶的心理模型。
總之,圍繞著“快、明確、高效”的信息傳遞定位,揭其根本從功能模塊、任務流程、界面控件元素、信息承載等方面去提升體驗的有效性和合理性,設計中根據目標受眾的需求、行為,合理運用可視化方式,使產品更易用,提高用戶體驗。
[教程作者:admin]
免責聲明:本站文章系圖趣網整理發(fā)布,如需轉載,請注明出處,素材資料僅供個人學習與參考,請勿用于商業(yè)用途!
本文地址:http://irelandcustomcontracting.com/tutorial/ui1315.html
本文地址:http://irelandcustomcontracting.com/tutorial/ui1315.html
上一篇:視覺設計所傳達的四種信息
下一篇:WEB設計中的排版
這些是最新的
最熱門的教程