[轉(zhuǎn)載]學(xué)會(huì)CTA 設(shè)計(jì)方法后外潜,按鈕的點(diǎn)擊率高了49%!

在絕大多數(shù)人的眼里花履,交互設(shè)計(jì)師的職責(zé)是對(duì)產(chǎn)品用戶體驗(yàn)負(fù)責(zé)鸽粉,毋庸置疑這肯定是正確的状原。但交互設(shè)計(jì)師并不是一個(gè)獨(dú)立的個(gè)體,我們既服務(wù)于用戶又服務(wù)于團(tuán)隊(duì)苗踪,服務(wù)于產(chǎn)品的商業(yè)價(jià)值颠区,提升轉(zhuǎn)化率也是交互設(shè)計(jì)中不得不考慮的重要一環(huán)。

那么如何能讓用戶按照我們的期望使用產(chǎn)品呢通铲?我個(gè)人總結(jié)了一個(gè)說(shuō)法毕莱,叫做交互設(shè)計(jì)中的Call To Action。

一. 交互設(shè)計(jì)中的Call To Action

「Call To Action」本身是市場(chǎng)營(yíng)銷里的一個(gè)重要理論颅夺,翻譯過(guò)來(lái)的定義是「召喚用戶去行為」朋截,需要注意的是「Call」在這里只能是「召喚」或「喚起」而不是「要求」。 召喚是指通過(guò)設(shè)計(jì)讓用戶在不知不覺(jué)中觸發(fā)行為吧黄,即行為本身是用戶本來(lái)就存在的需求部服,而讓用戶發(fā)起這個(gè)行為的過(guò)程是通過(guò)設(shè)計(jì)影響的。

交互設(shè)計(jì)在行為設(shè)計(jì)學(xué)方面有一個(gè)與此非常契合的理論拗慨,那就是著名的福格行為模型(Fogg’s Behavior Model)廓八。

福格模型簡(jiǎn)單來(lái)講就是一個(gè)公式:B=MAT。B(behavior)代表行為赵抢,M(motivation)代表動(dòng)機(jī)也就是用戶需求剧蹂,A(ability)代表用戶使用的門檻,T(trigger)代表觸發(fā)烦却。也就是用戶行為的產(chǎn)生需要用戶需求為基礎(chǔ)宠叼,需要保證產(chǎn)品的易用性,但是這還不夠短绸,在這個(gè)基礎(chǔ)上我們還需要在產(chǎn)品中通過(guò)設(shè)計(jì)觸發(fā)用戶车吹。

結(jié)合這兩個(gè)理論來(lái)看都提到了影響用戶行為的重要一點(diǎn)就是觸發(fā),我所要說(shuō)的交互設(shè)計(jì)中的Call To Action也就是通過(guò)設(shè)計(jì)去觸發(fā)用戶行為醋闭。

二. 如何進(jìn)行Call To Action Design

交互設(shè)計(jì)中如何進(jìn)行Call To Action設(shè)計(jì)呢窄驹?我個(gè)人認(rèn)為交互設(shè)計(jì)中引導(dǎo)和觸發(fā)用戶行為的設(shè)計(jì)并不只是局限于某種交互樣式,而是存在于設(shè)計(jì)的整個(gè)流程证逻,有三個(gè)環(huán)節(jié)不能忽略:注意力乐埠、傳達(dá)、觸發(fā)點(diǎn)囚企。

當(dāng)我們希望引導(dǎo)用戶做某項(xiàng)特定操作的時(shí)候丈咐,首先獲得注意力使用戶感知,其次是通過(guò)傳達(dá)使用戶理解龙宏,在用戶理解的基礎(chǔ)上再去加入能夠觸發(fā)用戶行為的觸發(fā)點(diǎn)棵逊。

在這三個(gè)環(huán)節(jié)中引導(dǎo)用戶行為,我們能怎么做呢银酗?我們可以拆開(kāi)來(lái)講辆影。

1. 注意力

吸引注意力

移動(dòng)端界面閱讀里用戶的瀏覽速度是非惩较瘢快速的,要想提高內(nèi)容的點(diǎn)擊率蛙讥,吸引用戶注意是交互設(shè)計(jì)師不得不考慮的锯蛀。

△ 圖片來(lái)自查查公積金

我們可以通過(guò)使用顏色、大小次慢、形狀旁涤、增加標(biāo)注等常規(guī)方式來(lái)吸引用戶;可以使用動(dòng)態(tài)效果吸引用戶迫像;也可以通過(guò)第一人稱對(duì)話或者直呼用戶姓名的方式獲取用戶注意劈愚。

