當我們設計(jì)一個(gè)頁面或者一個(gè)banner的時(shí)候，往往挖空(kōng)心思去想創意，或者把效果做(zuò)得(de)很(hěn)炫，卻忽略了一些(xiē)用戶習慣。我這裏所說的隻是一些(xiē)大(dà)家(jiā)都知道(dào)，卻往往容易忽略的——為(wèi)掃描而設計(jì)。

回顧用戶習慣

用戶善于掃描，且勤于掃描。WHY？

1、忙碌——大(dà)部分用戶會(huì)花(huā)極少(shǎo)的時(shí)間(jiān)來(lái)閱讀極多(duō)的頁面，為(wèi)了提高(gāo)效率，他們對于大(dà)部分的頁面會(huì)采取掃描的方式，匆匆掠過。他們不可(kě)能也沒有(yǒu)時(shí)間(jiān)去閱讀互聯網帶給他們的所有(yǒu)信息。

2、目标明(míng)确——大(dà)部分用戶在某一時(shí)間(jiān)內(nèi)都是帶着目标去浏覽頁面的，他們要麽想查找一下資料，要麽想網購一份商品，要麽想閱讀一下時(shí)事，要麽想找一下自己感興趣的東西，要麽…因此，掃描才是找到他們想要的內(nèi)容的方式。

3、習慣——也正是因為(wèi)用戶總是忙碌的、用戶總是目标明(míng)确的，在報紙上(shàng)，在雜志(zhì)上(shàng)，在書(shū)籍中，在互聯網上(shàng)，用戶總是習慣着掃描，習慣着尋找他們想要的和(hé)感興趣的。

因此，為(wèi)了設計(jì)更有(yǒu)效的頁面，我們需要為(wèi)掃描而設計(jì)，接下來(lái)，需要了解以掃描為(wèi)基礎的設計(jì)需要的一些(xiē)要素。

為(wèi)掃描而設計(jì)的要素

我這裏主要講的是前面二點

1、建立清楚的視(shì)覺層次

用戶每天都會(huì)對視(shì)覺層次進行(xíng)分解，篩選出需要的東西，這樣迫使用戶不斷去思考。好的視(shì)覺層次通(tōng)過預先處理(lǐ)，用一種用戶能快速理(lǐ)解的方式對頁面進行(xíng)組織并區(qū)分優先級，從而減少(shǎo)了用戶的工作(zuò)。假如一個(gè)頁面沒有(yǒu)清楚的視(shì)覺層次，所有(yǒu)內(nèi)容都看起來(lái)一樣重要，勢必會(huì)降低(dī)用戶掃描速度。

那(nà)麽，怎樣建立清楚的視(shì)覺層次？

a.越重要的部分越突出

例如

這個(gè)頁面最重要的banner、導航、登陸框、頭圖以及按鈕設計(jì)師(shī)會(huì)刻意讓他們凸顯出來(lái)。一般利用大(dà)小(xiǎo)對比、色彩反差、質感、線條或形狀輔助等這些(xiē)方式，使重要的內(nèi)容突出來(lái)，一般采用多(duō)種形式，根據內(nèi)容重要程度進行(xíng)劃分。

以下的頁面也是如此。

b.邏輯上(shàng)相關的部分，視(shì)覺上(shàng)也相關

相近的內(nèi)容形成一組，放在同一個(gè)标題下，采用統一的視(shì)覺樣式，或者統一放置在一個(gè)明(míng)确定義的區(qū)域內(nèi)。例如：

c.邏輯上(shàng)包含的部分，視(shì)覺上(shàng)也包含

例如：“圖片中心”下面的幾塊內(nèi)容之所以看上(shàng)去是屬于它的，是因為(wèi)從視(shì)覺上(shàng)看就是包含的關系、主欄目條和(hé)下面的小(xiǎo)标題欄相比，有(yǒu)明(míng)顯的主次關系。

2、明(míng)顯标識可(kě)以點擊的區(qū)域

明(míng)顯标識的目的也是為(wèi)了用戶掃描，試想用戶在浏覽頁面的時(shí)候，錯過了我們為(wèi)他精心準備的大(dà)餐，那(nà)是多(duō)麽遺憾的事情。網站(zhàn)的點擊率也不會(huì)高(gāo)，一個(gè)清晰可(kě)見的點擊區(qū)域是很(hěn)重要的。在網頁上(shàng)，我們知道(dào)按鈕、帶下劃線的文字、藍(lán)色字、帶圖标的文字這些(xiē)都是可(kě)以點擊的。一般灰色說明(míng)性文字、正文是不可(kě)點擊的。但(dàn)有(yǒu)時(shí)設計(jì)師(shī)過分注意頁面的美觀性，而忽視(shì)了這些(xiē)地方。

例如：當我們看到第1、2種情況，我們會(huì)思考，這些(xiē)字母是可(kě)以點擊的嗎？可(kě)能會(huì)嘗試着點擊一下，可(kě)能就會(huì)忽略這些(xiē)操作(zuò)。當我們看到第3、4種情況，我們會(huì)毫不猶豫的去點擊使用。設計(jì)師(shī)忽略的這些(xiē)看上(shàng)去不起眼的小(xiǎo)細節，可(kě)能影(yǐng)響到用戶的操作(zuò)，甚至可(kě)能導緻網站(zhàn)的回訪率減少(shǎo)。

總之，設計(jì)師(shī)的作(zuò)用不僅僅是使頁面看上(shàng)去美觀、吸引用戶的眼球，更需要注意頁面的閱讀性、可(kě)操作(zuò)性等，要為(wèi)掃描而設計(jì)。