如何通過排版提高網(wǎng)站的轉(zhuǎn)化率？

時間：2024-05-22 06:30:01 | 來源：建站知識

時間：2024-05-22 06:30:01 來源：建站知識

恭喜有人登陸了您的網(wǎng)站！但是在離開之前，它們會停留半秒以上嗎？他們的經(jīng)歷會愉快還是令人沮喪？他們會選擇做您希望他們做的事情嗎？

最后一個問題反映了您的網(wǎng)站的轉(zhuǎn)化率：被說服采取有利于您的業(yè)務(wù)的特定行動的人數(shù)，例如訂閱電子郵件通訊，提交聯(lián)系表單或購買產(chǎn)品。

經(jīng)驗豐富的營銷人員分享了許多技巧和竅門，以提高轉(zhuǎn)化率，例如利用心理學(xué)來制作最具說服力的副本，或者懸掛不可抗拒的免費贈品以吸引訂戶。但是，當(dāng)人們閱讀您的網(wǎng)站可能提供的內(nèi)容時，他們也在體驗?zāi)W(wǎng)站的另一個關(guān)鍵要素：版式。

排版是我們網(wǎng)站設(shè)計人員用來傳達(dá)信息的主要手段，只要我們做對了，它就會強(qiáng)大。如果我們弄錯了，那么設(shè)計就會失敗。無論如何都必須仔細(xì)考慮布局，代碼或內(nèi)容編寫。

排版如何影響轉(zhuǎn)換 字體（文字的設(shè)計）可能會影響您的網(wǎng)站的有效性或使其失效。它有五種影響人們對您的品牌，產(chǎn)品或信息的反應(yīng)的方式。

1.好的字體使人們相信你 我們沒有我們想像的那么理性-但我們確實傾向于以可預(yù)測的方式做出非理性的決定。我們稱這些模式為非理性的決策認(rèn)知偏見。受排版影響的一種偏見是流利處理偏見：如果我們更容易理解和理解某些內(nèi)容，則我們更有可能認(rèn)為它是可信的。

在一項研究中，要求參與者閱讀健身APP的說明。一組閱讀了“微軟雅黑”字體的說明。另一組閱讀了裝飾畫筆字體的說明。

結(jié)果？裝飾畫筆字體小組將比容易理解的“微軟雅黑”組多花費83％的時間。裝飾畫筆字體小組還認(rèn)為，健身APP將需要更多技能，并且不太愿意嘗試。

2.好的字體鼓勵行動 您的網(wǎng)站應(yīng)該有明確的號召性用語（CTA），例如“關(guān)注我們的公眾號”或“注冊免費試用”。借助易于閱讀且愉悅的字體，訪問者更有可能注意這些CTA。

一項研究中，要求參與者閱讀一部手機(jī)手冊，其中一組閱讀一種易于閱讀的字體（宋體），另一組閱讀一種難以閱讀的字體（宋體斜體，帶有分散的陰影）。

參與者被問到是否會立即購買電話，或者是否需要更多時間做出決定。擁有易于閱讀的手冊的參與者中只有17％表示希望推遲購買決定，而擁有難以理解的手冊的參與者中有41％希望等待購買。

轉(zhuǎn)換的另一個關(guān)鍵？您的網(wǎng)站結(jié)構(gòu)。

3.好的排版會影響感官 我們的大腦以幫助我們生存的方式響應(yīng)環(huán)境。因為類型是視覺的，所以我們對它的響應(yīng)與對物理世界的響應(yīng)幾乎相同。我們通常會在消化實際意思之前快速，不自覺地響應(yīng)文字內(nèi)容。

最近的一些調(diào)查揭示了人們對“字體為何如此重要”中的字體所產(chǎn)生的物理聯(lián)系。

在一項調(diào)查中，測試者給了100個人相同的軟心豆粒糖。當(dāng)她在左側(cè)顯示字體時，人們對軟糖的評價是甜17％。當(dāng)她在右邊顯示字體時，人們對（相同?。┸浶亩固堑乃岫忍岣吡?1％。



字體的左側(cè)曲線反映了軟心豆粒糖本身的圓度，以及枕頭或云朵等其他柔軟的圓形物體。鋸齒狀的字體讓人聯(lián)想到憤怒和侵略性，就像掠食者的裸露牙齒。

4.良好的排版可以放大您的信息 您選擇的字體有太多個性，排版定了基調(diào)：是認(rèn)真，有趣，還是異想天開？

字體可以具有個性的想法可能看起來很虛構(gòu)，但這并不是在開玩笑。除了我們的感官之外，我們的個人記憶以及共享的歷史和文化可以為字體增加一層含義。

弗吉尼亞理工大學(xué)進(jìn)行的一項研究發(fā)現(xiàn)，人們歸因于字體的特征中存在清晰的圖案，并且這些特征可以分為三個主要類別：優(yōu)雅，友好和直接。

字體普查調(diào)查深入探討了流行字體的“個性”，這是一些關(guān)于人們歸因于字體的個性和價值觀的發(fā)現(xiàn)的樣本：

