首頁 > 易卦

網站最佳字型大小以及它如何影響使用者體驗

作者:由 浪知潮網路 發表于 易卦日期:2023-01-02

腳註字型大小應該是多少

網站最佳字型大小以及它如何影響使用者體驗

我們在網站建設時,通常很難找出適合您網站的最佳字型大小。不過,我們發現,使用頻率較小的字型最為常用,尤其是需要在頁面上新增的所有內容。

較小尺寸的字型是否真的更適合使用者體驗?請繼續閱讀以瞭解並瞭解真正適合您的網站的最佳字型大小。

浪知潮網路,致力於網站建設、SEO最佳化、移動端開發及網路推廣

網站最佳字型大小以及它如何影響使用者體驗

浪知潮網路推廣

智慧小程式

首先,為什麼我們要縮小字型大小?

內容太多

您希望您的使用者瞭解很多事情;您的服務,您的產品,這些產品的功能,您是誰,您做什麼等。因此,自然的反應是確保您展示儘可能多的資訊,以恰當地回答使用者的所有可能問題。

現在,如果將其與稍大的字型大小結合使用,可能會出現大量內容,使您不知所措。因此,縮小字型大小以使所有內容更好地適合頁面內容是很自然的。

儘管這會壓縮內容,以便可以立即在螢幕上顯示更多內容,但這並不一定意味著使用者會全部閱讀。實際上,“ 使用者在一次平均訪問期間有時間閱讀最多28%的內容” ,如果閱讀太困難,則該數字甚至更少。

如果您知道自己對這項技術感到迷茫,尤其是在目標網頁上,則可能是在花費轉換成本。使用者不會試圖閱讀他們苦苦掙扎的內容。

我們要移動優先

我們越來越意識到,我們越來越需要使我們的網站吸引不斷增長的移動使用者。

為了適應這種情況,我們開始總體上減小字型大小。這就導致了忽略為適當的裝置尺寸建立獨特的印刷體驗。儘管小於普通的h或p標籤(範圍為20px及以下),對於手持裝置而言似乎更具吸引力,但它們在大型裝置上可能難以區分和讀取。

偷偷摸摸地嘗試查詢可在所有裝置上使用的字型大小隻會導致網站的字型大小從根本上無法真正適應任何裝置。

有時不僅重要的是大小

我們中的有些人的合適字型大小可能在

20px-24px

之間,標題在

30px-70px之間

,但這並不總是意味著您的網站排版沒有問題。

線條高度,字型樣式,字距和粗細也與字型大小密切相關,以確保它們連貫地工作,以確保您的網站提供最佳的使用者體驗。

那麼,為什麼要更大?

較大的字型大小不僅具有更大的視覺效果並有助於提高可用性,而且還可能是使用者感到沮喪而離開時的區別。

可讀性和可讀性至關重要

使用者現在正在掃描文字而不是逐字閱讀以吸收頁面的要點也就不足為奇了。縮小字型僅會妨礙使用者更快地瀏覽內容。

我還有兩個年齡較大的父母,他們幾乎總是嘗試閱讀的每個網頁都存在分歧。即使使用老花鏡,它們仍在放大頁面以增加字型大小。對於許多視力隨著年齡而變化的人來說,同樣的問題同樣存在。

“但是我的網站只適合年輕的受眾。”

假設年輕的聽眾將更願意容忍較小的文字,這根本不是一個有效的案例。閱讀大量小文字的耐心已不復存在。而且,如果您的小文字干擾了他們,使他們無法找出頁面關鍵點,那就是大問題。

印刷視覺重量更明顯

儘管較大的字型在極少數情況下可能顯得笨拙,但實際上已發現它有助於延長閱讀時間。在IBM / Google進行的研究中,隨著字型大小的增加,讀者的閱讀速度也略有提高。

如果您認為僅閱讀速度會有所提高,那麼另一項研究表明,較大的字型可以更有效地激發某些情緒。

許多人也對Nielsen Norman Group的2006年研究非常熟悉,它解釋了使用者在決定是否要放慢速度並進一步閱讀內容之前如何以“ F”模式閱讀。

網站最佳字型大小以及它如何影響使用者體驗

較大的字型和更容易識別的標題和段落樣式使使用者可以更好地識別如何下意識地對他們正在閱讀的大量章節進行分類。如果他們遇到標題,便能夠如此迅速地進行識別,那麼它們將更快地前進到下一個點。

這對於著陸頁面極為重要,在此頁面上3秒鐘的閱讀粗體和清晰的標題可以使使用者有效地洞悉他們對內容的期望。如果該資訊足夠有價值,可以構成更深入的閱讀,則它們最終將放慢速度,並詳細閱讀。

什麼是好的字型大小?

每個人都有一套自己的規則,方程式和技巧,可以用來為標題和段落提供字型樣式的輪廓。

需要注意的一件事是,當您選擇字型大小時,您不能只關注桌面大小。響應式網頁設計要求您為各種螢幕尺寸和裝置編譯字型大小,以確保它們的最佳可讀性。

下面來看看我們用來概述的H1-H3,段落和塊引用的字型大小的影象。您會注意到H5和H6在下面被省略了,但這是因為它們往往是標題標籤,它們沒有被使用很多,並且用例(腳註,版權資訊等)通常要少得多,或者它們具有相同的h3的大小,但顯示不同的權重或字距。

網站最佳字型大小以及它如何影響使用者體驗

您還可以與客服聯絡,瞭解更多關於網站字體系列以及字型比例的資訊。這將幫助您設定字型大小基礎,可用於為較小的裝置生成字型大小。