小編:轉化率是每一個網站都非常關註的重要指標,設計的好壞會在很大程度上影響網站的轉化率。設計是要為商業目標服務的,俗話說,不能提高轉化率的設計不是好設計。那麼作為設計師,我們需要在設計上做哪些“手腳”來幫助提升轉化率呢?本文從交互和視覺兩個方面為我們提供瞭很多好的建議。而所有這一切的核心其實就是:以用戶為中心。有很多公司雇傭我來幫助提高他們網站的轉化率。有時候,他們潛在的想法就是主要問題就存在於某個單一的,孤立的元素上,比如CTA按鈕(註:CTA:call to action,行為召喚)。他們要求我提供一個解決方案,然後會進行A/B測試,如果效果好的話就正式實施。A/B測試對於CRO(轉化率優化)來說非常重要(CTA按鈕也是一樣),但是它需要在一個更綜合性的方案中采用。這個方案就是以用戶為中心的設計,這是我認為提高轉化率最好的策略。以用戶為中心的設計是一種方法論,是一個將關註點放在用戶上的很大的流程框架。它不僅包含瞭用戶界面設計,還包括一些行為比如用戶研究。它的目的是創造一個圍繞用戶的需求,欲望和限制而形成的產品,而不是強迫用戶去適應它。 什麼是以用戶為中心的設計把這些行為都考慮進去的轉化率優化的策略是值得推薦的,也是最佳的解決方案。但是通過直接根據以用戶為中心的設計原則修改界面也可以為轉化率帶來很重要的提升。清除障礙交互問題是轉化道路上的障礙,需要清除掉。他們通常屬於這些范疇:缺少反饋,疑惑和用戶疲勞。總體的目標是要最小化認知負荷——為瞭使用網站,界面強加給用戶的腦力勞動的數量。我們來看一下一些常見的問題以及如何消除它們,為轉化的道路掃清障礙。視覺混亂界面上那些並不能幫助用戶實現他們的目標(以及你的商業目標)的元素都是不利的。它們是使用戶分心的根源,並且需要增加額外的努力將它們從有用的元素中區分出來。在任何特定的情景下都隻展示需要的信息。避免那些不能帶來價值的顏色、圖片、鏈接或者佈局。在元素間要有充分的留白。 谷歌中留白的良好運用步驟轉化的過程中包含一系列步驟。好的解決方案需要使步驟達到最少。而更好的方案需要的是讓步驟少且簡單。應該采用的方案是減少整個過程的腦力勞動,而不是為瞭減少步驟的數量卻增加瞭腦力勞動。內容太多的文本會將用戶淹沒,令其反感。遵循以下這些指示來做:省略掉無用的東西:用所需的最少數量的文本來傳遞你的信息。使文本易讀:運用良好的對比,足夠大的字號,較短的行寬,短的句子和段落,盡量少的模塊且中間要有足夠的留白。創建對話:用“你”來與你的用戶對話,回答他們的問題(他們來你的網站的目的),並且要避免使用專業術語。在內容中插入圖像:圖片,插畫和圖表通常是能夠更快更清晰地傳達信息的一種有效的方式。鏈接如果鏈接的錨文本表意不清,用戶可能不會點擊鏈接,因為他們不確定接下來會發生什麼。寫上有意義的鏈接,表明用戶將會看到或得到什麼。運用動詞來引發用戶的行動。表單表單是非常關鍵的。遵照以下這些說明來做:減少用戶疲勞:將用戶需要填寫的區域的數量降到最少。隻詢問你真正需要的信息(去掉選項欄)。每一個額外的欄目都會增加用戶疲勞並對轉化率產生消極的影響。有邏輯地分組:將相關信息劃分為一組。給予反饋:在一個多步驟的表單中,清晰地標明每一個步驟,讓用戶從一開始就能洞察到整個過程。當一個步驟完成時給予高亮顯示以表明進度。避免疑惑:在下拉菜單中,答案選項應該包含所有的可能性而不需要再強加一個選項。如果需要的話加上“其他”的選項。在線客服用戶在你的網站上完成任務的時候有時會有疑惑或者需要及時的幫助(比如填寫表單時)。如果他們找不到答案就會離開。在線客服支持可以節省轉化的次數,防止用戶散播負面的評價,同時可以讓你發現用戶的痛點,便於進一步提升。觸摸區域手機習慣上地會遭遇低轉化率的困擾。理解不同的設備擁有不同的使用模式是很重要的。當為手機進行設計時,最關鍵的就是要始終保持簡潔。減少文本的數量並在界面上的元素間引入更多的留白。簡化表單,“考慮拇指”而不是像素。去除掉或者替代復雜的視覺元素以提升網站的加載速度。 拇指熱區(來自SmashingMagazine.com)使界面具有說服力視覺設計視覺設計是你的網站制造的第一印象,並且會對用戶是否相信網站的可信度具有很大的影響。用戶更有可能對一個有吸引力的應用產生信任並在上面花更多的時間。可以利用視覺上的暗示給予任務優先級,並將用戶的註意力吸引到想要展示的功能上。在優秀的,專業的攝影和插畫上進行更多投入,善於利用配色和排版,並遵從留白的原則。價值定位價值定位是關於你的產品或服務如何使你的用戶從中受益的陳述。使你的價值定位清晰,明確,並且可見。讓用戶確信他們選擇瞭正確的網站,並且你會履行你的承諾。CTA“行為召喚”按鈕的設計對於實際效果有著非常大的影響。你的目標就是避免用戶頭腦中產生疑惑並且減少阻力:讓它看起來像一個可點擊的按鈕,並用顏色和大小來強調它。在按鈕周圍設置留白。行為召喚按鈕是為瞭激發用戶的行動。文本需要簡短並以動詞開頭。運用用戶會使用的詞匯並且清晰地表明用戶點擊後會得到什麼。當為移動設備設計時,不要僅僅隻調整頁面的大小。讓CTA按鈕足夠大,可以很容易地點擊到,並在周圍增加更多的留白(按比例適當地增加)。避免“廣告盲區”效應。確保CTA按鈕非常突出,但仍能和網站整體的設計相符。保持簡潔。避免選擇過載並給予選擇優先級。如果有多個你想要引導用戶去采取的行動,為它們安排優先級。明確哪一個是與你的商業目標相符的最重要的行為。點擊CTA按鈕之後的內容也是同等重要的。保持一致性,始終讓事情簡化並避免幹擾。結論轉化率優化不應簡單地關註孤立的元素,而是需要采取一個綜合的方式來實現更好的效果。以用戶為中心的設計原則向我們表明設計上的決策對於提升轉化率是非常重要的。