想要提高網(wǎng)頁轉(zhuǎn)換率？試試這16 個(gè)UI 秘訣
來源:網(wǎng)站推廣 2013-07-22
優(yōu)異的使用者介面
(user interface,UI)讓使用者用得順心,從而提高轉(zhuǎn)換率(conversion rate),換言之,好的UI在使用與銷售層面上形成雙贏。UI設(shè)計(jì)師Jakub Linowski列出16點(diǎn)改善UI的訣竅
1,而這份清單仍在繼續(xù)累積,有興趣的讀者可以訂閱他的電子報(bào),隨時(shí)獲得最新的UI秘訣。
單欄型式優(yōu)于多欄
單欄型式讓你更能掌握自己的內(nèi)容,從頂部到底部一氣呵成,用故事引導(dǎo)讀者,最終是要誘引他們「采取行動(dòng)」(call to action,下稱CTA,意指下載或消費(fèi)等目的);而多欄反而可能導(dǎo)致讀者分心。
不要劈頭銷售產(chǎn)品
「略施小惠」給使用者,販賣的意圖不要設(shè)計(jì)得太明顯。小小的優(yōu)惠或禮物,對未來的銷售會(huì)帶來大大的幫助。
統(tǒng)一相似的功能,避免支離破碎的UI
瀏覽網(wǎng)站時(shí),我們很�？吹搅宅槤M目的元素或特色,但它們的功能毫無二致,而相似的選項(xiàng)太多,只會(huì)提高讓使用者無所適從。倘若發(fā)現(xiàn)自己的網(wǎng)站內(nèi)有以不同型式重復(fù)相同功能的狀況,不妨考慮重新設(shè)計(jì)UI,把類似功能整合起來。譬如圖中「Customer Service(客服)」、「Contact Us(聯(lián)系我們)」其實(shí)是一樣的意思,應(yīng)當(dāng)保留一個(gè)選項(xiàng)就好。
使用者見證或提出銷售實(shí)據(jù)
「社會(huì)認(rèn)同」(social proof)是刺激轉(zhuǎn)換率很好的策略,自己再怎么天花亂墜終究只是自吹自擂,請使用者見證或數(shù)字實(shí)據(jù)才有效。
主要目的請反覆強(qiáng)調(diào),別只提一次
希望使用者點(diǎn)擊的連結(jié)或按鈕(比如購買或下載),別只出現(xiàn)一次,可以考慮放在單欄網(wǎng)頁的頂端與底部,或在多個(gè)頁面呈現(xiàn)。
清楚區(qū)別三種功能性(可點(diǎn)擊、已點(diǎn)擊、純文字)元素
可點(diǎn)擊的元素(連結(jié)、按鈕)、已點(diǎn)擊的元素、純文字三者彼此應(yīng)該以顏色、深度或?qū)Ρ鹊雀鞣N設(shè)計(jì)技巧清楚區(qū)隔,讓使用者瀏覽網(wǎng)站暢行無阻。例如左圖,藍(lán)色字體是連結(jié),黑色字體是使用者點(diǎn)擊的選項(xiàng),或者是使用者正在瀏覽的頁面。
突顯推薦方案
如果服務(wù)有多種選擇,請把最推薦的方案強(qiáng)調(diào)出來,如左圖就將「product X」特別放大,Y、Z 縮小。
善意提醒vs. 突兀確認(rèn)
如果使用者更改了某個(gè)選項(xiàng),用一行文字提醒他們可以「復(fù)原」就好,無需大費(fèi)周章設(shè)計(jì)「再次確認(rèn)」的跳出視窗。因?yàn)槎鄶?shù)時(shí)候使用者的動(dòng)作都具有意識,后者太突兀,可能讓使用者覺得被糾正而產(chǎn)生被冒犯的感覺。
清楚闡述目標(biāo)客群
描繪適合使用你服務(wù)或產(chǎn)品的客群,可以連結(jié)到更多相似特質(zhì)的人,同時(shí)也讓他們感受自己的獨(dú)特性。
肯定,避免猶豫不決
語氣應(yīng)該直接且肯定,優(yōu)柔寡斷是大忌,訊息中如果出現(xiàn)「也許」、「有趣嗎?」、「想要嗎?」等疑問字眼,在顯示自信與強(qiáng)調(diào)權(quán)威上可能還有進(jìn)步空間。
采用強(qiáng)烈對比
CTA 應(yīng)該與眾不同。運(yùn)用色調(diào)、深度、互補(bǔ)色等方式,將CTA 跟其他網(wǎng)頁元素區(qū)隔開來。
產(chǎn)品的誕生地點(diǎn)
說明你、你的產(chǎn)品或服務(wù)來自何處,就像在自我介紹一般,賦予人性化的親切感受,而且強(qiáng)調(diào)產(chǎn)地或許也會(huì)帶來品質(zhì)保證的效果。
表單問題愈簡化愈好
注冊表單太雜,使用者往往容易不耐煩而半途放棄,問題盡量少而精簡。
別把選項(xiàng)藏起來
下拉式選單雖然不占空間,但卻讓選項(xiàng)更難被察覺。適合下拉式選單的問題是可預(yù)測性的或者人人皆很熟悉的時(shí)間(如出生日期)或地理位置,跟產(chǎn)品或服務(wù)有關(guān)的重要問題選項(xiàng),最好并列在頁面明顯的位置上。
連貫順暢的頁面
不要讓使用者產(chǎn)生「已經(jīng)卷完頁面」而實(shí)際上根本還未看到底部的錯(cuò)覺。制造一種視覺型式或節(jié)奏,令使用者得以順利瀏覽完整個(gè)頁面,才不會(huì)白費(fèi)苦工。
不要分散焦點(diǎn)
如果你的網(wǎng)頁唯一目的是要觸發(fā)使用者卷到底部時(shí)「采取行動(dòng)」,那中間安插的任何連結(jié)都可能導(dǎo)致他們分心,甚至將他們帶離你的網(wǎng)站,因此必須小心謹(jǐn)慎的安排連結(jié)數(shù)量與位置。
原文出處: Jakub Linowski
譯文出處: Inside
文章編輯: 365webcall網(wǎng)頁客服工具(www.365webcall.com)
我的評論
| 登錄賬號： | 密碼： | 快速注冊 | 找回密碼 |  |
