Return to site

網站使用者對畫面的注意力分析

12 個設計要點

據 ConversionXL 這家公司研究滑鼠和眼睛對頁面的注意中,

可以發現設計頁面時應該要注意的下面12個重點:

1) 符合訪客目的的內容應該放在頁面的最上面,訪客有80.3%的時間花在這裡,頁尾也是訪客稍微會注意的地方。

根據赫爾曼·艾賓浩斯【首因效應】研究指出,最初顯示的項目最有效被儲存在人腦的長期記憶中,

但隨著項目快速呈現,以及其他項目越發增強時,首發的效果將被減弱,乃至產生【近因效應】,而此正或負的近因效應能促進或阻滯購買行為。

頁首與頁尾都是十分重要的。

2) 匆忙、沒主見或易分心的訪客,常常看到什麼商品就會立刻買下它

視覺衝擊比消費者喜好更能影響選擇。

這意味著當您的訪問者匆忙時,他們會更少地思考自己的偏好,

並根據他們最注意的內容,進而決策。

,在一個人越來越分心時,這個偏見會變得越來越強烈,

而且當一個人在不同的選擇中沒有強烈的偏好時會更加明顯!

3) 人們比較注意網頁的左邊,研究發現左邊佔用69%的關注度。

這與世界上多數主要語言例如英語,德語,法語,俄語,閱讀、書寫方式有關,

人們依舊習慣於傳統媒體經驗!

4) F型閱讀法

人們會閱讀標題、次標題,但只會選擇性的讀內文。

所以重要的內容都可以考慮設計偏左的位置。

但對於圖像較多的網站,這個原則可能不適用。

5) 人們有意或無意的會將你網頁上「看起來像廣告」的區域忽略掉

我們每天都被數以千計的廣告轟炸,所以我們下意識地學會忽略了網站上的廣告。這也意味著任何可能看起來像廣告的文字或圖像塊都將被忽略,這種現象稱為banner blindness」。

使用者終究是不會脫離主題內容的。

訪客幾乎不看「像廣告的東西」。

訪客幾乎不看「像廣告的東西」。

6) 你可以在設計中加入人物吸引讀者的目光

各種心理學、設計學研究都顯示,人像特別吸引使用者目光,

當使用一個美女在你的頁面上時,也務必確保她正在看著你要傳達的文字內容。

7) 男人是視覺的,而女人尋找資料

研究發現對同一張女人照片;男人多花37%時間注意女人的胸部;

女性會多花27%的時間注意無名指(未婚已婚的指標),顯示女性以採集資訊為目標。

8) 捨棄捲動的圖片跑馬燈吧,圖片越多點擊率越低。

每個使用者進入網站都有一個特定使命,
輪播圖雖然美觀,但絕不是你在設計頁面時的主力。

承5點,容易產生banner blindness。

9) 善用顏色反差導引使用者

最顯而易見的比喻,販售商品的頁面中,紅色特價特別吸引使用者注意,

透過輕微的調整,讓應注意的變成被注目的

10) 60 歲的人犯錯率是20歲的人二倍,這表示寫給年長者的網頁要儘可能的簡單

研究指出,在一項測試中,最年長者在網站上犯錯的機率高出最年輕者將近40倍!

而當你的網站有這類的使用者時,應特別留意排版,越簡單越好。

11) 利用照片吸引讀者

在某項測試中,受測人在閱讀網站時,完全忽視那些「圖庫照片」,

並且多花了10%的時間在看員工大頭照。

這顯示--使用者在不知不覺中,已經會分辨什麼是圖庫照片或是真實照片

這意味著不要過度修圖!

12) 多利用文章摘要而非全盤托出

提供給您的使用者更多的選擇,他們才有機會點擊並閱讀更多網站上的文章。

Quoted from

https://conversionxl.com/19-things-we-can-learn-from-numerous-heatmap-tests/
 

All Posts
×

Almost done…

We just sent you an email. Please click the link in the email to confirm your subscription!

OKSubscriptions powered by Strikingly