根據研究的資料發現,多使用者是如何讀取您網站的內容的呢?在幾秒鐘內,他們的眼睛以驚人的速度移動到您的網站上,這是我們平常所不關注的。
在我們的新眼科研究中,我們記錄了 232 位多使用者如何檢視數以千計的網頁。我們發現多使用者的主要閱讀行為在許多不同的網站和任務中是相當一致的。這種主導的閱讀模式看起來有點像 F,並有以下三個組成部分:
多使用者首先閱讀水平運動,通常在內容區域的上部。這個初始元素形成 F 的頂部欄。
接下來,多使用者向下移動頁面,然後在通常覆蓋比先前的移動更短的區域的第二水平移動中讀取。這個附加元素形成 F 的下欄。
最後,多使用者在垂直移動中掃描內容的左側。有時,這是一個相當緩慢和系統的掃描,作為一個牢固的條紋在眼睛的熱圖上。其他時候,多使用者移動速度更快,創造了一個嶄新的熱圖。最後一個元素形成 F 的莖。
顯然,多使用者的掃描模式並不總是由三部分組成。有時,多使用者將讀取內容的第三部分,使模式看起來更像是 E,而不是 F 。其他時候,他們只會讀取一次,使得模式看起來像一個倒置的 L(橫幅在頂部)。然而,通常,閱讀模式大致類似於 F,但是頂部和底部之間的距離變化。
從三個網站的多使用者眼中研究的熱圖。多使用者看最多的地區是紅色的; 黃色區域表示較少的檢視,其次是最少觀看的藍色區域。灰色區域沒有吸引任何固定。
以上熱圖顯示了多使用者如何讀取三種不同型別的網頁:
一個 WordPress 企業網站(最左邊)的 “關於我們” 部分的文章,
WooCommerce 電子商務網站(中心)的產品頁面,以及搜尋引擎結果頁(SERP; 最右)。
如果您眯起眼睛並專注於紅色(最多觀看的)區域,那麼所有三個熱圖都顯示出預期的 F 圖案。當然有一些區別。所述?F 觀看模式是一個粗略的,大體形狀,而不是均勻的,畫素完美的行為。
在 WooCommerce 電子商務頁面(中間示例)中,F 的第二個橫幅比平常更低,因為產品形象的介入。多使用者還在頁面右上角的一個框中分配了大量的固定時間,其中找到了價格和 “新增到購物車” 按鈕。
在 SERP(右例子)上,F 的第二個橫槓長於上橫樑,主要是因為第二個標題比第一個標題長。在這種情況下,兩個標題對於多使用者來說也是同樣有趣的,儘管多使用者通常讀取的頁面上看不到的第二個區域。
F 模式的影響
F 模式對 Web 設計的影響是清楚的,並且顯示了遵循 Web 編寫指南而不是重新使用列印內容的重要性:
多使用者不會以逐字的方式徹底閱讀您的文字。詳盡的閱讀是罕見的,特別是當潛在客戶進行初步研究以編制供應商的候選名單時。是的,有些人會閱讀更多,但大多數人不會。
前兩段必須說明最重要的資訊。有一些希望,多使用者實際上可以閱讀這種材料,雖然他們可能會閱讀更多的第一段比第二段。
開始小標題,段落和子彈點與多使用者將注意到的資訊攜帶的話,當您掃描左側的內容在他們的 F 行為的最後的莖。他們會比前兩個字更經常地讀一行第三個字。
詳細的掃描行為
觀看多使用者眼動的慢動作重播是非常有趣的,因為他們在一個頁面上進行閱讀和掃描。每個頁面都有超出我在這裡討論的主導 F 模式的閱讀問題。例如,多使用者在尋找價格或其他數字時以不同的,更有針對性的方式進行掃描,而有趣的熱馬鈴薯行為決定了多使用者如何檢視搜尋引擎廣告列表。我們還有很多關於人們如何看待網站影像的發現。
內容可用性的最大決定因素是多使用者線上閱讀,而且由於多使用者閱讀不同,您必須以不同的方式進行寫作。
跨飛獨立站 WooCommerce 建站平臺-擁有十年 WordPress 外貿獨立站網站建設經驗,服務的企業超過 3000+,與國內多家知名企業合作,是您值得信賴的合作伙伴!如果您想知道做一個網站的費用需要多少錢?點選檢視吧!