我們在瀏覽購物網(wǎng)站的時候，經(jīng)常會碰到瀏覽價格列表的情況。目前大部分網(wǎng)站的價格顯示都位于商品名稱之后。

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

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

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

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

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

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

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

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

這個模型有三個心理暗示：

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

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

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

如果我們按照這兩個主流的視覺模式來看商品列表的視線流，理論上可能是這樣的：

古騰堡：

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

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