• Baskerville：知識分子，學(xué)術(shù)，智慧，傳統(tǒng)，傳統(tǒng)，可信賴
• Clarendon：行動者，領(lǐng)導(dǎo)者，思想家，傳統(tǒng)，專業(yè)，自信
• Futura：領(lǐng)導(dǎo)者，理想主義者，思想家，負(fù)責(zé)任，專業(yè)，見多識廣
• VAG Rounded：每個人，理想主義者，行動者，友好，開朗，輕松

當(dāng)字體的“個性”與文本消息匹配時，它會支持并放大該消息。

例如，如果您看到粗體的全大寫Gotham字體，則可能會想到使奧巴馬的“HOPE”海報使字體成為設(shè)計師的寵兒，并且可能將其與樂觀，靈感和前瞻性聯(lián)系在一起，思維。

5.良好的排版使您的網(wǎng)站訪問者想要停留 如果讀者對網(wǎng)站感到沮喪，那么吸引人的選擇始終是點擊。您的用戶正在給您他們的時間和精力（可能還有金錢），因此請給他們精美的排版禮物，以使他們的體驗順暢無阻，甚至令人愉悅。

如何明智地選擇和使用類型 準(zhǔn)備好磨練您的排版技巧來贏得網(wǎng)站了嗎？您可以按照以下方法創(chuàng)建銷售類型的轉(zhuǎn)化。

選擇適合用途的類型 字體不僅可以選擇哪種字體（我們接下來將介紹可讀性），但是字體選擇通常是第一步也是最重要的一步。

快速說明：字體經(jīng)?；Q使用，但是有些不同。甲字體是設(shè)計，如Helvetica。甲字體是字體顯示在格式，如Helvetica斜體，10磅。字體就像一個家庭。字體就像家庭中的個人成員。

看似無止盡的字體選項以及使用字體的各種上下文。通?？梢詫⑦@些用途分為兩個簡單的類別：暫時輸入和隨身攜帶。

暫時輸入 顧名思義，這是一種僅需一點時間即可閱讀的字體。

對于導(dǎo)航或界面文本，我們建議選擇一種字體，該字體應(yīng)以小尺寸可讀且沒有過多裝飾，例如簡單的無襯線字體。

使用具有很多個性的裝飾性字體會立即引起一種情緒，這可能是吸引讀者的好方法。也就是說，您不希望將其用于其他用途。一兩行，因為它很快變得難以閱讀。

隨身攜帶 這種類型的讀者會花更多的時間，例如在閱讀文章或書籍時。您使用的字體應(yīng)該平滑，以消除讀者和文本之間的摩擦。幫助人們忘記他們盯著屏幕，而是將他們沉浸在您所講的文字和故事中。

我們議查看字體的一些特征以評估其可讀性：

• 足夠的x高度： x高度反映了字體的比例。
• 低或中等對比度： 可以做一點對比，但是可以太多，太多了，高對比度襯線對于標(biāo)題來說可能效果很好，但很難在較大的文本塊中閱讀。
• 識別和獨特的字體形式：一些字體，特別是無襯線字體，不具有相似的結(jié)構(gòu)字母形式之間的區(qū)別很多。盡管運行文本為這些外觀提供了上下文線索，但較短的文本片段可能會造成混淆。讀者花在識別文本上的每一刻都是浪費時間。

選擇適合消息的類型 還記得有關(guān)類型如何擁有自己的性格的研究嗎？您想讓這種個性適合您，并選擇一種匹配甚至放大您想要的消息的字體。

我們建議集思廣益一些您想反映您的信息的字體聯(lián)想。是傳統(tǒng)的，現(xiàn)代的還是時尚的？豪華還是便利？好玩還是專業(yè)？堅固還是優(yōu)雅？

然后嘗試以下操作：使用您想到的關(guān)鍵詞，然后在字體庫中搜索結(jié)果，您可能會找到所需的東西。

配對可一起使用的字體 亂七八糟的字體通常是好的設(shè)計的大招。遵循經(jīng)驗法則，一次只能使用兩個字樣。

對于完美的配對，我們建議選擇具有互補(bǔ)結(jié)構(gòu)但又不太相似以至于無法區(qū)分的字體。

一種技巧是簡單地在一種字體中選擇不同的粗細(xì)和樣式，或者選擇一個既提供襯線又提供無襯線的“超家族”。

使類型可讀 僅僅是因為某些東西清晰易讀并不意味著它可讀性強(qiáng)。易讀性意味著可以解釋文本，但這就像說樹皮可食用。我們的目標(biāo)更高。

以下是一些簡單的方法來確保您網(wǎng)站上的文本可讀。

使文字更大 Web文本越大越好。一項2016年的研究使用了眼動追蹤技術(shù)，并衡量了閱讀文章中各種文本大小和行距的人們的理解力。

結(jié)果：18點文字具有最佳的可讀性和理解力，并且1.0至1.4行間距是理想的。

使行更短 您不希望您的文字行遍及整個頁面，因為眼睛很難跟隨下一行。建議使用大量空白，并將行長保持不超過65個字符。

總結(jié) 字體就像是多感覺想象力的手榴彈。字體將文字變成故事。像動作一樣，打字勝于雄辯。當(dāng)您知道如何明智地選擇和使用類型時，可以確保您發(fā)送的信息正確。