論視覺設計與互動設計

來源:互聯網
上載者:User

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

  1. 提升可瀏覽性
  2. 精確與高效地傳遞資訊與任務
  3. 貼合使用者的心智模型
  4. 讓互動富有情感

1.提升可瀏覽性:

1)資訊結構的良好表現

視覺設計在對互動的協助中,首要滿足對產品與互動資訊結構的展現,展現資訊的清晰可讀性,然後才是品牌,情感的傳達。視覺語言可以通過分層,分類,對比等語言手段對產品概念及資訊進行處理。
例:


pic.01


pic.02

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



相關文章

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。