任何網(wǎng)站（尤其是電子商務(wù)網(wǎng)站，亦或獨(dú)立站）的目標(biāo)都是增加銷(xiāo)售額或發(fā)展業(yè)務(wù)。因此，除了流量外，網(wǎng)站站長(zhǎng)們普遍還很關(guān)注網(wǎng)站的轉(zhuǎn)化率（CRO）。

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

這是很多網(wǎng)站站長(zhǎng)經(jīng)常問(wèn)自己的問(wèn)題。這不是一個(gè)簡(jiǎn)單的問(wèn)題，因?yàn)闆](méi)有一刀切的答案。

影響轉(zhuǎn)化率的因素有很多，但網(wǎng)站的ui與UX是影響轉(zhuǎn)化率最基本的兩個(gè)因素。

用戶沒(méi)有時(shí)間或耐心去弄清楚令人困惑的網(wǎng)站布局。這就是為什么在設(shè)計(jì)網(wǎng)站以提高轉(zhuǎn)化率時(shí)，用戶界面 (UI) 和用戶體驗(yàn) (UX) 是關(guān)鍵因素。

在這篇文章中，我們將從UI與UX的角度提出15條有助于提高網(wǎng)站轉(zhuǎn)化率的使用建議，建議收藏！

簡(jiǎn)而言之，用戶體驗(yàn)（UX）涉及一個(gè)人對(duì)網(wǎng)站、產(chǎn)品或服務(wù)的所有體驗(yàn)。用戶界面（UI）側(cè)重于人們?nèi)绾闻c它們互動(dòng)。

以下是網(wǎng)頁(yè)設(shè)計(jì)、UI、UX的基本介紹。

網(wǎng)頁(yè)設(shè)計(jì) — 任何直接影響網(wǎng)站的東西都屬于這個(gè)大類(lèi)。您在頁(yè)面上看到的所有內(nèi)容，例如文本、圖形和導(dǎo)航按鈕，都是網(wǎng)頁(yè)設(shè)計(jì)的一部分。它還包括您看不到的所有元素，例如編碼、元數(shù)據(jù)和站點(diǎn)加載速度。

用戶界面 (UI) — UI 設(shè)計(jì)側(cè)重于人們與網(wǎng)站交互的接觸點(diǎn)。例如CTA 按鈕、文本鏈接和導(dǎo)航選項(xiàng)卡。

用戶體驗(yàn) (UX) — UX 會(huì)影響人們與網(wǎng)站（或產(chǎn)品）的互動(dòng)方式，注入情感并創(chuàng)造積極的體驗(yàn)。網(wǎng)站應(yīng)該預(yù)測(cè)用戶的需求，讓他們感到受歡迎和興奮。

那么，UI 和 UX 之間有什么區(qū)別？UI使人們能夠與頁(yè)面上的所有元素進(jìn)行交互；UX 涉及用戶對(duì)整個(gè)體驗(yàn)的感受。

在進(jìn)行UI/UX優(yōu)化前，你需要知道的事情

• 業(yè)務(wù)目標(biāo)（KPI）

• 品牌指南

• 高影響力頁(yè)面（訪問(wèn)量或轉(zhuǎn)化率最高的頁(yè)面）

• 用戶畫(huà)像

• 競(jìng)爭(zhēng)對(duì)手

1.使用用戶熟悉的設(shè)計(jì)模式和元素

你可能經(jīng)常聽(tīng)到市場(chǎng)團(tuán)隊(duì)成員（或他們的管理層）說(shuō)，“我們需要一個(gè)全新的設(shè)計(jì)。”

但是，通常，一個(gè)全新的設(shè)計(jì)將是一個(gè)更糟糕的設(shè)計(jì)，因?yàn)樗切碌?，它需要用?ldquo;重新熟悉和學(xué)習(xí)”。

人腦是一個(gè)復(fù)雜的系統(tǒng)，但它往往傾向于將每項(xiàng)任務(wù)的努力降到最低，并依賴(lài)于熟悉的動(dòng)作和過(guò)去的經(jīng)驗(yàn)。因此，我首先建議您使用大多數(shù)人熟悉的設(shè)計(jì)，這能大大降低用戶的學(xué)習(xí)曲線，減少認(rèn)知壓力，從而加快使用速度。

