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