2009年美國長期(qī)研究(jiū)網站(zhàn)的(dí)可用(yòng)性的著(zhù)名網站設計(jì)師(shī)傑(jié)柯(kē)柏·尼(ní)爾(ěr)森（Jakob Nielsen）發表一項《眼(yǎn)球軌(guǐ)跡(jì)的研究》報告（原文(wén)：F-Shaped Pattern For Reading Web Content）。該(gāi)報告(gào)指(zhǐ)出(chū)：大(dà)多數(shù)情(qíng)況下(xià)，上網瀏(liú)覽者(zhě)都不(bù)由自(zì)主地以“F”形(xíng)狀的模式(shì)閱(yuè)讀網(wǎng)頁，這種基本恒定(dìng)的閱讀習(xí)慣(guàn)決定了網頁(yè)呈現F形(xíng)的關注熱度(dù)。
用不同的頁麵做(zuò)眼動儀測試(shì)，得到3張(zhāng)熱度(dù)圖(tú)。用(yòng)顏色來表(biǎo)示瀏(liú)覽(lǎn)者(zhě)眼光聚焦的(dí)熱(rè)度，分為最(zuì)熱（紅色(sè)），較(jiào)熱（黃(huáng)色(sè)），不熱(rè)（藍(lán)色）和基本不關注（灰(huī)色(sè)）4種。如下(xià)圖所示：
網站瀏覽(lǎn)者(zhě)F型眼(yǎn)球軌(guǐ)跡
圖2：F型眼(yǎn)球軌(guǐ)跡
根(gēn)據(jù)這(zhè)一(yī)原(yuán)理(lǐ)，常(cháng)見的網(wǎng)站頁麵結(jié)構安排(pái)應該(gāi)滿足用(yòng)戶Ｆ型眼球運(yùn)動軌跡(jì)的習(xí)慣(guàn)。在Ｆ型(xíng)區域中采(cǎi)用(yòng)恰當的方(fāng)式，更(gēng)好(hǎo)地(dì)引導用戶行(háng)為(wéi)，滿足(zú)用(yòng)戶(hù)需(xū)求，從而促進產品銷售(shòu)。
網站頁麵(miàn)設計(jì)與Ｆ型(xíng)眼球(qiú)軌跡的(dí)結(jié)合
在(zài)網站(zhàn)導(dǎo)航(háng)係統建立中(zhōng)，基於Ｆ型眼(yǎn)球軌跡(jì)和(hé)來訪者的習慣，網頁(yè)應當(dāng)采用恰當(dāng)的(dí)布(bù)局(jú)設計(jì)。對於絕大多(duō)數網站(zhàn)來說可以(yǐ)有(yǒu)選(xuǎn)擇地(dì)采(cǎi)用以(yǐ)下幾(jī)種導航方式：
頂部導航：主(zhǔ)要(yào)欄目，分類導航(háng)
左側(cè)導(dǎo)航(háng)：某(mǒu)一(yī)具(jù)體欄目的(dí)子(zǐ)欄目(mù)導航。對於(yú)企業(yè)網(wǎng)站(zhàn)可以是產品列(liè)表，服務(wù)內容等客戶最關注的(dí)信(xìn)息。
內(nèi)容(róng)導航(háng)：明確(què)訪(fǎng)問現在(zài)的位(wèi)置(zhì)，提(tí)供快速(sù)內容導航。
網站(zhàn)地圖(tú)：整(zhěng)站(zhàn)的(dí)快速索(suǒ)引(yǐn)。
總的(dí)來說(shuō)，采(cǎi)用符合(hé)Ｆ型(xíng)眼球軌(guǐ)跡的(dí)導航係統(tǒng)，可以(yǐ)極大(dà)地提(tí)高網站(zhàn)的易(yì)用(yòng)性(xìng)，讓用戶(hù)更為(wéi)快捷(jié)，方便地找(zhǎo)到自己(jǐ)想要(yào)的(dí)內(nèi)容。這種(zhǒng)網(wǎng)頁設(shè)計(jì)建(jiàn)議每(měi)一(yī)個從事網絡(luò)營銷，電子商(shāng)務(wù)的網站采用(yòng)。
轉(zhuǎn)載(zǎi)請保(bǎo)留原文(wén)地址: https://antelcom.cn/show-293.html