編者按：本文來(lái)自微信公眾號“UXRen”（ID：cnUXRen），作者UXRen社區，36氪經(jīng)授權發(fā)布。

翻譯：Nina 審校：龔華燕

當用戶(hù)訪(fǎng)問(wèn)你的網(wǎng)站的時(shí)候，你只有3-5秒的時(shí)間可以給他們留下印象。你會(huì )覺(jué)得時(shí)間很長(cháng)嗎？當然不會(huì )！但是相信我，這就是你能用上的所有時(shí)間。用戶(hù)是否能成為你的客戶(hù)，取決于在那3-5秒中通過(guò)這個(gè)網(wǎng)站你能提供什么樣的體驗。

在當今高速增長(cháng)的數字營(yíng)銷(xiāo)環(huán)境下，你所擁有的最有力的裝備就是你的網(wǎng)站。它是你一周7天、一天24小時(shí)（24/7）無(wú)休的銷(xiāo)售人員，也是你數字營(yíng)銷(xiāo)的核心利器。在你的網(wǎng)站設計上妥協(xié)，就是在你的業(yè)務(wù)上妥協(xié)。

設計一個(gè)優(yōu)秀的網(wǎng)站需要深入的研究，以及對用戶(hù)在瀏覽網(wǎng)站時(shí)可能遇到的問(wèn)題有深刻的理解。糟糕的用戶(hù)體驗設計會(huì )使訪(fǎng)問(wèn)者感到困惑和沮喪，并使你的業(yè)務(wù)遭受巨大損失，而無(wú)縫直觀(guān)的用戶(hù)體驗可以大幅提高轉化率和參與率。

但是，市場(chǎng)行情瞬息萬(wàn)變，新趨勢可在任何時(shí)候使你的網(wǎng)站看起來(lái)老舊而過(guò)時(shí)，降低轉化率和參與率。似乎，完全重新設計是唯一的選擇，但是，這需要很多的人力物力。不過(guò)，我們還有其他辦法可達到雙贏(yíng)的局面。以下對其中一些進(jìn)行簡(jiǎn)要介紹。

1、明確而有召喚力的CTA按鈕

在為訪(fǎng)客提供優(yōu)質(zhì)的用戶(hù)體驗時(shí)，行為召喚（CalltoAction，縮寫(xiě)CTA）按鈕起著(zhù)重要作用。轉換、參與、業(yè)務(wù)、收入和利潤完全取決于整個(gè)網(wǎng)站上提供的CTA按鈕。有著(zhù)特定顏色的CTA按鈕能起到關(guān)鍵作用。研究證明，橙色、紅色和綠色的CTA按鈕更容易被訪(fǎng)問(wèn)者點(diǎn)擊。

在CTA按鈕上寫(xiě)一些簡(jiǎn)單的操作性詞匯，如Explore（探索）、Start（開(kāi)始）、Discover（發(fā)現）等，可以進(jìn)一步激發(fā)用戶(hù)的興趣。所以，在選擇按鈕詞匯時(shí)要清楚，它們應該是清晰、醒目且行動(dòng)導向。

2、有效留白

告訴你，網(wǎng)頁(yè)的留白或負空間有助于實(shí)現很棒的設計。是的，沒(méi)錯！盡管這是網(wǎng)站設計最重要的要點(diǎn)之一，但仍然被低估。

據研究人員稱(chēng)，文本和標題周?chē)目瞻赘芪脩?hù)的注意力，并提供更好的用戶(hù)體驗?？瞻资箖热莞逦?，更易于瀏覽。不過(guò)，在使用空白與重要信息之間，要保持平衡。

空白不僅僅是空白，它是網(wǎng)站設計的一部分，允許對象存在于網(wǎng)頁(yè)上。它還指導訪(fǎng)問(wèn)者從頁(yè)面上的一個(gè)對象導航到另一個(gè)對象。

3、使用點(diǎn)句（BulletPoint）

在網(wǎng)站使用點(diǎn)句，訪(fǎng)問(wèn)者可以輕松收集想要尋找的信息。它使大段內容顯得更易于閱讀，也有助于吸引用戶(hù)的注意力。

在設計或改進(jìn)一個(gè)網(wǎng)站時(shí)，重要的是要提供用戶(hù)友好且易于被訪(fǎng)問(wèn)者理解的內容。雖然對于大多數用戶(hù)來(lái)說(shuō)，大段文本可能很無(wú)聊，但使用點(diǎn)句可以幫助你確保用戶(hù)實(shí)際讀取而不是跳過(guò)了內容。它還使你的網(wǎng)站更具吸引力，用戶(hù)可以輕松導航到所需的信息。