引導(dǎo)注意力

注意力是可以通過(guò)設(shè)計(jì)引導(dǎo)的,箭頭侵蒙,指向性的路徑和視覺(jué)引導(dǎo)可以在不經(jīng)意間引導(dǎo)用戶注意到設(shè)計(jì)者希望被注意到的內(nèi)容造虎。

△ 圖片來(lái)自網(wǎng)絡(luò)

例如,有一個(gè)著名的紙尿褲廣告的實(shí)驗(yàn)纷闺,通過(guò)改變素材中嬰兒的視線算凿,就可以把用戶的注意力引導(dǎo)到產(chǎn)品描述上,在設(shè)計(jì)中通過(guò)這樣巧妙的引導(dǎo)犁功,很有可能帶來(lái)極大好處氓轰。

合理分配注意力

吸引和引導(dǎo)注意力是比較簡(jiǎn)單的,但是交互設(shè)計(jì)師要注意的不僅僅是吸引用戶注意力浸卦,人的注意力是有限的署鸡,而頁(yè)面是一個(gè)相對(duì)復(fù)雜的整體,吸引用戶注意有時(shí)候可能會(huì)帶來(lái)負(fù)面效果限嫌,例如下面的兩個(gè)案例靴庆。

△ 圖片來(lái)自網(wǎng)絡(luò)

圖一是一個(gè)電商平臺(tái)的產(chǎn)品列表頁(yè),方案A通過(guò)視覺(jué)排版的修飾創(chuàng)造出節(jié)奏感和層次感使頁(yè)面更美觀怒医,但是傳統(tǒng)列表的方案B購(gòu)買數(shù)據(jù)卻要比A高出17.1%炉抒。

圖二是一個(gè)表單填寫頁(yè)面,頁(yè)面的左側(cè)是文字介紹稚叹,右側(cè)是表單填寫區(qū)域焰薄,方案A在表單附近加入了一個(gè)微笑的女性以吸引用戶注意到表單填寫區(qū)域,然而實(shí)際情況是簡(jiǎn)單清晰的方案B轉(zhuǎn)化率比方案A高出24%扒袖。

因此塞茅,在產(chǎn)品列表頁(yè)、任務(wù)流程頁(yè)季率、訂單結(jié)算頁(yè)等類型的頁(yè)面野瘦,我們應(yīng)當(dāng)合理的分配用戶注意力,在嘗試新方案的時(shí)候需要謹(jǐn)慎飒泻,配合實(shí)際數(shù)據(jù)加以驗(yàn)證缅刽。

2. 傳達(dá)

清晰直觀

清晰直觀是傳達(dá)信息的第一層要求啊掏,我們應(yīng)當(dāng)做到文案精煉語(yǔ)言通俗蠢络,以最清晰直觀的傳達(dá)使用戶快速理解和記憶產(chǎn)品內(nèi)容衰猛,這對(duì)用戶的點(diǎn)擊決定和回訪都是有幫助的。

△ 圖片來(lái)自網(wǎng)絡(luò)

我們來(lái)看一個(gè)簡(jiǎn)單的例子刹孔,一個(gè)加入購(gòu)物車的按鈕啡省,用符號(hào)組合文字的表達(dá),點(diǎn)擊率比只用icon的形式提高了15%髓霞;而用純文字表達(dá)時(shí)卦睹,按鈕點(diǎn)擊率比僅用icon高出49%之多,可見(jiàn)清晰直觀的表達(dá)能帶來(lái)很大的影響方库。

契合需求结序、提煉用戶痛點(diǎn)

信息傳達(dá)的第二層要求是讓用戶產(chǎn)生興趣。在撰寫文案時(shí)纵潦,僅僅直觀去描述產(chǎn)品是不夠的徐鹤,我們要比用戶想的更遠(yuǎn)一層,去提煉用戶的痛點(diǎn)邀层,將用戶與產(chǎn)品建立聯(lián)系才能打動(dòng)用戶返敬。

我們耳熟能詳?shù)耐趵霞獩霾鑿V告詞,如果僅僅是描述產(chǎn)品本身降火的功能寥院,只要用戶此時(shí)不是在上火的現(xiàn)實(shí)狀況下劲赠,一般都難以產(chǎn)生共鳴。但廣告詞用「怕上火」描述的時(shí)候切中的卻是用戶的心理狀態(tài)秸谢,有怕上火心理的用戶就很容易與之產(chǎn)生共鳴了凛澎。