2.改進(jìn)導(dǎo)航以提高轉(zhuǎn)化率

您的網(wǎng)站可能會(huì)在成千上萬(wàn)提供類(lèi)似服務(wù)/產(chǎn)品的其他商家網(wǎng)站中脫穎而出。但是，如果他們?cè)跒g覽您的網(wǎng)站時(shí)遇到困難并離開(kāi)網(wǎng)站，您可能會(huì)失去大量潛在客戶。

在改進(jìn)導(dǎo)航方面，我有兩個(gè)建議：

（1）確保導(dǎo)航干凈簡(jiǎn)單。干凈簡(jiǎn)單的導(dǎo)航可以讓用戶輕松快速地找到他們需要的東西。因此，我們可以想一想客戶最常在我們的網(wǎng)站上尋找什么，然后讓它們可見(jiàn)。如果潛在客戶在我們的網(wǎng)站上尋找某些東西但發(fā)現(xiàn)很難找到時(shí)，他們會(huì)感到沮喪并離開(kāi)，并可能會(huì)直接訪問(wèn)競(jìng)爭(zhēng)對(duì)手的網(wǎng)站。

（2）減少導(dǎo)航數(shù)量。選擇超載是心理學(xué)和市場(chǎng)營(yíng)銷(xiāo)中的一個(gè)眾所周知的術(shù)語(yǔ)。它指的是當(dāng)人們面對(duì)大量選擇時(shí)難以選擇某個(gè)選項(xiàng)的現(xiàn)象。顯然，完全剝奪人們的選擇權(quán)并不是解決這個(gè)問(wèn)題的最好辦法。但是，如果您希望用戶盡快做出下一步動(dòng)作，那么將選項(xiàng)數(shù)量減少到幾個(gè)選項(xiàng)是一個(gè)有效的決定，也是一個(gè)好主意，從而提高轉(zhuǎn)化率。

3.網(wǎng)站頁(yè)面一致性

一致性是設(shè)計(jì)用戶友好網(wǎng)站的關(guān)鍵要求，也是區(qū)分好網(wǎng)站和壞網(wǎng)站的關(guān)鍵。

為了最大限度地提高瀏覽者在網(wǎng)頁(yè)上的體驗(yàn)，保持標(biāo)題大小/顏色/間距/插圖樣式/照片/按鈕樣式/設(shè)計(jì)元素/字體選擇之間的一致性至關(guān)重要。瀏覽者可能會(huì)對(duì)設(shè)計(jì)的劇烈變化感到困惑或迷失，這可能會(huì)導(dǎo)致轉(zhuǎn)化率下降。因此，一致的網(wǎng)頁(yè)格式會(huì)帶來(lái)更高的轉(zhuǎn)化率。

4.輕松篩選和輕松搜索

允許訪問(wèn)者在整個(gè)站點(diǎn)范圍內(nèi)“搜索”產(chǎn)品對(duì)于任何電子商務(wù)網(wǎng)站來(lái)說(shuō)都是至關(guān)重要的。人們需要快速找到他們感興趣的產(chǎn)品。

另外，使用各種選項(xiàng)來(lái)過(guò)濾產(chǎn)品，買(mǎi)家將能夠根據(jù)自己的興趣找到他們想要的確切產(chǎn)品。

5.有說(shuō)服力的CTA提高轉(zhuǎn)化率

有效的號(hào)召性用語(yǔ) (CTA) 按鈕提供簡(jiǎn)單的指令語(yǔ)句，為潛在客戶提供下一步行動(dòng)的方向或下一步做什么的說(shuō)明。通過(guò)相關(guān)的、易于理解的、吸引人的和簡(jiǎn)單的 CTA 按鈕，用戶體驗(yàn)設(shè)計(jì)師可以吸引用戶完成轉(zhuǎn)化。

• 您放置號(hào)召性用語(yǔ)的位置會(huì)極大地影響客戶的用戶體驗(yàn)。如果 CTA 難以查看、閱讀或點(diǎn)擊，則會(huì)對(duì)用戶體驗(yàn)和轉(zhuǎn)化產(chǎn)生負(fù)面影響。因此，如果您的網(wǎng)站是折疊設(shè)計(jì)的，那么將您的號(hào)召性用語(yǔ)放在首屏上很重要，這樣用戶就可以輕松看到它。

