以用戶為中心的產(chǎn)品設(shè)計(jì)，所有的功能體驗(yàn)都圍繞用戶需求、用戶感知而展開，因而能夠很好地提升用戶滿意度，那么轉(zhuǎn)化率的提升也就顯得水到渠成。

以用戶為中心的設(shè)計(jì)是一種方法論，將焦點(diǎn)放在用戶身上的一個(gè)廣泛的過程框架。它不僅包括用戶界面的設(shè)計(jì)，還包括用戶研究等活動(dòng)。其目的是創(chuàng)造一種產(chǎn)品，以滿足用戶的需求、欲望以及限制，而不是強(qiáng)迫用戶去適應(yīng)它。我認(rèn)為這是提高轉(zhuǎn)化率的最佳策略。

但關(guān)鍵的改進(jìn)也可以通過直接修改用戶界面來實(shí)現(xiàn)，按照以用戶為中心的設(shè)計(jì)原則，我提供了一些可行的建議供你在用戶體驗(yàn)（UX）設(shè)計(jì)中作為參考。

一、消除障礙

UX問題是轉(zhuǎn)換過程中的障礙，應(yīng)該被消除。他們通常屬于這些類別：缺乏反饋、懷疑和用戶疲勞?？傮w目標(biāo)是將認(rèn)知負(fù)荷最小化——即用戶界面為了使用網(wǎng)站而產(chǎn)生的腦力勞動(dòng)的數(shù)量。

讓我們來看看用戶體驗(yàn)設(shè)計(jì)中一些常見的問題，以及如何擺脫它們，以清除轉(zhuǎn)換障礙。

1.視覺上的混亂

• 不幫助用戶實(shí)現(xiàn)其目標(biāo)以及您的業(yè)務(wù)目標(biāo)的UI（用戶界面）元素是無益的。它們是分散用戶注意力的來源，需要額外的努力來區(qū)分它們以及有用的元素。
• 只顯示在特定情況下需要的信息。避免顏色、圖片、鏈接或版式不增加價(jià)值。并且記住，在元素之間進(jìn)行留白處理。

2.內(nèi)容

太多的文本會(huì)使用戶感到不適。遵循這些：

• 消除不必要的內(nèi)容：使用最少的文本來傳達(dá)你的信息。
• 易于閱讀：對(duì)比度良好，字體足夠大，短的文字行以及語句段落，并且在文本之間保有留白空間。
• 創(chuàng)造一個(gè)對(duì)話：用“你”來稱呼你的用戶，回答他們的問題，并避免使用行話。
• 內(nèi)容說明：圖片、插圖和信息圖表通常是傳達(dá)信息的一種有效方式。

3.鏈接

如果錨文本不清楚，用戶可能會(huì)避免鏈接，因?yàn)樗麄儾淮_定接下來會(huì)發(fā)生什么。

• 編寫有意義的鏈接，表明用戶將看到或得到什么。
• 使用動(dòng)詞來邀請(qǐng)用戶的行為召喚。

4.形式

形式是至關(guān)重要的。遵循這些：

• 減少用戶疲勞：將用戶填寫的字段數(shù)量最小化。只問你真正需要的是什么(刪除可選的字段)。每個(gè)額外的字段不僅增加了用戶的視覺疲勞，并對(duì)轉(zhuǎn)化率產(chǎn)生了負(fù)面影響。
• 給出反饋：在一個(gè)多步驟的表單中，清晰地標(biāo)記每一個(gè)步驟，讓用戶從一開始就能洞察整個(gè)過程。當(dāng)一個(gè)步驟完成時(shí)，用戶可以立即得到進(jìn)度反饋。
• 避免疑問：在下拉菜單中，答案選項(xiàng)應(yīng)該包括所有的可能性，而不是強(qiáng)制的答案。如果需要，添加“其他”選項(xiàng)。

5.即時(shí)聊天

