在網頁設計中使用 F 模式的好處

已發表: 2020-05-18

任何現代企業都需要一個執行良好的網站,一個能夠建立甚至提升其在網絡上的形象的網站,這已經不是什麼秘密了。 由於越來越多的人在網上冒險,而新一代用戶無法想像沒有互聯網的生活,如果不建立大量的在線受眾,就無法成功。

創建一個稱職的公司網站需要經驗豐富且富有創意的舊金山網站設計團隊的協助。 除非您的公司以創建網站為生,否則最好的方法是聘請網頁設計機構。 專業的設計公司將能夠為您提供一個吸引流量並增加銷售額的網站。 當然,一個高質量的網站總是包含一些關鍵組件。 在本文中,我們將仔細研究它們到底是什麼。

高質量的網站有很多方面。 其中一些與營銷密切相關,而另一些則是人類心理和行為模式更深層次的一部分。 例如,一個人究竟是如何掃描網頁的? 事實證明,人們有特定的觀看模式。 其中之一是所謂的 F 形圖案,也稱為簡單 F 圖案。

輸入 F 模式

在網頁設計中使用 F 模式的好處 1

F 模式是行業機密。 頂級網頁設計師和代理商使用它來指導創建有效的網站設計。 眼動追踪研究表明,人們閱讀網絡內容的方式與閱讀印刷材料的方式不同。 是的,你猜對了——當他們登陸網頁時,他們會以 F 模式閱讀。

通過專注於粗略的字母 F 形狀內的網頁的關鍵內容,實施戰略性網站設計的公司可確保其客戶網站的訪問者準確地看到他們應該看到的內容。

解釋神奇的 F 模式

讓我們仔細看看 F 模式的工作原理。

傑克正在瀏覽網頁,他打開了一個新網站。

瞬間,他甚至沒有意識到自己正在這樣做,他的眼睛開始以 F 的形狀掃描頁面的內容。這意味著他首先會越過字母“F”的頂部水平條尋找重要的內容,以便確定自己的方向,然後再查看其他任何地方. 換句話說,他在頁面頂部從左到右掃描。

接下來,Jack 可能會將目光轉向頁面的左側,并快速瀏覽與他剛剛掃描的頂部平行的下部水平條。

最後,他的眼睛掃描屏幕左側的長長的、虛構的垂直條,並以 F 的形狀完成掃描。只有在他的眼睛完成掃描之後——這可能會在不到一秒的時間內發生——他會開始瀏覽網頁上的主要文本,首先關注項目符號、粗體文本和標題。

用戶不會經常停下來閱讀大塊的文本。 幾秒鐘之內,網站訪問者就可以決定他們是留下還是離開。 這個決定的大部分是基於他們在形成 F 模式的三個主要掃描線上所看到的。

如果使用得當,F 模式可以提高您網站的效率

您聘請的網頁設計機構可以在設計網頁時使用 F 模式來為您的業務帶來優勢。 除其他外,網頁設計團隊可以執行以下操作:

  • 為頁面上最關鍵的內容保留 F 模式的頂部欄:標題。 如果沒有引人注目的標題,讀者可能想跳到下一頁。 或者,更糟糕的是 - 到競爭對手的頁面(畢竟,如果他們一開始就無法定義內容,為什麼還要花時間閱讀內容?);
  • 通過在短橫條的某些頁面上放置副標題或號召性用語 (CTA) 來防止用戶混淆。 副標題的文字應該加強你主要的、有趣的標題,並告訴訪問者他們接下來可以做什麼;
  • 沿 F 模式的垂直條包括您網站的主導航,因為它是網站訪問者在定位自己時查看的主要位置。
F 模式並非完美無缺

即使考慮到 F 模式的所有優點,使用它也有一個小缺點。 人們總是習慣從左到右,從上到下閱讀。 如果我們看一個不熟悉的文本,這就是我們期望它的樣子。 同樣的內在期望也適用於網站。 雖然人們喜歡熟悉,但對 f 模式的嚴格遵從會使頁面看起來很強迫甚至無聊。

這些缺點可以通過用橫跨頁面的圖像或打破僵化的廣告輕輕地改變佈局來改變。 選擇一個計劃需要一些專業知識才能找到合適的設計水平,讓瀏覽者在查看頁面時感到舒適,而不會因為無聊而將他們推離網站。

F模式適用於手機嗎?

根據 Google 的一項研究,幾乎沒有證據表明 F 模式適用於移動設備。 有問題的研究側重於來自 Google Instant 和知識圖譜的“類似答案”搜索結果的效果。

由於人們無需點擊鏈接即可獲得答案,因此點擊率並不能準確衡量搜索相關性和用戶滿意度。 因此,研究人員研究了用戶在智能手機屏幕上的觀看位置,發現 68% 的注意力集中在屏幕的上半部分,而 86% 的注意力集中在屏幕的前三分之二。 研究人員還發現,注意力集中在移動設備和桌面設備上的方式存在差異。

您應該注意,這些發現僅與搜索結果頁面相關。 它們不會擴展到其他頁麵類型。 因此,就目前而言,F 模式仍然適用於大多數 Web 內容,無論是從台式機還是移動設備上看到的。

但是,始終為變化做好準備仍然很有用。 有一些新技術正在開發中,通過結合人工智能和眼動追踪技術,可以讓文本知道是否以及如何閱讀它。 使文本具有響應性可以徹底改變人們的在線閱讀體驗和模式。

結論

隨著對網站需求的增加,它們每天都變得更加多樣化和獨特。 公司想方設法通過額外的視覺和信息優勢、更快的加載速度以及他們認為必不可少的其他因素在人群中脫穎而出並吸引目標受眾。 將 F 模式添加到組合中可以成為一個額外的優勢。 但是,有必要關注行業新聞和研究,並根據新數據得出的指導引入任何特定的變化。

網頁設計機構每天都在這種環境中工作,並且知道他們的客戶需要什麼,無論特定的利基市場如何。 他們還知道如何以最有效的方式使用 F 模式並將其整合到網站中。 現代企業嚴重依賴他們的在線形象,建立在線追隨者和加強品牌形象的最佳方式是創建有用的網站。