• 在影響用戶行為方面，互聯(lián)網(wǎng)上有很多關(guān)于顏色重要性的爭(zhēng)論。人們普遍認(rèn)為綠色CTA 按鈕比紅色按鈕更有效，因?yàn)榫G色通常被視為“開(kāi)始”而紅色被視為“停止”。雖然這有一定道理，但品牌的配色方案肯定會(huì)影響認(rèn)知。其實(shí)在轉(zhuǎn)化率方面，顏色并不那么重要，真正重要的是對(duì)比度和能見(jiàn)度。

• CTA 文案是轉(zhuǎn)化率優(yōu)化的重要元素。特別有效的文案往往包含能夠引發(fā)情緒、營(yíng)造緊迫感并展示稀缺性的詞語(yǔ)。

6.讓每個(gè)元素在視覺(jué)上都與眾不同

使頁(yè)面元素與眾不同的一些 UX與UI 最佳實(shí)踐是：

• 標(biāo)題和副標(biāo)題應(yīng)為粗體，并采用易于閱讀的字體。

• CTA 按鈕應(yīng)該是明亮的、高對(duì)比度的顏色，可以自然地吸引眼球。

• 導(dǎo)航選項(xiàng)卡必須在任何屏幕上和每個(gè)頁(yè)面上都可見(jiàn)。

• 將顏色限制為每頁(yè)三種。

7.留白提高轉(zhuǎn)化率

許多電子商務(wù)網(wǎng)站傾向于在頁(yè)面上包含盡可能多的產(chǎn)品信息。這種策略可能適得其反，因?yàn)樗谷藗兏y找到他們想要的信息，尤其是在手機(jī)上。

根據(jù)研究，文本和標(biāo)題周?chē)目瞻讜?huì)增加用戶注意力并提供更好的用戶體驗(yàn)?？瞻资鼓膬?nèi)容更清晰易讀，因?yàn)樗试S用戶在沒(méi)有背景混亂的情況下閱讀/掃描網(wǎng)頁(yè)上的任何內(nèi)容。這有利于提高用戶對(duì)內(nèi)容的理解，進(jìn)一步提高轉(zhuǎn)化率。

但是，您仍需要平衡空白與重要信息的使用。如果使用大量空白而沒(méi)有提供足夠的必要信息，同樣可能無(wú)法“說(shuō)服”用戶進(jìn)行轉(zhuǎn)化。

8.借助圖片與視頻的視覺(jué)效果力量

每當(dāng)您瀏覽著陸頁(yè)時(shí)，通常都會(huì)有很多文字需要閱讀。這是因?yàn)橹戫?yè)實(shí)際上是銷(xiāo)售頁(yè)面，想要說(shuō)服您點(diǎn)擊頁(yè)面上的號(hào)召性用語(yǔ)按鈕或點(diǎn)擊進(jìn)入主頁(yè)進(jìn)行實(shí)際購(gòu)買(mǎi)。如果一些著陸頁(yè)有非常詳細(xì)的價(jià)值主張來(lái)與訪問(wèn)者溝通，那么它們可能會(huì)特別長(zhǎng)。

就用戶體驗(yàn)而言，這對(duì)人們來(lái)說(shuō)絕對(duì)是艱巨的，因?yàn)?mdash;—讓我們面對(duì)現(xiàn)實(shí)吧！誰(shuí)有時(shí)間或想閱讀所有這些文字？

這些情況是為圖片和視頻量身定做的。研究表明，在著陸頁(yè)上使用視頻可以顯著提高轉(zhuǎn)化率。畢竟，誰(shuí)不喜歡視覺(jué)效果 — 無(wú)論是視頻、Gif、視頻、動(dòng)畫(huà)還是任何東西？從10歲的孩子到 60 歲的老人，每個(gè)人都喜歡驚人的視覺(jué)效果。

9.加入 FOMO

害怕錯(cuò)過(guò)，或 FOMO，是世界各地的營(yíng)銷(xiāo)專(zhuān)家廣泛使用的另一種眾所周知的心理現(xiàn)象。

