如何去分配首屏的閱讀資源?哪些資源放在哪些位置會(huì)更合適?說到這里，就不得不說一下新用戶看到網(wǎng)站之后，視線在顯示器上的移動(dòng)規(guī)律了。如下圖所示，當(dāng)用戶面對(duì)顯示器的時(shí)候，他的視線注意力會(huì)是怎樣移動(dòng)的?按照正常的閱讀習(xí)慣，人們的閱讀習(xí)慣應(yīng)該是從左到右從上到下的順序，也就是1-2-3-4-5 -6的順序。但是現(xiàn)實(shí)情況有一些出入，假設(shè)用戶進(jìn)入的是一個(gè)門戶網(wǎng)站， 閱讀的時(shí)候首先會(huì)被5所吸引，然后關(guān)注6和4，之后可能會(huì)關(guān)注2 (并不是所有人都會(huì)抬起眼睛，將視線放到這個(gè)位置)，至于1和3， 往往是用戶的視覺盲點(diǎn)。也就是說用戶的閱讀順序是5-6-4-2-1-3。
為什么會(huì)有這樣的變化？答案在于最初的瀏覽習(xí)慣。不知道大家還記得在前一小節(jié)里出現(xiàn)的門字形布局嗎？如果記得就會(huì)發(fā)現(xiàn)，5和6的位置往往是網(wǎng)站信息相對(duì)集中的位置（其中5更是通常用來放重點(diǎn)新聞和重點(diǎn)活動(dòng)的位置，有點(diǎn)類似于傳統(tǒng)報(bào)業(yè)的頭版頭條的意味）。當(dāng)一個(gè)新用戶瀏覽網(wǎng)頁(yè)的時(shí)候，他是一個(gè)隨機(jī)行為，在這種情況下，很多用戶會(huì)下意識(shí)的關(guān)注頁(yè)面的內(nèi)容里是否有他想要了解的內(nèi)容。
而4所在的位置，往往是功能性導(dǎo)航，相對(duì)而言也是用戶會(huì)較為關(guān)注的位置，所以會(huì)成為第二視覺焦點(diǎn)。
至于2-1-3的順序，如果做電商或者企業(yè)站的朋友就會(huì)發(fā)現(xiàn)，2這個(gè)位置通常是標(biāo)題大圖和導(dǎo)航的位置，而由于需要適應(yīng)不同分辨率顯示器的瀏覽需要，標(biāo)題大圖和導(dǎo)航這樣的“有用信息”往往集中在中間，所以兩邊經(jīng)常會(huì)被人忽略。
當(dāng)然，這個(gè)規(guī)律并不是死的，以上這些總結(jié)的視覺習(xí)慣，只能說對(duì)于大部分的門戶網(wǎng)站有效。對(duì)于不同的網(wǎng)站，人們的視覺習(xí)慣會(huì)有很多不一樣的變化，比如你瀏覽功能性非常強(qiáng)的網(wǎng)站，視線也許會(huì)被功能導(dǎo)航所在的4所吸應(yīng)。而對(duì)于類似百度、谷歌這類的網(wǎng)站，在搜索首頁(yè)，人們的視覺中心是在整個(gè)屏幕中心的——因?yàn)榻缑娣浅：?jiǎn)潔，除了中心的操作區(qū)域別無其他能夠吸引你的東西。而到內(nèi)頁(yè)之后，往往是遵循著1-2-4-5這樣的順序去閱讀。在用戶潛意識(shí)中，搜索引擎左側(cè)的信息往往更為有用。
人眼關(guān)注中心的變化，往往是多年來被各種同類型網(wǎng)站“洗禮”后產(chǎn)生的。視覺習(xí)慣是一個(gè)“先入為主”的心理活動(dòng)，形成需要很長(zhǎng)的時(shí)間，但是打破這種習(xí)慣，卻要付出比引導(dǎo)用戶形成習(xí)慣更高的成本。所以對(duì)于設(shè)計(jì)師而言，在做任何“創(chuàng)新”之前，都要考慮到是否改變了這些視覺習(xí)慣？這種改變是否真的具有“高性價(jià)比”？
也許有人會(huì)質(zhì)疑：頂通的位置，不是比下面的位置更靠上，更容易吸引人們的視線嗎？說到個(gè)問題，就不得不提一個(gè)讓設(shè)計(jì)師略微沮喪的現(xiàn)象。傳統(tǒng)意義上，大家都覺得圖片比文字具更容易獲得人的關(guān)注。而事實(shí)上，至少在用戶潛意識(shí)里，人們的視覺往往更容易被“大標(biāo)題”所吸應(yīng)——尤其是文字信息中對(duì)用戶有吸引力的內(nèi)容。
如果大家看過帶字幕的原版電影電視劇，就會(huì)發(fā)現(xiàn)翻譯的文字基本上是放在畫面下方的。而如果文字出現(xiàn)在畫面的上方，往往會(huì)讓人感覺很難受，因?yàn)楦鶕?jù)視覺習(xí)慣，人們的瀏覽習(xí)慣自然是自上而下的。如果先看到畫面，后看到文字，我們可以把注意力集中在文字上，而用“余光”去看畫面。反之，我們的注意力只能集中在文字上，而畫面往往會(huì)產(chǎn)生“來不及看”的現(xiàn)象。對(duì)于大腦而言，文字的信息較為“重要”，自然會(huì)重點(diǎn)照顧，當(dāng)文字信息來不及接收的時(shí)候，自然會(huì)撇除較為次要的信息——比如畫面。
從人的視覺活動(dòng)來說，對(duì)于圖形的記憶是模糊的，而對(duì)于文字的記憶相對(duì)清晰。因?yàn)閳D片的信息過于龐大且無效信息較多，所以大腦自然會(huì)相對(duì)“模糊”的進(jìn)行過濾。而文字是經(jīng)過人們提煉過的“有價(jià)值”的信息，自然會(huì)更加容易獲得大腦的青睞。當(dāng)然，人們對(duì)于文字的記憶，也不是大而全的，往往會(huì)注意的焦點(diǎn)是那些“大標(biāo)題”以及那些感興趣的“詞組”，所以對(duì)于我們需要傳達(dá)的并且用戶非常感興趣的文字元素，是需要著重突出的。
說到這里，網(wǎng)頁(yè)設(shè)計(jì)師們是否會(huì)覺得沮喪：難道我們做的這些努力都是徒勞的？實(shí)際上也沒這么糟糕。網(wǎng)頁(yè)設(shè)計(jì)最主要達(dá)成的目的是使得網(wǎng)頁(yè)美觀且符合網(wǎng)站的氣氛。在所有瀏覽注意點(diǎn)形成之前，還有一個(gè)被稱為“第一次接觸”的視覺觸感。當(dāng)一個(gè)網(wǎng)站制作粗糙、并且閱讀體驗(yàn)非常糟糕的情況下，除非網(wǎng)站的內(nèi)容對(duì)用戶足夠有用，否則用戶是不會(huì)在這個(gè)網(wǎng)站上多做停留的。
濟(jì)南夢(mèng)之網(wǎng)科技：濟(jì)南網(wǎng)站建設(shè),濟(jì)南網(wǎng)站設(shè)計(jì)公司,網(wǎng)站建設(shè)開發(fā)公司,專業(yè)網(wǎng)站制作公司,擁有專業(yè)的技術(shù)團(tuán)隊(duì),一流的服務(wù)團(tuán)隊(duì).專業(yè)團(tuán)隊(duì)為您提供網(wǎng)站設(shè)計(jì),網(wǎng)站定制服務(wù),公眾號(hào)應(yīng)用開發(fā),微信小程序開發(fā),為用戶提供成套解決方案,智能農(nóng)業(yè)物聯(lián)網(wǎng)系統(tǒng)