我們?cè)跒g覽購(gòu)物網(wǎng)站的時(shí)候，經(jīng)常會(huì)碰到瀏覽價(jià)格列表的情況。目前大部分網(wǎng)站的價(jià)格顯示都位于商品名稱之后。

這樣的設(shè)計(jì)目的是為了讓顧客先注意是什么商品然后在關(guān)注價(jià)格如何。

但是在用戶高速掃描網(wǎng)頁(yè)的時(shí)候，商品名稱是否是他們第一個(gè)需要關(guān)注的地方呢？我們?nèi)绾握�確將用戶的視線正確的引導(dǎo)到我們希望他們所要關(guān)注的地方呢？

我們知道無(wú)論用戶是否貧窮還是富有，價(jià)格在購(gòu)買(mǎi)商品的時(shí)候始終是用戶選擇的重要砝碼。很多網(wǎng)站在設(shè)計(jì)商品列表的時(shí)候都會(huì)想法設(shè)法把價(jià)格凸顯出來(lái)，方便用戶判斷與選擇。用戶在高速瀏覽的時(shí)候也往往被價(jià)格所吸引而去關(guān)注相應(yīng)的商品。

而價(jià)格與商品列表是否與用戶視線流相符就成為了，這個(gè)列表是否能成功的抓住用戶，把用戶的目光吸引過(guò)來(lái)的關(guān)鍵。

通常，平面設(shè)計(jì)與網(wǎng)頁(yè)設(shè)計(jì)所遵循的視線流大致有兩種，

古騰堡圖表是一種對(duì)線平衡的設(shè)計(jì)理念源于約翰內(nèi)斯·古騰堡的古騰堡圖表。

他提出，人們?yōu)g覽頁(yè)面或布局的時(shí)候，視線都趨向于從上到下，從左到右的眼動(dòng)規(guī)律。左上角為起始，右下角為結(jié)束。所以報(bào)紙的標(biāo)題，雜志的標(biāo)題，網(wǎng)站的LOGO等重要的信息都是放置在右上角這個(gè)位置。

尼爾森F視覺(jué)模型是2006年4月，美國(guó)著名網(wǎng)站設(shè)計(jì)師杰柯柏·尼爾森（JakobNielsen）在《眼球軌跡的研究》報(bào)告中提出，在首次訪問(wèn)一個(gè)陌生網(wǎng)站的時(shí)候，瀏覽者都不由自主的以“Ｆ”形狀的模式閱讀網(wǎng)頁(yè)，這種閱讀習(xí)慣決定了網(wǎng)頁(yè)呈現(xiàn)F形的關(guān)注熱度。

這個(gè)模型有三個(gè)心理暗示：

1.在用戶快速瀏覽情況下，用戶很少看段落內(nèi)的文字

2.要多用小標(biāo)題，多標(biāo)題，才能引起用戶關(guān)注

3.第一第二段最好包含一些重要信息。

如果我們按照這兩個(gè)主流的視覺(jué)模式來(lái)看商品列表的視線流，理論上可能是這樣的：

古騰堡：

標(biāo)簽： 購(gòu)物網(wǎng)站 交互設(shè)計(jì) 視線流 

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請(qǐng)與原作者聯(lián)系。