作為信息傳達的設計師,如何讓信息更直觀清晰、剔除不確定性理解,是工作中的重中之重。而“可視化”就是多種高效傳遞信息方式中的一種,對于信息可視化、視覺化、圖形化,也成了設計圈熱捧的觀點和研究方向。
對于產品的可視化設計,主要旨在借助于圖形化等直觀手段,清晰有效地傳達與溝通信息,形成高效的功能、使用映射,完成用戶任務目標。為用戶想完成的任務選擇正確的界面元素,通過一種能迅速理解和易于使用的表達方式,展現在頁面上,降低用戶的認知負擔和物理負擔。大概分為四個層次:功能可視化、結構可視化、操作可視化、控件可視化。
功能可視化:即確定需求優先級的前提下,確保優先級高的功能展現給用戶,讓用戶易于識別和查找,使設計有正確的層次結構。用戶對信息層次的理解需要兩個過程,首先是快速捕捉,其次是對具體內容更詳細的理解。在快速捕捉階段,其過程中時間跨度短暫,通過顏色、對比、定位等運用,突出產品的主要功能點。例如圖1韓國著名門戶/搜索引擎網站Naver旗下的Naver Shopping,其產品定位即提供商品的搜索服務,通過搜索商品名稱,可以按照商品類別列出幾乎韓國所有的大型電子商務網站提供的該商品鏈接。所以在界面上,用強對比色調突出搜索功能和導航區。通過視覺化引導,讓用戶專注于核心內容,聚焦用戶視線的焦點,在白色為主色調的頁面,視線會先看到強色調的部分,所以也可以用強色調來突出核心內容,讓用戶的視覺聚焦在那里。
結構可視化:即采用用戶易于理解的結構,讓用戶對于界面元素關系清晰。如百度統計3.0的搜索推廣效果查看,結構采用了漏斗的圖形方式,達到真正的圖表于意,表達轉化率的概念,形象直觀。
流程可視化:即讓用戶在操作時不要迷失方向,幫助用戶定位,避免不明確操作的高成本。美國益智游戲網站Lumosity,在建立定制化大腦訓練計劃時的流程時,頂部采用步驟軸的圖形化方式,不僅用圖標“紅圈”表明了用戶所在的位置,也用圖標“對號”標明了用戶完成了哪些步驟,讓用戶對于整個流程熟悉。
控件可視化:由于控件是產品的最小界面元素,是產品質量的基礎,所以本文重點與大家分享基礎控件的一些可視化案例。
本文來自成都品牌網站建設網站設計公司-創新互聯
網頁題目:如何處理網頁的“可視化”
分享URL:http://m.newbst.com/news33/323933.html
成都網站建設公司_創新互聯,為您提供虛擬主機、網站策劃、企業建站、商城網站、標簽優化、軟件開發
廣告
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源:
創新互聯