4、優(yōu)化頁(yè)面速度以降低跳出率

正如前文所述，你只有3-5秒的時(shí)間來(lái)打動(dòng)訪(fǎng)客。但是，如果你的網(wǎng)站本身需要10秒鐘的時(shí)間加載到客戶(hù)端呢？顯然，客戶(hù)會(huì )因為等得耐煩而去尋找其他站點(diǎn)（你的競爭對手）。因此，為了給你的訪(fǎng)問(wèn)者提供更好的用戶(hù)體驗，優(yōu)化網(wǎng)站很關(guān)鍵。

優(yōu)化網(wǎng)站內容、減少HTML&CSS腳本、評估插件等，可以提高網(wǎng)站加載速度。此外，還有幾種在線(xiàn)工具可用于優(yōu)化網(wǎng)站加載時(shí)間。compressor.io和nginx便可以用來(lái)提高網(wǎng)站效率。

5、明智選擇色彩

為了使網(wǎng)站更吸引人，增強訪(fǎng)問(wèn)者的注意力，在網(wǎng)站中選擇正確的顏色組合就很重要。研究表明，在你的網(wǎng)站上選擇正確的配色方案有著(zhù)積極的效果，能延長(cháng)用戶(hù)的參與時(shí)間；而接受或拒絕一個(gè)網(wǎng)站，大約60%取決于這一因素。

在網(wǎng)站中使用的顏色組合應與提供的產(chǎn)品和服務(wù)相匹配。比方說(shuō)，如果你在銷(xiāo)售一種環(huán)保產(chǎn)品或健康相關(guān)產(chǎn)品，較之紅色、橙色、粉色等顏色，綠色將非常適合。

6、在整個(gè)網(wǎng)站中保持一致

一致性是設計用戶(hù)友好網(wǎng)站的關(guān)鍵要求，也是區分好網(wǎng)站和壞網(wǎng)站的關(guān)鍵。做到了一致性，訪(fǎng)問(wèn)者就可以在整個(gè)網(wǎng)站找到共同點(diǎn)。從標題大小、字體大小和圖像選擇到插圖樣式、按鈕樣式和顏色，網(wǎng)站上的每個(gè)元素都應保持一致性，以確保豐富的用戶(hù)體驗。這也有利于你的業(yè)務(wù)發(fā)展。

7、永遠不要忘記圖像和視覺(jué)的力量

誰(shuí)不喜歡可視化的東西？無(wú)論是圖形、gif動(dòng)態(tài)圖片、動(dòng)畫(huà)還是其他。從10歲的孩子到60歲的老人，每個(gè)人都喜歡驚人的視覺(jué)效果。網(wǎng)站上的視覺(jué)效果比大段文字更有吸引力，不管后者多有創(chuàng )意。

統計數據表明，用戶(hù)花在視覺(jué)效果上的時(shí)間比閱讀文本的時(shí)間多10%。此外，視覺(jué)效果還可以吸引用戶(hù)，使他們覺(jué)得必須遵循你的行動(dòng)召喚。有幾家圖片庫網(wǎng)站，你可以用它們來(lái)改善網(wǎng)站并提高參與率。其中一些如下：

1. www.canva.com

2. www.stocksnap.io

3. www.pixabay.com

4. www.unsplash.com

8、添加對話(huà)框

在網(wǎng)站上添加對話(huà)框，可以讓訪(fǎng)問(wèn)者在發(fā)現問(wèn)題時(shí)隨時(shí)尋求幫助。不過(guò)要小心，突兀的對話(huà)框會(huì )讓顧客感到不快，讓他們離開(kāi)你的網(wǎng)站。你可以添加一張圖片和名字，讓對話(huà)框顯得有生命力，讓用戶(hù)覺(jué)得他們在和一個(gè)真實(shí)的人交談。

結論

我希望，這篇文章能讓你適當了解如何通過(guò)改進(jìn)網(wǎng)站的用戶(hù)體驗來(lái)提高用戶(hù)參與度和轉化率。不必要地盲目大把花錢(qián)，并不能確保增加收入。建議你充分研究自己的網(wǎng)站，找出不足之處，再采取適當的行動(dòng)。

原文鏈接：https://blog.usejournal.com/how-ui-ux-affect-conversion-engagement-rates-of-website-cbaa1c3753bc

本文經(jīng)授權發(fā)布，不代表36氪立場(chǎng)。如若轉載請聯(lián)系原作者。