通過(guò)制造緊迫感和稀缺感，很容易喚起 FOMO。如果您說(shuō)服您的用戶，由于時(shí)間或數(shù)量限制，他們很快將無(wú)法執(zhí)行某項(xiàng)操作，他們將更有可能立即執(zhí)行該操作，這將提高您的轉(zhuǎn)化率。

10.給用戶反饋

無(wú)論您是與網(wǎng)站還是與人互動(dòng)，您的大腦都會(huì)尋找確認(rèn)信息，確認(rèn)您的互動(dòng)已被接收。

無(wú)論是眼神交流、懸停效果、點(diǎn)頭還是確認(rèn)信息。

當(dāng)用戶采取行動(dòng)時(shí)，他們會(huì)下意識(shí)地期待確認(rèn)他們的請(qǐng)求已收到。想想當(dāng)您在談話的時(shí)候，對(duì)方微妙的面部表情或評(píng)論有助于傳達(dá)他們正在傾聽(tīng)。同樣的原則也適用于網(wǎng)站體驗(yàn)。

這些“反饋”常見(jiàn)于以下幾種形式：

• 用戶單擊時(shí)會(huì)改變顏色的按鈕或鏈接

• 用戶完成表單字段后的確認(rèn)信息

• 用戶提交信息或郵箱后的確認(rèn)消息

• 網(wǎng)頁(yè)加載加載過(guò)程中的動(dòng)畫(huà)

來(lái)自網(wǎng)站體驗(yàn)的即時(shí)反饋和驗(yàn)證使用戶的滿意度滾雪球。它給我們的大腦一種舒適感和認(rèn)可感，這是您在嘗試讓人們?cè)谀木W(wǎng)站上進(jìn)行轉(zhuǎn)化時(shí)可以提供的最有影響力的感覺(jué)。

11.提供多種形式的可信社會(huì)證明

人類(lèi)心理是 CRO 和 UX 的基礎(chǔ)，那么從哪里開(kāi)始展示強(qiáng)大的客戶滿意度更好呢？

多樣化、相關(guān)的社會(huì)證明將使您的客戶更有可能信任您的產(chǎn)品或服務(wù)。

您的各種形式的社會(huì)證明可能包括：

• 客戶評(píng)價(jià)

• 信任徽章

• 評(píng)論和評(píng)級(jí)

• 社交媒體

• 實(shí)例探究

在這里，你有什么就盡量展示什么。

12.提高頁(yè)面速度提高轉(zhuǎn)化率

當(dāng)您的網(wǎng)站加載時(shí)間超過(guò)2秒時(shí)，53% 的客戶將失去興趣。隨后，每一秒的延遲都會(huì)導(dǎo)致7% 的轉(zhuǎn)化率下降。如果您的網(wǎng)站加載時(shí)間超過(guò)3-4秒，您的用戶將離開(kāi)您的網(wǎng)站，您的跳出率將異常高。因此，即使您提供了一些很棒的產(chǎn)品和優(yōu)惠，您的客戶也會(huì)因?yàn)轫?yè)面速度慢而看不到它們。

此時(shí)，你可以

• 測(cè)試您網(wǎng)站的速度：你可以使用Google PageSpeed Insights 或GTMetrix或Pingdom來(lái)評(píng)估您的網(wǎng)站速度。

• 使用CSS 圖標(biāo)字體代替圖像：如果您在網(wǎng)站上使用圖標(biāo)（考慮到現(xiàn)代設(shè)計(jì)趨勢(shì)，您很可能會(huì)這樣做），您可以通過(guò)將圖標(biāo)圖像替換為圖標(biāo)字體來(lái)對(duì)您的性能產(chǎn)生可衡量的影響。

13.簡(jiǎn)單明了的結(jié)賬步驟

如果您商店的結(jié)賬流程太長(zhǎng)、太復(fù)雜或太不傳統(tǒng)，您可能會(huì)在客戶準(zhǔn)備購(gòu)買(mǎi)時(shí)失去很多客戶。

我們可以通過(guò)三種方法優(yōu)化結(jié)賬步驟

（1）不要詢(xún)問(wèn)看似不必要的信息