有時(shí)，用戶在你的網(wǎng)站上執(zhí)行任務(wù)時(shí)，會(huì)有疑問或需要立即的幫助，比如，填寫表單。如果他們找不到解決方式，他們就會(huì)離開。實(shí)時(shí)聊天支持保存轉(zhuǎn)換，防止用戶共享負(fù)面評(píng)論，并及時(shí)發(fā)現(xiàn)以及進(jìn)一步改進(jìn)交互痛點(diǎn)。

6.移動(dòng)體驗(yàn)

傳統(tǒng)意義上來說，手機(jī)的轉(zhuǎn)化率很低。了解不同的設(shè)備有不同的使用模式是很重要的。

• 在為手機(jī)設(shè)計(jì)時(shí)，關(guān)鍵是要始終簡化內(nèi)容。
• 減少文本的數(shù)量，并在用戶界面上引入更多的留白處理。
• 簡化表單和思考手勢交互操作方式而不是糾結(jié)于圖像像素。
• 刪除或替換沉重的視覺元素以提高網(wǎng)站的速度。

二、更有說服力

1.視覺設(shè)計(jì)

• 你的視覺設(shè)計(jì)是你網(wǎng)站的第一印象，它對(duì)用戶是否相信它的可信度有很大的影響。用戶更有可能對(duì)一個(gè)有吸引力的網(wǎng)站或應(yīng)用程序進(jìn)行訪問，并花更多的時(shí)間在上面。視覺提示可以被用來區(qū)分任務(wù)和將用戶視線轉(zhuǎn)移到正確的功能以及內(nèi)容上。
• 注重專業(yè)的攝影和插圖素材，巧妙的使用你的調(diào)色板和排版，并擅長使用留白空間。

2.價(jià)值主張

• 一個(gè)價(jià)值主張是關(guān)于你的產(chǎn)品或服務(wù)如何使你的用戶受益的聲明。
• 讓你的價(jià)值主張清晰、具體、可見。讓用戶放心，他們?cè)谡_的網(wǎng)站上，你將兌現(xiàn)你的承諾。

3.CTA（行為召喚）

“CTA”（行為召喚）按鈕的設(shè)計(jì)對(duì)轉(zhuǎn)化率優(yōu)化有很大的影響。你的目標(biāo)是避免用戶的疑慮，減少不暢的用戶體驗(yàn)：

• 讓它看起來像一個(gè)可點(diǎn)擊的按鈕，給它一個(gè)強(qiáng)調(diào)的顏色和大小。并在按鈕周圍創(chuàng)造留白空間。
• CTA按鈕用于操作。文本應(yīng)該簡短，并以一個(gè)動(dòng)詞開始。站在用戶的角度思考動(dòng)詞具體表達(dá)，并清楚地說明如果用戶點(diǎn)擊它會(huì)得到什么。
• 在為移動(dòng)設(shè)備設(shè)計(jì)時(shí)，不要簡單地調(diào)整頁面大小。讓CTA按鈕足夠大，這樣可以很容易地點(diǎn)擊，并在它周圍按比例添加更多的留白。
• 避免“橫幅盲目”效應(yīng)。確保CTA適合你網(wǎng)站的整體設(shè)計(jì)并出現(xiàn)在引起用戶注意的位置。
• 避免選擇過載，并優(yōu)先考慮。如果你想要使用多個(gè)CTA按鈕引導(dǎo)你的用戶，分配優(yōu)先級(jí)。確定哪一個(gè)是你的商業(yè)目標(biāo)最重要的。
• CTA的重要性也同樣重要。保持一致、簡單，避免分心。

結(jié)語

以用戶為中心的轉(zhuǎn)換率優(yōu)化設(shè)計(jì)不應(yīng)該只關(guān)注孤立的元素。相反，它應(yīng)該采取一種綜合的方法來取得更好的結(jié)果。以用戶為中心的設(shè)計(jì)原則為設(shè)計(jì)決策提供了信息，這些決策對(duì)于提高轉(zhuǎn)化率和用戶體驗(yàn)至關(guān)重要。

本文由 青檸limego 原創(chuàng)授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來自PEXELS，基于CC0協(xié)議