根據研究的資料發現,多用户是如何讀取您網站的內容的呢?在幾秒鐘內,他們的眼睛以驚人的速度移動到您的網站上,這是我們平常所不關注的。
 

 
        在我們的新眼科研究中,我們記錄了 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+,與國內多家知名企業合作,是您值得信賴的合作伙伴!如果您想知道做一個網站的費用需要多少錢?點選檢視吧!