視覺(jué)設(shè)計(jì)的高效可視化

 每一天，人們都淹沒(méi)在信息的海洋中。用戶(hù)在主動(dòng)獲取和被動(dòng)接受過(guò)程中，都始終避免不開(kāi)一個(gè)“效率”的訴求。在這信息海洋，用戶(hù)目前面對(duì)了什么樣的困境呢？

        1  一些設(shè)計(jì)細(xì)節(jié)的 “隱藏式”、“折疊式”、“漸進(jìn)式”設(shè)計(jì)消耗了用戶(hù)的快速認(rèn)知訴求；

        2  偏于復(fù)雜和龐大的功能，給界面呈現(xiàn)帶來(lái)了負(fù)擔(dān)，加重了用戶(hù)操作映射的錯(cuò)亂，讓用戶(hù)理解也模棱兩可；

        3  設(shè)計(jì)過(guò)多的操作點(diǎn)擊，用戶(hù)手部肌肉不停運(yùn)動(dòng)，切換不同頁(yè)面去查看；

        ……

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

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

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

       結(jié)構(gòu)可視化：即采用用戶(hù)易于理解的結(jié)構(gòu)，讓用戶(hù)對(duì)于界面元素關(guān)系清晰。如百度統(tǒng)計(jì)3.0的