搜尋

隨機推薦

視覺對交互的幫助——提升可用性

在整個產品設計的過程中,視覺設計與交互設計的「工序」非常緊密,兩者關係也是相輔相成,互相影響。而視覺界面作為最直接與用戶交流的層面,如何把交互設計以良好表現形態展現給用戶,這裡主要集中探討視覺在提升交互的可用性方面的作用:

1.提升可瀏覽性
2.精確與高效地傳遞信息與任務
3.貼合用戶的心智模型
4

廣告

.讓交互富有情感

 

1.提升可瀏覽性:

1)信息結構的良好表現
視覺設計在對交互的幫助中,首要滿足對產品與交互信息結構的展現,展現信息的清晰可讀性,然後才是品牌,情感的傳達。視覺語言可以通過分層,分類,對比等語言手段對產品概念及信息進行處理。
例:
pic.01
081015_03

pic.02
081015_04




對上面兩圖進行對比,同樣都是文章詳情頁面,相信沒有多少用戶在瀏覽pic01時能快速準確地知道網站想給他什麼信息,或者讓用戶做什麼。信息主次的分 佈,層級,色彩,均無做好有效分佈,用戶一邊迷惑,一邊迷路。而pic02對內容按主次程度來劃分,最重要的文章詳情信息一目瞭然,結構有序,條理清晰。
我們能感受到視覺語言的有效干預,能對信息結構的展現起到很大的幫助作用。

2)增強信噪比
信噪比(Signal to Noise Ratio)又稱為訊噪比,原義是電聲學裡輸出信號的電壓與同時輸出的噪聲電壓的比。
一般來說,信噪比越大,說明混在信號裡的噪聲越小,否則相反。類比到界面設計中,有效的視覺元素就是信號,而其他干擾元素,就是噪音。
界面的噪音是由多餘的干擾信息造成的,會分散用戶注意力,使用戶不能把注意力集中到直接表達產品功能和行為的元素上,導致給用戶帶來認知壓力和妨礙導航的 速度和精確度。不合適的字體,表義不明確的ICON,不必要的裝飾等等,都是界面噪音。在視覺設計中如果保持最高的信噪比來展現信息,能增疆界面的可瀏覽 性。換句話說,如果去掉這些次要的或者干擾的設計元素,並沒有使功能有所影響,那強烈建議縮小這些元素的應用比例,或者直接去掉!
例:
pic.03

圖pic.03中原本需要表述的幾個柱狀數據信息,結果被埋藏在一堆花哨,文字信息堆雜的背景中,典型的信噪比過低。

 

廣告

无觅相关文章插件,快速提升流量

Please publish modules in offcanvas position.