一個(gè)人每天要獲取多少信息?幾百張網(wǎng)頁(yè)?十多個(gè)app?上百條微博?地鐵上匆匆一瞥的廣告，家里看不了幾分鐘的電視?
yixieshi
其中能引起關(guān)注的有多少?仔細閱讀過(guò)的有多少?當大量的信息充斥短時(shí)間用戶(hù)腦海的時(shí)候，用戶(hù)啊，你又如何選擇? yixieshi
yixieshi
如果說(shuō)網(wǎng)站的信息架構是用戶(hù)如何找。視覺(jué)的信息架構就是用戶(hù)如何看。人們每天很匆忙。在用戶(hù)面對大量信息，很多時(shí)候用戶(hù)對信息來(lái)不及仔細梳理，很難快速記憶。
而一個(gè)好的視覺(jué)架構，可以減輕用戶(hù)瀏覽負擔，加快用戶(hù)獲取信息的速度，幫助用戶(hù)加強對信息的記憶。 互聯(lián)網(wǎng)的一些事
這一次交互與視覺(jué)設計師又站在了同一條起跑線(xiàn)上，讓用戶(hù)如何看，怎么看，怎么構建視覺(jué)的信息架構。就是我們接下來(lái)要探討的話(huà)題。 yixieshi
在設計界面之前我們先來(lái)看看用戶(hù)是如何使用網(wǎng)頁(yè)的: yixieshi
一、我們不是閱讀，而是掃描 yixieshi
二、我們不做最佳選擇，而是滿(mǎn)意即可 yixieshi
三、我們不是追根究底，而是勉強應付 互聯(lián)網(wǎng)的一些事
很顯然，我們用戶(hù)非常沒(méi)有耐心，從不尋找他看不到的東西。
我們經(jīng)常能聽(tīng)到產(chǎn)品經(jīng)理抱怨，我的產(chǎn)品為什么的不到用戶(hù)的關(guān)注，我擁有這么好的產(chǎn)品，這么詳盡的說(shuō)明，可是用戶(hù)像葛朗臺一樣吝嗇他的鼠標與視線(xiàn)。而視覺(jué)設計師會(huì )茫然的說(shuō)，所有的信息都放在頁(yè)面上了啊，也放在了頁(yè)面最重要的位置了，用戶(hù)看不到那是因為他不感興趣。
互聯(lián)網(wǎng)的一些事
用戶(hù)是真的不感興趣么?不，當用戶(hù)的眼睛在網(wǎng)頁(yè)上疾馳而過(guò)的時(shí)候，他真的沒(méi)有看見(jiàn)你想要讓他看的信息。 yixieshi
可問(wèn)題出在哪兒呢?
yixieshi
我們看下面一張圖：告訴我你看到了什么?字都一樣大小，都是一個(gè)顏色，一樣的行距，一樣的字體，如果給你一秒鐘你能從里面找到關(guān)鍵興趣點(diǎn)么?
再看下面一張圖：是不是發(fā)現，每段的字號差異，顏色差異，行距的差異，字體的差異?如果給你同樣的時(shí)間，你是不是比上一張圖得到的信息更多? 互聯(lián)網(wǎng)的一些事
在網(wǎng)頁(yè)的信息架構中，信息在網(wǎng)頁(yè)的位置決定了，這塊信息在網(wǎng)頁(yè)內容中的重要程度。
而網(wǎng)頁(yè)視覺(jué)架構中的視覺(jué)層級則是是否能吸引用戶(hù)瀏覽的關(guān)鍵所在。
重視了網(wǎng)頁(yè)中整體位置而忽略了視覺(jué)架構中視覺(jué)層級，不僅會(huì )產(chǎn)生糟糕的視覺(jué)設計也會(huì )導致產(chǎn)品設計的失敗。 yixieshi
我們對比一下這兩個(gè)商品列表 互聯(lián)網(wǎng)的一些事
一秒鐘的時(shí)間你看到了什么? 互聯(lián)網(wǎng)的一些事
我們要讀清楚上面的內容，就要適當的放慢閱讀速度。尋找我們感興趣的關(guān)鍵字與語(yǔ)句，因為雖然有顏色的區分(顏色用的也太多了造成視覺(jué)噪聲)，但很多內容看起來(lái)都跟其他內容一樣重要。勢必要增加閱讀負擔。
互聯(lián)網(wǎng)的一些事
而下面的內容，設計師體貼的把對我們來(lái)說(shuō)比較重要的內容挑選了出來(lái)。在我們眼睛掃過(guò)的時(shí)候非常容易的獲取到了關(guān)鍵信息。 互聯(lián)網(wǎng)的一些事
為用戶(hù)設計在飛馳地鐵上都能觀(guān)看到內容。則應成為網(wǎng)站設計和移動(dòng)應用重要的設計原則
yixieshi
所以不論設計什么網(wǎng)站，讓用戶(hù)快速關(guān)注頁(yè)面信息都是這個(gè)網(wǎng)站的成功所在。所產(chǎn)生良好的交互也基于此。 yixieshi
聯(lián)系客服
