視覺設(shè)計(jì)的高效可視化
每一天,人們都淹沒在信息的海洋中。用戶在主動(dòng)獲取和被動(dòng)接受過程中,都始終避免不開一個(gè)“效率”的訴求。在這信息海洋,用戶目前面對(duì)了什么樣的困境呢?
1 一些設(shè)計(jì)細(xì)節(jié)的 “隱藏式”、“折疊式”、“漸進(jìn)式”設(shè)計(jì)消耗了用戶的快速認(rèn)知訴求;
2 偏于復(fù)雜和龐大的功能,給界面呈現(xiàn)帶來了負(fù)擔(dān),加重了用戶操作映射的錯(cuò)亂,讓用戶理解也模棱兩可;
3 設(shè)計(jì)過多的操作點(diǎn)擊,用戶手部肌肉不停運(yùn)動(dòng),切換不同頁(yè)面去查看;
……
作為信息傳達(dá)的設(shè)計(jì)師,如何讓信息更直觀清晰、剔除不確定性理解,是工作中的重中之重。而“可視化”就是多種高效傳遞信息方式中的一種,對(duì)于信息可視化、視覺化、圖形化,也成了設(shè)計(jì)圈熱捧的觀點(diǎn)和研究方向。
對(duì)于產(chǎn)品的可視化設(shè)計(jì),主要旨在借助于圖形化等直觀手段,清晰有效地傳達(dá)與溝通信息,形成高效的功能、使用映射,完成用戶任務(wù)目標(biāo)。為用戶想完成的任務(wù)選擇正確的界面元素,通過一種能迅速理解和易于使用的表達(dá)方式,展現(xiàn)在頁(yè)面上,降低用戶的認(rèn)知負(fù)擔(dān)和物理負(fù)擔(dān)。大概分為四個(gè)層次:功能可視化、結(jié)構(gòu)可視化、操作可視化、控件可視化。
功能可視化:即確定需求優(yōu)先級(jí)的前提下,確保優(yōu)先級(jí)高的功能展現(xiàn)給用戶,讓用戶易于識(shí)別和查找,使設(shè)計(jì)有正確的層次結(jié)構(gòu)。用戶對(duì)信息層次的理解需要兩個(gè)過程,首先是快速捕捉,其次是對(duì)具體內(nèi)容更詳細(xì)的理解。在快速捕捉階段,其過程中時(shí)間跨度短暫,通過顏色、對(duì)比、定位等運(yùn)用,突出產(chǎn)品的主要功能點(diǎn)。例如圖1韓國(guó)著名門戶/搜索引擎網(wǎng)站Naver旗下的Naver Shopping,其產(chǎn)品定位即提供商品的搜索服務(wù),通過搜索商品名稱,可以按照商品類別列出幾乎韓國(guó)所有的大型電子商務(wù)網(wǎng)站提供的該商品鏈接。所以在界面上,用強(qiáng)對(duì)比色調(diào)突出搜索功能和導(dǎo)航區(qū)。通過視覺化引導(dǎo),讓用戶專注于核心內(nèi)容,聚焦用戶視線的焦點(diǎn),在白色為主色調(diào)的頁(yè)面,視線會(huì)先看到強(qiáng)色調(diào)的部分,所以也可以用強(qiáng)色調(diào)來突出核心內(nèi)容,讓用戶的視覺聚焦在那里。
結(jié)構(gòu)可視化:即采用用戶易于理解的結(jié)構(gòu),讓用戶對(duì)于界面元素關(guān)系清晰。如百度統(tǒng)計(jì)3.0的
本文地址:http://m.likemindfilms.com/tutorial/ui1315.html
您可能還喜歡
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問題
- 網(wǎng)頁(yè)設(shè)計(jì)精粹 網(wǎng)頁(yè)中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁(yè)UI - 原子設(shè)計(jì)理論(上)
- 如何通過設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺設(shè)計(jì)系列文章(二):全屏