4個(gè)方向提升點(diǎn)擊率。
發(fā)布時(shí)間:2022-01-06 11:06 [ 我要自學(xué)網(wǎng)原創(chuàng) ] 發(fā)布人: hh71427-2 閱讀: 1999

UI 設(shè)計(jì)師在做需求的時(shí)候,經(jīng)常會(huì)接到以提升點(diǎn)擊率為目標(biāo)的需求。

提升點(diǎn)擊率,設(shè)計(jì)師朋友第一反應(yīng)就是提升操作功能的視覺(jué)搶點(diǎn),從而強(qiáng)化功能操作,提升點(diǎn)擊率。

如何系統(tǒng)的提升點(diǎn)擊率,我這里總結(jié)出 4 個(gè)方向,看完之后你一定會(huì)有所收獲。

本文大綱如下:

  • 布局設(shè)計(jì)
  • 文案設(shè)計(jì)
  • 引導(dǎo)設(shè)計(jì)
  • 營(yíng)造場(chǎng)景感


布局設(shè)計(jì)


不同的布局,會(huì)對(duì)點(diǎn)擊率產(chǎn)生很大的影響。

操作按鈕布局越明顯,點(diǎn)擊率越高。

微博將發(fā)送微博放置在下拉菜單里面。用戶只有點(diǎn)擊加號(hào),出現(xiàn)下拉菜單,點(diǎn)擊發(fā)微博,才可以進(jìn)行寫(xiě)微博的流程。

如何有效提升點(diǎn)擊率?這里我總結(jié)了4個(gè)方向

推特為了鼓勵(lì)用戶發(fā)推特,將發(fā)布按鈕做在首頁(yè)內(nèi)容區(qū)懸浮。單純看布局的情況下,推特這種做法顯著提升點(diǎn)擊率。

如何有效提升點(diǎn)擊率?這里我總結(jié)了4個(gè)方向

微博將添加按鈕沒(méi)有像推特一樣內(nèi)容區(qū)懸浮,是基于平臺(tái)定位。

微博更偏大 v 的發(fā)言平臺(tái),普通用戶的場(chǎng)景是看大 v 的微博,而不是發(fā)微博。推特更多的是鼓勵(lì)普通用戶發(fā)推特。點(diǎn)擊率高的布局,一般而言:

  • 內(nèi)容區(qū)懸浮點(diǎn)擊率高于固定位置按鈕
  • 視覺(jué)流前面的位置點(diǎn)擊率高于視覺(jué)流后面的位置
  • 面形按鈕點(diǎn)擊率高于線形按鈕,線形按鈕高于文字按鈕


文案設(shè)計(jì)


文案的好壞,影響用戶點(diǎn)擊率。

就像一篇文章,如果標(biāo)題文案取得好,那么閱讀量就會(huì)高。標(biāo)題取得差,那么閱讀量會(huì)很慘。

以按鈕的文案為例。圖 1 的購(gòu)買按鈕文案為馬上搶。圖 2 的購(gòu)買按鈕文案為領(lǐng)劵購(gòu)買,券后?2499。圖 2 文案含有利益點(diǎn),點(diǎn)擊誘惑好于圖 1。

如何有效提升點(diǎn)擊率?這里我總結(jié)了4個(gè)方向

想要通過(guò)文案提升按鈕的點(diǎn)擊率,一般有以下 3 種方法:

  • 強(qiáng)化利益點(diǎn),讓用戶有動(dòng)力點(diǎn)擊
  • 強(qiáng)化稀缺感,制造緊迫感
  • 文案通俗易懂,符合用戶認(rèn)知,用戶易理解

引導(dǎo)設(shè)計(jì)



通過(guò)浮層氣泡、動(dòng)效等方式引導(dǎo)用戶點(diǎn)擊,提升點(diǎn)擊率,這種設(shè)計(jì)可以大程度提升點(diǎn)擊率。

今日頭條為了提升 push 打開(kāi)率。在出現(xiàn)彈窗時(shí),通過(guò)動(dòng)效指引提示,引導(dǎo)用戶點(diǎn)擊開(kāi)啟推送通知。

如何有效提升點(diǎn)擊率?這里我總結(jié)了4個(gè)方向

拼多多砍價(jià)免費(fèi)拿界面,主按鈕會(huì)通過(guò)大小變化,引導(dǎo)用戶點(diǎn)擊按鈕,提升點(diǎn)擊率。

如何有效提升點(diǎn)擊率?這里我總結(jié)了4個(gè)方向


營(yíng)造場(chǎng)景感


通過(guò)氣氛和場(chǎng)景營(yíng)造。讓用戶感覺(jué)熟悉和親切,從而提升點(diǎn)擊率。

如下圖所示,設(shè)計(jì)一個(gè)搜索功能,功能調(diào)用百度。

如下圖所示,有兩個(gè)方案。圖 1 是普通的搜索框,用戶在搜索框里面輸入關(guān)鍵詞。

而圖 2 和百度搜索一樣。用戶熟悉和親切度更明顯,使用圖 2 方案更能提升用戶點(diǎn)擊搜索的欲望。

如何有效提升點(diǎn)擊率?這里我總結(jié)了4個(gè)方向

以上的 4 個(gè)方向是提升點(diǎn)擊率的有效手段,基于這 4 個(gè)方向可以擴(kuò)展出很多設(shè)計(jì)方案出來(lái)。

UI設(shè)計(jì)之Figma系列教程
我要自學(xué)網(wǎng)商城 ¥50 元
進(jìn)入購(gòu)買
文章評(píng)論
0 條評(píng)論 按熱度排序 按時(shí)間排序 /350
添加表情
遵守中華人民共和國(guó)的各項(xiàng)道德法規(guī),
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任,
本站有權(quán)保留或刪除有爭(zhēng)議評(píng)論。
參與本評(píng)論即表明您已經(jīng)閱讀并接受
上述條款。
V
特惠充值
聯(lián)系客服
APP下載
官方微信
返回頂部
分類選擇:
電腦辦公 平面設(shè)計(jì) 室內(nèi)設(shè)計(jì) 室外設(shè)計(jì) 機(jī)械設(shè)計(jì) 工業(yè)自動(dòng)化 影視動(dòng)畫(huà) 程序開(kāi)發(fā) 網(wǎng)頁(yè)設(shè)計(jì) 會(huì)計(jì)課程 興趣成長(zhǎng) AIGC