一個人每天要獲取多少信息?幾百張網(wǎng)頁?十多個app?上百條微博?地鐵上匆匆一瞥的廣告，家里看不了幾分鐘的電視?

yixieshi

　　其中能引起關(guān)注的有多少?仔細(xì)閱讀過的有多少?當(dāng)大量的信息充斥短時間用戶腦海的時候，用戶啊，你又如何選擇? yixieshi

yixieshi

　　如果說網(wǎng)站的信息架構(gòu)是用戶如何找。視覺的信息架構(gòu)就是用戶如何看。人們每天很匆忙。在用戶面對大量信息，很多時候用戶對信息來不及仔細(xì)梳理，很難快速記憶。

　　而一個好的視覺架構(gòu)，可以減輕用戶瀏覽負(fù)擔(dān)，加快用戶獲取信息的速度，幫助用戶加強(qiáng)對信息的記憶。 互聯(lián)網(wǎng)的一些事

　　這一次交互與視覺設(shè)計師又站在了同一條起跑線上，讓用戶如何看，怎么看，怎么構(gòu)建視覺的信息架構(gòu)。就是我們接下來要探討的話題。 yixieshi

　　在設(shè)計界面之前我們先來看看用戶是如何使用網(wǎng)頁的: yixieshi

　　一、我們不是閱讀，而是掃描 yixieshi

　　二、我們不做最佳選擇，而是滿意即可 yixieshi

　　三、我們不是追根究底，而是勉強(qiáng)應(yīng)付 互聯(lián)網(wǎng)的一些事

　　很顯然，我們用戶非常沒有耐心，從不尋找他看不到的東西。

　　我們經(jīng)常能聽到產(chǎn)品經(jīng)理抱怨，我的產(chǎn)品為什么的不到用戶的關(guān)注，我擁有這么好的產(chǎn)品，這么詳盡的說明，可是用戶像葛朗臺一樣吝嗇他的鼠標(biāo)與視線。而視覺設(shè)計師會茫然的說，所有的信息都放在頁面上了啊，也放在了頁面最重要的位置了，用戶看不到那是因為他不感興趣。

互聯(lián)網(wǎng)的一些事

　　用戶是真的不感興趣么?不，當(dāng)用戶的眼睛在網(wǎng)頁上疾馳而過的時候，他真的沒有看見你想要讓他看的信息。 yixieshi

　　可問題出在哪兒呢?

yixieshi

　　我們看下面一張圖：告訴我你看到了什么?字都一樣大小，都是一個顏色，一樣的行距，一樣的字體，如果給你一秒鐘你能從里面找到關(guān)鍵興趣點(diǎn)么?

　　再看下面一張圖：是不是發(fā)現(xiàn)，每段的字號差異，顏色差異，行距的差異，字體的差異?如果給你同樣的時間，你是不是比上一張圖得到的信息更多? 互聯(lián)網(wǎng)的一些事

　　在網(wǎng)頁的信息架構(gòu)中，信息在網(wǎng)頁的位置決定了，這塊信息在網(wǎng)頁內(nèi)容中的重要程度。

　　而網(wǎng)頁視覺架構(gòu)中的視覺層級則是是否能吸引用戶瀏覽的關(guān)鍵所在。

　　重視了網(wǎng)頁中整體位置而忽略了視覺架構(gòu)中視覺層級，不僅會產(chǎn)生糟糕的視覺設(shè)計也會導(dǎo)致產(chǎn)品設(shè)計的失敗。 yixieshi

　　我們對比一下這兩個商品列表 互聯(lián)網(wǎng)的一些事

　　一秒鐘的時間你看到了什么? 互聯(lián)網(wǎng)的一些事

　　我們要讀清楚上面的內(nèi)容，就要適當(dāng)?shù)姆怕喿x速度。尋找我們感興趣的關(guān)鍵字與語句，因為雖然有顏色的區(qū)分(顏色用的也太多了造成視覺噪聲)，但很多內(nèi)容看起來都跟其他內(nèi)容一樣重要。勢必要增加閱讀負(fù)擔(dān)。

互聯(lián)網(wǎng)的一些事

　　而下面的內(nèi)容，設(shè)計師體貼的把對我們來說比較重要的內(nèi)容挑選了出來。在我們眼睛掃過的時候非常容易的獲取到了關(guān)鍵信息。 互聯(lián)網(wǎng)的一些事

　　為用戶設(shè)計在飛馳地鐵上都能觀看到內(nèi)容。則應(yīng)成為網(wǎng)站設(shè)計和移動應(yīng)用重要的設(shè)計原則

yixieshi

　　所以不論設(shè)計什么網(wǎng)站，讓用戶快速關(guān)注頁面信息都是這個網(wǎng)站的成功所在。所產(chǎn)生良好的交互也基于此。 yixieshi