平均結(jié)帳包含平均 5.42 個(gè)步驟和 14.88 個(gè)表單字段。部分用戶可能會(huì)因?yàn)榻Y(jié)賬流程過(guò)長(zhǎng)而放棄購(gòu)物。因此，你應(yīng)該重視用戶的耐心，不要在結(jié)賬過(guò)程中要求提供“看似不必要”的信息。

（2）允許訪客結(jié)賬

在 Baymard 的研究中，35% 的用戶表示他們放棄購(gòu)物車(chē)是因?yàn)榫W(wǎng)站強(qiáng)制他們?cè)谕瓿山Y(jié)帳流程之前創(chuàng)建一個(gè)帳戶。避免這種類(lèi)型的購(gòu)物車(chē)放棄很簡(jiǎn)單：允許用戶以訪客身份結(jié)賬。通過(guò)為用戶提供登錄或使用訪客結(jié)賬的選項(xiàng)，您的網(wǎng)站體現(xiàn)了對(duì)用戶時(shí)間的考慮，它還可以防止客戶流失。如果他們對(duì)您的網(wǎng)站和產(chǎn)品感到滿意，他們一定會(huì)通過(guò)注冊(cè)流程進(jìn)行未來(lái)的購(gòu)買(mǎi)！

（3）顯示進(jìn)度狀態(tài)

人們喜歡掌控一切，并希望了解他們?cè)谀W(wǎng)站上的旅程。

我已經(jīng)完成了哪些步驟，還有哪些事情要做？還需要多長(zhǎng)時(shí)間？這種思考過(guò)程在每個(gè)買(mǎi)家的腦海中都很常見(jiàn)！

14.在任何階段提供幫助

在任何時(shí)候?yàn)槟臐撛谫u(mài)家提供必要的幫助。

這家店安全嗎？我可以退貨嗎？我什么時(shí)候能拿到我的東西？這些都是每個(gè)買(mǎi)家的共同疑惑……

如果訪問(wèn)者從未從您的網(wǎng)站買(mǎi)過(guò)東西，他們就會(huì)有不確定性。為了滿足這一點(diǎn)，你可以列出最常見(jiàn)的問(wèn)題并提供清晰的回答。

此外，你還可以通過(guò)實(shí)時(shí)聊天協(xié)助您的買(mǎi)家解決他們的問(wèn)題。實(shí)時(shí)聊天軟件可讓您與客戶就他們的疑慮進(jìn)行互動(dòng)，從而增強(qiáng)他們的信心并完成購(gòu)買(mǎi)。

15.使用 A/B 測(cè)試消除用戶體驗(yàn)和轉(zhuǎn)化優(yōu)化工作中的猜測(cè)

到目前為止，我們已經(jīng)討論了設(shè)計(jì)的熟悉度及一致性原則、創(chuàng)建更好的 CTA、給用戶提供反饋，以及通過(guò)視頻和圖像增加吸引力等提高網(wǎng)站的CRO。

那么，在正式實(shí)施之前，我們能用什么方法來(lái)確定這些這些方案是有效的呢？

A/B 測(cè)試。

UX設(shè)計(jì)和CRO 是任何網(wǎng)站的兩個(gè)重要方面。雖然他們都有改善用戶體驗(yàn)的共同目標(biāo)，但他們經(jīng)常相互沖突。

一個(gè)常見(jiàn)的難題是優(yōu)先考慮轉(zhuǎn)化率還是用戶體驗(yàn)設(shè)計(jì)。

如果您只關(guān)注轉(zhuǎn)化，您將無(wú)法對(duì)用戶的需求給予足夠的重視。從長(zhǎng)遠(yuǎn)來(lái)看，這可能會(huì)對(duì)用戶體驗(yàn)產(chǎn)生不利影響，從而導(dǎo)致以下問(wèn)題：

• 高流失率

• 較低的品牌聲譽(yù)

• 降低客戶留存率和客戶生命周期價(jià)值

如果你只關(guān)注UX，又可能導(dǎo)致轉(zhuǎn)化率下降。因此，重要的是在兩者之間找到平衡。

無(wú)論如何，通過(guò)不斷為用戶提供更順暢、積極的體驗(yàn)，勢(shì)必會(huì)為提高網(wǎng)站的轉(zhuǎn)化率發(fā)揮重要作用。