在產(chǎn)品中也是一樣,例如查查公積金中的貸款產(chǎn)品估蹄,我們使用產(chǎn)品的使用場(chǎng)景作為描述塑煎,希望用戶即便在當(dāng)下沒(méi)有直接貸款需求時(shí),也能通過(guò)場(chǎng)景去記憶產(chǎn)品元媚,當(dāng)生活中發(fā)生類似需求場(chǎng)景時(shí)可以聯(lián)想到產(chǎn)品轧叽。

△ 圖片來(lái)自查查公積金

3. 設(shè)置觸發(fā)點(diǎn)

直覺(jué)觸發(fā)

直覺(jué)出發(fā)顧名思義指的是通過(guò)圖標(biāo)、按鈕刊棕、文案等看似無(wú)關(guān)緊要的小內(nèi)容炭晒,給用戶帶來(lái)直覺(jué)上的觸發(fā)。

△ 圖片來(lái)自簡(jiǎn)書(shū)甥角、豆瓣

強(qiáng)化緊迫性和稀有性

增加緊迫性和稀有性网严,可以非常有效的提升用戶點(diǎn)擊。由于賦予效應(yīng)嗤无,人往往對(duì)將要失去的事物估值過(guò)高震束,創(chuàng)造稀有或者即將失去的感覺(jué)怜庸,就是一個(gè)極佳的行為觸發(fā)點(diǎn)。

△ 圖片來(lái)自淘寶垢村、餓了么

例如割疾,淘寶上的手慢無(wú),采用倒計(jì)時(shí)和即將售罄來(lái)給用戶制造稀有性和急迫感嘉栓,觸發(fā)用戶進(jìn)行購(gòu)買行為宏榕。餓了么上的紅包會(huì)設(shè)置很短的有效期,觸發(fā)用戶的下單行為侵佃。

獎(jiǎng)勵(lì)設(shè)定

由于用戶的逐利心理麻昼,設(shè)置獎(jiǎng)勵(lì)是讓用戶發(fā)起行為很好的觸發(fā)點(diǎn)。這里講的獎(jiǎng)勵(lì)并不簡(jiǎn)單指的是加入獎(jiǎng)勵(lì)的運(yùn)營(yíng)活動(dòng)馋辈,而是使用在產(chǎn)品交互設(shè)計(jì)里抚芦,用來(lái)打破僵局,提升用戶點(diǎn)擊迈螟,觸發(fā)用戶連續(xù)行為的方法叉抡。

△ 圖片來(lái)自王者榮耀

拿現(xiàn)在炙手可熱的王者榮耀來(lái)舉個(gè)例子,比如銘文獲取這個(gè)模塊井联,這是一個(gè)讓用戶使用金幣和鉆石抽取銘文的一個(gè)功能區(qū)卜壕,在這個(gè)入口的層級(jí)相對(duì)較深的情況下,通過(guò)每天免費(fèi)一次的獎(jiǎng)勵(lì)設(shè)置烙常,可以成功的將用戶引導(dǎo)到這里轴捎,提高這個(gè)功能的曝光,從而提高收益蚕脏。再比如每日活躍度侦副,設(shè)置了進(jìn)階式的獎(jiǎng)勵(lì)制度,使用戶為了得到獎(jiǎng)勵(lì)一步步按照產(chǎn)品的引導(dǎo)觸發(fā)行為驼鞭。

結(jié)合場(chǎng)景

在特定場(chǎng)景下用戶會(huì)產(chǎn)生特定的需求秦驯,抓住用戶在特定場(chǎng)景下的需求,這本身就可以算是一個(gè)極佳的觸發(fā)點(diǎn)了挣棕,因?yàn)闀r(shí)機(jī)對(duì)了很多操作就會(huì)順理成章得多译隘。

△ 圖片來(lái)自每日優(yōu)鮮、支付寶

舉一個(gè)最常見(jiàn)的例子洛心,現(xiàn)在很多產(chǎn)品當(dāng)用戶截圖時(shí)固耘,會(huì)根據(jù)產(chǎn)品本身的類型,彈出分享或提問(wèn)的快速入口词身,在用戶截圖的情景下需要使用分享或提問(wèn)的概率很高厅目,因此在此時(shí)出現(xiàn)無(wú)疑是一個(gè)極好的觸發(fā)點(diǎn)。

