如何運(yùn)用“視覺表現(xiàn)”建立網(wǎng)頁的信息層級(jí)

網(wǎng)站建設(shè)公司尚品中國：作為視覺設(shè)計(jì)師，我們的作用除了最基本的滿足用戶審美需求，還會(huì)有品牌傳達(dá)，信息傳達(dá)，功能傳達(dá)等，其中想要信息有效的傳達(dá)給用戶，需要我們建立信息層級(jí)，而不是一股腦的丟給用戶自己理解，要做到這點(diǎn)有哪些視覺方法，這些方法的背后是否有理論依據(jù)，是本文的主題。
 

首先看下面兩張圖，左圖為相機(jī)拍攝的效果，右圖為人眼不移動(dòng)時(shí)看到的效果，可以發(fā)現(xiàn)人眼對(duì)信息的獲取并不是一次性完成的，它不能同時(shí)產(chǎn)生多個(gè)焦點(diǎn)從而把視線停留在更多的地方，設(shè)計(jì)師需要考慮的是讓用戶通過眼球移動(dòng)，按照一定的順序獲取信息，幫助獲取和理解的過程高效自然。
 
這個(gè)設(shè)計(jì)方法希望解決的主要是兩個(gè)問題：

1、設(shè)計(jì)師的專業(yè)性

設(shè)計(jì)師有意識(shí)的分析信息優(yōu)先級(jí)，了解哪些視覺表現(xiàn)手法可以建立信息層級(jí)及每一種方法背后的理論依據(jù)，不僅僅憑感覺做設(shè)計(jì)。

2、用戶獲取和理解信息的效率

建立良好的信息層級(jí)，能讓用戶在有限的時(shí)間里，快速獲取和理解有用、感興趣的信息，并產(chǎn)生下一步行為;

一、前期了解&分析

在開始設(shè)計(jì)前，除了對(duì)項(xiàng)目本身的背景目標(biāo)有所了解外，視覺設(shè)計(jì)師針對(duì)具體的頁面也需要了解一些內(nèi)容以幫助后面的設(shè)計(jì)有指導(dǎo)方向，包括頁面定位、氛圍營造、信息優(yōu)先級(jí)和用戶核心行為。

1.1、頁面定位是幫助分析頁面信息優(yōu)先級(jí)、核心行為的前提

通常有：

用戶是誰

用戶來自哪里，即從什么渠道來到該頁面

頁面內(nèi)容定位，提供什么、不提供什么

頁面作用

舉個(gè)例子：

我們?cè)谠O(shè)計(jì)采購直達(dá)市場新首頁時(shí)，交互通過對(duì)頁面的用戶對(duì)服務(wù)的熟知度進(jìn)行分析，確定首頁的最核心目標(biāo)用戶是新買家;頁面內(nèi)容定位是展示市場的價(jià)值點(diǎn)，用戶產(chǎn)生的數(shù)據(jù)讓新買家對(duì)采購直達(dá)形成品牌的認(rèn)知;
 
1.2、了解頁面需要營造的氛圍，能幫助我們判斷哪些元素能幫助達(dá)到目標(biāo)，氛圍可以是內(nèi)容本身，也可以通過視覺元素設(shè)計(jì)來營造，但必須注意氛圍營造不應(yīng)強(qiáng)過用戶關(guān)注的內(nèi)容本身

氛圍可能有：

新年主題大促

低折扣

信息鮮活

用戶活躍等等

以下是大促活動(dòng)正式頁面，左圖延續(xù)了預(yù)熱期嘉年華的氛圍，但到活動(dòng)開始階段氛圍已經(jīng)不是重點(diǎn)，用戶更關(guān)心商品及折扣本身，右圖為調(diào)整后將氛圍的營造和類目圖片相結(jié)合，很好的解決了氛圍和內(nèi)容的關(guān)系問題。
 
1.3、分析信息優(yōu)先級(jí)

1)一級(jí)信息吸引用戶：假設(shè)用戶只會(huì)在這個(gè)頁面停留3-5秒，最能夠吸引用戶繼續(xù)瀏覽的是頁面的核心賣點(diǎn)，是一級(jí)信息，它必須少而精，在設(shè)計(jì)上要重點(diǎn)展示

2)二級(jí)信息幫助理解：有了一級(jí)信息的吸引，用戶進(jìn)一步了解內(nèi)容而可能停留3-5分鐘，這時(shí)展示二級(jí)信息即提煉的精華內(nèi)容，幫助用戶在盡量短時(shí)間內(nèi)理解信息

3)三級(jí)信息詳細(xì)了解：前兩類信息基本上能幫助用戶獲取足夠的信息，用戶如果繼續(xù)停留更長的時(shí)間去詳細(xì)了解，這類信息量會(huì)更多，在設(shè)計(jì)上視覺層級(jí)會(huì)靠后，或通過交互方式展示、提供入口跳轉(zhuǎn)