您當前位置:圖趣網(Tuquu) >> 網頁設計教程 >> 視覺設計 >> 瀏覽設計教程

視覺設計的高效可視化

 

 每一天,人們都淹沒在信息的海洋中。用戶在主動獲取和被動接受過程中,都始終避免不開一個“效率”的訴求。在這信息海洋,用戶目前面對了什么樣的困境呢?

        1  一些設計細節(jié)的 “隱藏式”、“折疊式”、“漸進式”設計消耗了用戶的快速認知訴求;

        2  偏于復雜和龐大的功能,給界面呈現帶來了負擔,加重了用戶操作映射的錯亂,讓用戶理解也模棱兩可;

        3  設計過多的操作點擊,用戶手部肌肉不停運動,切換不同頁面去查看;

        ……

       作為信息傳達的設計師,如何讓信息更直觀清晰、剔除不確定性理解,是工作中的重中之重。而“可視化”就是多種高效傳遞信息方式中的一種,對于信息可視化、視覺化、圖形化,也成了設計圈熱捧的觀點和研究方向。

       對于產品的可視化設計,主要旨在借助于圖形化等直觀手段,清晰有效地傳達與溝通信息,形成高效的功能、使用映射,完成用戶任務目標。為用戶想完成的任務選擇正確的界面元素,通過一種能迅速理解和易于使用的表達方式,展現在頁面上,降低用戶的認知負擔和物理負擔。大概分為四個層次:功能可視化、結構可視化、操作可視化、控件可視化。

       功能可視化:即確定需求優(yōu)先級的前提下,確保優(yōu)先級高的功能展現給用戶,讓用戶易于識別和查找,使設計有正確的層次結構。用戶對信息層次的理解需要兩個過程,首先是快速捕捉,其次是對具體內容更詳細的理解。在快速捕捉階段,其過程中時間跨度短暫,通過顏色、對比、定位等運用,突出產品的主要功能點。例如圖1韓國著名門戶/搜索引擎網站Naver旗下的Naver Shopping,其產品定位即提供商品的搜索服務,通過搜索商品名稱,可以按照商品類別列出幾乎韓國所有的大型電子商務網站提供的該商品鏈接。所以在界面上,用強對比色調突出搜索功能和導航區(qū)。通過視覺化引導,讓用戶專注于核心內容,聚焦用戶視線的焦點,在白色為主色調的頁面,視線會先看到強色調的部分,所以也可以用強色調來突出核心內容,讓用戶的視覺聚焦在那里。

       結構可視化:即采用用戶易于理解的結構,讓用戶對于界面元素關系清晰。如百度統計3.0

[教程作者:admin]
免責聲明:本站文章系圖趣網整理發(fā)布,如需轉載,請注明出處,素材資料僅供個人學習與參考,請勿用于商業(yè)用途!
本文地址:http://likemindfilms.com/tutorial/ui1315.html
視覺設計所傳達的四種信息
WEB設計中的排版
圖趣網微信
建議反饋
×