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