|
在整個產(chǎn)品設(shè)計的過程中，視覺設(shè)計與交互設(shè)計的“工序”非常緊密，兩者關(guān)系也是相輔相成，互相影響。而視覺界面作為最直接與用戶交流的層面，如何把交互設(shè)計以良好表現(xiàn)形態(tài)展現(xiàn)給用戶，這里主要集中探討視覺在提升交互的可用性方面的作用：
- 提升可瀏覽性
- 精確與高效地傳遞信息與任務(wù)
- 貼合用戶的心智模型
- 讓交互富有情感
1.提升可瀏覽性：
1）信息結(jié)構(gòu)的良好表現(xiàn)
視覺設(shè)計在對交互的幫助中，首要滿足對產(chǎn)品與交互信息結(jié)構(gòu)的展現(xiàn)，展現(xiàn)信息的清晰可讀性，然后才是品牌，情感的傳達。視覺語言可以通過分層，分類，對比等語言手段對產(chǎn)品概念及信息進行處理。
例：
pic.01
pic.02
對上面兩圖進行對比，同樣都是文章詳情頁面，相信沒有多少用戶在瀏覽pic01時能快速準確地知道網(wǎng)站想給他什么信息，或者讓用戶做什么。信息主次的分布，層級，色彩，均無做好有效分布，用戶一邊迷惑，一邊迷路。而pic02對內(nèi)容按主次程度來劃分，最重要的文章詳情信息一目了然，結(jié)構(gòu)有序，條理清晰。
我們能感受到視覺語言的有效干預(yù)，能對信息結(jié)構(gòu)的展現(xiàn)起到很大的幫助作用。
出處：Taobao.com UI Team
責(zé)任編輯：bluehearts
上一頁 下一頁 視覺對交互的幫助——提升可用性 [2]
|
第 1 頁 視覺對交互的幫助——提升可用性 [1]
第 2 頁 
