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

對于產(chǎn)品的可視化設(shè)計，主要旨在借助于圖形化等直觀手段，清晰有效地傳達(dá)與溝通信息，形成高效的功能、使用映射，完成用戶任務(wù)目標(biāo)。為用戶想完成的任務(wù)選擇正確的界面元素，通過一種能迅速理解和易于使用的表達(dá)方式，展現(xiàn)在頁面上，降低用戶的認(rèn)知負(fù)擔(dān)和物理負(fù)擔(dān)。大概分為四個層次：功能可視化、結(jié)構(gòu)可視化、操作可視化、控件可視化。

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

結(jié)構(gòu)可視化：即采用用戶易于理解的結(jié)構(gòu)，讓用戶對于界面元素關(guān)系清晰。如百度統(tǒng)計3.0的搜索推廣效果查看，結(jié)構(gòu)采用了漏斗的圖形方式，達(dá)到真正的圖表于意，表達(dá)轉(zhuǎn)化率的概念，形象直觀。

流程可視化：即讓用戶在操作時不要迷失方向，幫助用戶定位，避免不明確操作的高成本。美國益智游戲網(wǎng)站Lumosity，在建立定制化大腦訓(xùn)練計劃時的流程時，頂部采用步驟軸的圖形化方式，不僅用圖標(biāo)“紅圈”表明了用戶所在的位置，也用圖標(biāo)“對號”標(biāo)明了用戶完成了哪些步驟，讓用戶對于整個流程熟悉。

控件可視化：由于控件是產(chǎn)品的最小界面元素，是產(chǎn)品質(zhì)量的基礎(chǔ)，所以本文重點與大家分享基礎(chǔ)控件的一些可視化案例。

本文來自成都品牌網(wǎng)站建設(shè)網(wǎng)站設(shè)計公司-創(chuàng)新互聯(lián)

網(wǎng)頁題目：如何處理網(wǎng)頁的“可視化”
分享URL：http://www.kartarina.com/news33/323933.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供虛擬主機(jī)、網(wǎng)站策劃、企業(yè)建站、商城網(wǎng)站、標(biāo)簽優(yōu)化、軟件開發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)