人有兩種視覺,中央視覺和周邊視覺。中央視覺用來直視事物觀察細節(jié),而周邊視覺則展現(xiàn)視野中的其他區(qū)域,也就是人眼能看到的周邊區(qū)域。人可以用眼角的余光觀察事物,這當然很有用,不過,堪薩斯州立大學最新研究表明,多數(shù)人都低估了它對于我們理解事物的重要性。
「將重要內(nèi)容放置頁面中心位置案例」
人對場景的認知似乎都來自周邊視覺。周邊視覺總是讓人不禁注意到周圍的動靜。例如,你正在電腦上閱讀文章,屏幕邊緣附近有個小動畫之類的東西閃個不停,那么你肯定忍不住要去看它。
而你希望集中精力閱讀文章,這樣的干擾實在很煩人。這正是周邊視覺所致!網(wǎng)站側(cè)邊的廣告總是做成閃爍效果就是因為這個道理。這樣很不招人待見,但確實會吸引我們的注意力。
「廣告閃爍案例」
Adam Larson和Lester Loschky(2009)曾做過一項實驗。他們準備了廚房、客廳之類常見場景的照片,將一些照片的四周遮住,將另外一些照片的中央遮住,并向被試者展示這些照片。照片的展示時間都相當短,而且還特意處理成黑白照片,讓人難以分辨(如圖2-1和圖2-2所示)。然后他們要求被試者判斷看到了什么場景。
2-1
2-2
他們發(fā)現(xiàn),中央被遮住的照片依舊容易識別,而對于那些周圍被遮住的照片,人們卻分不清是廚房還是客廳。他們嘗試了不同的遮擋比例,最后得出結(jié)論:對于識別具體物體來說,中央視覺是最重要的,但對于認知整體場景而言,周邊視覺更為關鍵。
周邊視覺讓我們的祖先得以在草原上生存。根據(jù)進化論可以推測,早期人類必須能夠一邊打磨燧石或仰望天空,一邊用周邊視覺注意是否有獅子逼近,才能幸存并把基因傳給后代,而周邊視覺較弱的人則難以生存,相應的基因也被自然淘汰。
最新研究證實了這一推測。2009年,Dimitri Bayle發(fā)表了他的研究結(jié)果。他讓被試者觀看恐怖照片,有時照片放在被試者的中央視覺區(qū)域,有時則放在周邊視覺區(qū)域。然后他測定了大腦杏仁核(能對恐怖照片作出反應、產(chǎn)生恐懼情緒的區(qū)域)的反應速度。如果照片放在中央視覺區(qū)域,杏仁核的反應時間為140~190毫秒;如果放在周邊視覺區(qū)域,反應時間僅為80毫秒。
西蒙:http://www.webstucco.com
周邊視覺案例:西蒙官網(wǎng)首頁巧妙將在線溝通安置在頁腳邊緣,降低色彩飽和后增加互動小閃動,讓用戶既可專注瀏覽中心視覺內(nèi)容,又能輕易找到溝通幫助工具。
HOMENOLOGY: http://www.homenology.hk
中心視覺案例:HOMENOLOGY官網(wǎng)首頁,讓用戶沉浸式聚焦于頁面的中心位置,充分發(fā)揮產(chǎn)品內(nèi)容的最大效能。
人們看電腦屏幕時會用到周邊視覺,而且經(jīng)常只掃一眼周邊視覺區(qū)域便以此判斷整個頁面的內(nèi)容。
雖然屏幕中央是重要的中央視覺區(qū),但別忽視周邊視覺區(qū)域。一定要確保周邊內(nèi)容清晰地表現(xiàn)了網(wǎng)頁的用途。
如果你想讓用戶集中注意力觀察屏幕某處,就別在周邊視覺區(qū)域內(nèi)放置動畫和閃爍元素。