最后總結(jié)來(lái)講,交互設(shè)計(jì)中通過(guò)設(shè)計(jì)引導(dǎo)用戶行為是貫穿于整個(gè)產(chǎn)品內(nèi)的损敷,我們不應(yīng)當(dāng)局限于一個(gè)按鈕葫笼、一個(gè)頁(yè)面。當(dāng)我們想要引導(dǎo)和影響用戶行為時(shí)拗馒,交互設(shè)計(jì)師應(yīng)當(dāng)設(shè)身處地的把自己當(dāng)作用戶路星,思考用戶所處的環(huán)節(jié),從我們希望用戶做的行為出發(fā)瘟忱,在整個(gè)交互流程內(nèi)找到對(duì)用戶最合理有效的引導(dǎo)方式奥额。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市访诱,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌韩肝,老刑警劉巖触菜,帶你破解...
    沈念sama閱讀 211,265評(píng)論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異哀峻,居然都是意外死亡涡相,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,078評(píng)論 2 385
  • 文/潘曉璐 我一進(jìn)店門剩蟀,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)催蝗,“玉大人,你說(shuō)我怎么就攤上這事育特”牛” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 156,852評(píng)論 0 347
  • 文/不壞的土叔 我叫張陵缰冤,是天一觀的道長(zhǎng)犬缨。 經(jīng)常有香客問(wèn)我,道長(zhǎng)棉浸,這世上最難降的妖魔是什么怀薛? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 56,408評(píng)論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮迷郑,結(jié)果婚禮上枝恋,老公的妹妹穿的比我還像新娘。我一直安慰自己嗡害,他們只是感情好焚碌,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,445評(píng)論 5 384
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著就漾,像睡著了一般呐能。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 49,772評(píng)論 1 290
  • 那天摆出,我揣著相機(jī)與錄音朗徊,去河邊找鬼。 笑死偎漫,一個(gè)胖子當(dāng)著我的面吹牛爷恳,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播象踊,決...
    沈念sama閱讀 38,921評(píng)論 3 406
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼温亲,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了杯矩?” 一聲冷哼從身側(cè)響起栈虚,我...
    開(kāi)封第一講書(shū)人閱讀 37,688評(píng)論 0 266
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎史隆,沒(méi)想到半個(gè)月后魂务,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,130評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡泌射,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,467評(píng)論 2 325
  • 正文 我和宋清朗相戀三年粘姜,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片熔酷。...
    茶點(diǎn)故事閱讀 38,617評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡孤紧,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出拒秘,到底是詐尸還是另有隱情号显,我是刑警寧澤,帶...
    沈念sama閱讀 34,276評(píng)論 4 329
  • 正文 年R本政府宣布翼抠,位于F島的核電站咙轩,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏阴颖。R本人自食惡果不足惜活喊,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,882評(píng)論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望量愧。 院中可真熱鬧钾菊,春花似錦、人聲如沸偎肃。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,740評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)累颂。三九已至滞详,卻和暖如春凛俱,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背料饥。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,967評(píng)論 1 265
  • 我被黑心中介騙來(lái)泰國(guó)打工蒲犬, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人岸啡。 一個(gè)月前我還...
    沈念sama閱讀 46,315評(píng)論 2 360
  • 正文 我出身青樓原叮,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親巡蘸。 傳聞我的和親對(duì)象是個(gè)殘疾皇子奋隶,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,486評(píng)論 2 348

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 171,754評(píng)論 25 707
  • 每天進(jìn)步一點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)點(diǎn)~~從開(kāi)始只能寫幾句話、模仿別人的觀點(diǎn)悦荒,到現(xiàn)...
    一個(gè)帥氣的名字呀閱讀 18,058評(píng)論 4 31
  • 常在簡(jiǎn)書(shū)首頁(yè)上見(jiàn)到大拿們曬書(shū)單唯欣,其中有一部分人的閱讀速度,濁某是拍馬也趕不上的逾冬。 在我想來(lái)一周時(shí)間閱讀一本書(shū)(中等...
    化濁閱讀 371評(píng)論 0 0
  • 夜半三更包餃子黍聂,只是為了等天明 誰(shuí)也不想去醫(yī)院,全程除了排隊(duì)別無(wú)其他身腻,加之這惱人的霧霾,連不是病人的我都咳上癮了匹厘,...
    易水寒一x閱讀 227評(píng)論 0 0
  • 先說(shuō)點(diǎn)與訓(xùn)練行動(dòng)無(wú)關(guān)的嘀趟。我是在@warfalcon 老師的公眾號(hào)文章中知道@scalers 的,被他的堅(jiān)持每天原創(chuàng)...
    楓若嫣然閱讀 666評(píng)論 1 3