今天的話題,來自Goodui.org,關于提升頁面易用性及轉化率。本文帶來的建議和觀點,較適用于Web服務和移動應用的Landing頁面。我們可以看到越來越多這樣的頁面,有些相當出彩,市面上也有不少相關的設計展示匯總文章。而本文則從設計原則和實踐的角度帶來一些思想武器供我們學習參考。
全文共32個要點,較長,今天先上一半,下周補完。接下來進入譯文。
1.嘗試單欄布局
單欄布局可以讓你對內容敘事進行更好的控制。 從上到下的方式能夠以更符合讀者預期的方式對他們進行引導,而多欄布局很有可能對頁面的主要目標產生干擾作用。試著通過故事來引導用戶,并在底部放置最重要的Call to Action。

2.贈送禮物,而不是急于成交
向用戶贈送禮物,這不僅是友好的表現,而且是一種基于互惠原則的說服策略。所謂互惠,顧名思義,如果你通過贈予象征性的好處來表示友好,那么將來對方也會對你進行回饋。

3.整合相似的功能,以簡化UI
我們會在無意當中創造出多個功能類似或相同的元素,不奇怪,這是基本的熵原理——事物總是在向混亂的方向發展。留意那些名稱不同但功能重復的元素,這會增加用戶的認知負荷,使他們產生疲勞感。通常,UI的復雜度越高,用戶的學習曲線就越陡峭。考慮不定期的對產品UI進行評估,對那些功能類似的元素進行整合。

4.展示社會認同,而非自吹自擂
社會認同是另一種可以直接提升轉化率的說服策略。他人對你產品的談論和贊許,將會使Call to Action在用戶看來更具吸引力。試著使用一些知名機構或媒體頒發的鑒定證書,或展示相關數據,這些都是很好的社會認同證明。

5.多次展示Call to Action
這種方式特別適合于單欄布局的長頁面,或者也可以讓Call to Action在多個頁面中多次出現。你自然不想在一個頁面中一口氣展示10個同樣的Call to Action,然而如今長頁面越來越普遍,讓所有內容都保持在“折線以上”的原則越來越不受用。你可以試著在第一屏當中放置一個不那么強的Call to Action,然后將作用相同但視覺形式更突出的Call to Action放置在內容底部。當人們看過所有內容后,他們會停下來,思考一下接下來做些什么——就在這里,完成轉化或關閉交易。

6.為交互元素使用更顯著、更具對比度的視覺樣式
例如配色、層次、對比等視覺風格要素可以幫助人們更好的理解和使用你的產品界面,讓他們知道自己現在在哪,接下來可以去哪。為了清晰的呈現這些信息,可點擊元素(鏈接、按鈕)以及可選擇項目(選項)、普通文字內容的視覺風格必須彼此形成顯著的差異,并且在全局范圍內保持風格的一致性。在下面的草圖范例中,我使用藍色來表示可點擊元素,黑色文字表示已選擇或當前所在位置標題。如果你能正確的使用視覺風格,用戶將能更好的通過這些視覺線索瀏覽界面。絕不要讓這幾類視覺元素的呈現方式含糊不清,否則你就是在給用戶找麻煩。

7.推薦,而不是羅列選項
在展示多個產品選項時,可以嘗試重點推薦其中的一種,因為很多用戶就是需要一點推動。我相信有相關的心理學研究可以證明,選項越多,人們做選擇的難度就越高,某個選項被選中的概率就越低。推薦多個產品中的一種,突出展示其相關信息,使其權重高于其他幾個選項,有用。
