跳出率居高不下?可能是你的「第一視點(diǎn)」出了問(wèn)題
用戶在第0.1秒就決定去留,而你還在盯著第二屏的內(nèi)容發(fā)呆
打開(kāi)百度統(tǒng)計(jì)或Google Analytics,看著后臺(tái)那個(gè)刺眼的跳出率數(shù)字,你是不是又默默點(diǎn)開(kāi)了「流量來(lái)源」,試圖甩鍋給渠道質(zhì)量不行?
且慢。
你有沒(méi)有想過(guò),用戶確實(shí)是被你的內(nèi)容吸引進(jìn)來(lái)的但他看了一眼,就silently退出了。
像極了相親。照片看著挺好,見(jiàn)光死。
在網(wǎng)站這個(gè)場(chǎng)景里,「見(jiàn)光」的那一瞬間,就是我們今天要聊的第一視點(diǎn)。
什么是「第一視點(diǎn)」?
它不是首頁(yè)頂部那張大banner,也不是你的logo。
「第一視點(diǎn)」是用戶目光著陸的那一瞬間,視線 本能停留的第一個(gè)位置。
眼動(dòng)實(shí)驗(yàn)數(shù)據(jù)顯示:用戶打開(kāi)一個(gè)網(wǎng)頁(yè)的前0.5秒,視線會(huì)下意識(shí)掃描三個(gè)區(qū)域中間偏上、左上角、以及頁(yè)面上最「顯眼」的那個(gè)異類元素。
而決定他是否繼續(xù)往下看的,恰恰就是這個(gè)瞬間的「直覺(jué)判斷」。
聽(tīng)起來(lái)很玄?我們拆解幾個(gè)真實(shí)場(chǎng)景。
場(chǎng)景一:首屏之上,用戶看到了「一團(tuán)迷霧」
反面教材:某Saas公司官網(wǎng)
用戶從朋友圈點(diǎn)進(jìn)來(lái),想看看這個(gè)工具到底能干嘛。
首屏:超大字體寫(xiě)著「賦能企業(yè)數(shù)字化升級(jí)」,旁邊是一個(gè)旋轉(zhuǎn)的地球模型。
用戶內(nèi)心OS:這跟我有什么關(guān)系?
然后他就走了。跳出率+1。
這叫 「第一視點(diǎn)迷霧綜合征」用戶看到了你的頁(yè)面,卻沒(méi)在第一時(shí)間看到「他自己」。
解法:
首屏最核心的位置(那個(gè)用戶第一眼就會(huì)看的地方),不要放抽象的口號(hào),不要放你們老板引以為傲的企業(yè)愿景。
請(qǐng)放這三樣?xùn)|西之一:
一句話說(shuō)清「你是干什么的」(而且是說(shuō)給外行聽(tīng)的)
一個(gè)具體的「使用場(chǎng)景」(這張圖要讓用戶產(chǎn)生「這不就是我嗎」的感覺(jué))
一個(gè)明確的「下一步動(dòng)作」(注冊(cè)、試用、查看案例,選一個(gè)最核心的)
用戶不關(guān)心你是誰(shuí),他只關(guān)心你能為他做什么。這句話說(shuō)了一萬(wàn)遍,但首屏還在犯錯(cuò)。
場(chǎng)景二:視覺(jué)重心失控,用戶不知道該看哪
反面教材:某設(shè)計(jì)公司官網(wǎng)
設(shè)計(jì)師花了三個(gè)月,做了一個(gè)酷炫的「動(dòng)態(tài)粒子背景」,滿屏流光溢彩。
用戶點(diǎn)進(jìn)來(lái):眼睛被粒子拽著滿屏跑,然后發(fā)現(xiàn)按鈕在哪?文字在哪?我是誰(shuí)?
然后他就走了。跳出率+1。
這叫 「第一視點(diǎn)眩暈癥」。
人類的視覺(jué)系統(tǒng)是有「優(yōu)先級(jí)」的:
動(dòng) > 靜
人臉 > 物體
鮮艷 > 素雅
大 > 小
如果你的頁(yè)面上有三個(gè)地方同時(shí)在「動(dòng)」,用戶的瞳孔就會(huì)像無(wú)頭蒼蠅一樣亂撞。撞累了,他就走了。
解法:
一次只給一個(gè)視覺(jué)重心。
想讓用戶點(diǎn)按鈕?按鈕周?chē)蛣e放會(huì)動(dòng)的元素。想讓用戶看文案?文案附近就別放一張含情脈脈的大臉模特圖。
第一視點(diǎn),只能有一個(gè)「主角」。
場(chǎng)景三:加載3秒,用戶盯著白屏發(fā)呆
反面教材:某高端定制品牌網(wǎng)站
為了讓首頁(yè)看起來(lái)「高級(jí)」,團(tuán)隊(duì)上傳了一張5M的超清背景圖。WiFi環(huán)境下還行,4G網(wǎng)絡(luò)下白屏。
用戶看著那個(gè)轉(zhuǎn)圈的loading圖標(biāo),陷入了沉思:這網(wǎng)站是崩了嗎?
然后他就走了。跳出率+1。
這叫 「第一視點(diǎn)遲到癥」。
你精心設(shè)計(jì)的第一視點(diǎn),根本沒(méi)機(jī)會(huì)被看見(jiàn)。
谷歌數(shù)據(jù):加載時(shí)間從1秒增加到3秒,跳出率概率增加32%。
用戶比你想的更沒(méi)耐心。他連你的第一視點(diǎn)都沒(méi)看到,就已經(jīng)判了你死刑。
解法:
別跟我談「我們的用戶都是高端人士,用的都是光纖」。去看看你們的后臺(tái)數(shù)據(jù),有多少用戶是用手機(jī)在4G網(wǎng)絡(luò)下訪問(wèn)的?
首屏優(yōu)先加載
圖片壓縮再壓縮
能用CSS實(shí)現(xiàn)的,就別用圖片
先讓用戶看到「東西」,再讓他看到「好東西」。
場(chǎng)景四:用戶看到了,但沒(méi)看懂
反面教材:某toB科技公司
首屏正中央:一個(gè)按鈕,寫(xiě)著「立即開(kāi)啟智能協(xié)同賦能」。
用戶盯著這個(gè)按鈕看了兩秒,腦袋里冒出一串問(wèn)號(hào):這是干嘛的?點(diǎn)了會(huì)怎樣?收費(fèi)嗎?我是誰(shuí)?
然后他就走了。跳出率+1。
這叫 「第一視點(diǎn)迷惑癥」。
用戶看到了你想讓他看的東西,但他看不懂。
不要考驗(yàn)用戶的閱讀理解能力。在互聯(lián)網(wǎng)上,用戶是「文盲」他不愿意動(dòng)腦子思考任何一個(gè)按鈕的含義。
解法:
按鈕上的文案,要說(shuō)「人話」。
立即開(kāi)啟智能協(xié)同賦能
免費(fèi)試用30天
探索產(chǎn)品矩陣
查看所有功能
第一視點(diǎn)不只是「看」,更是「看懂」和「行動(dòng)」。
如何自檢你的「第一視點(diǎn)」?
給你一個(gè)很「殘忍」的方法:
找一個(gè)從來(lái)沒(méi)看過(guò)你們網(wǎng)站的朋友,打開(kāi)首頁(yè),讓他看3秒鐘,然后關(guān)掉。
問(wèn)他三個(gè)問(wèn)題:
剛才那個(gè)網(wǎng)站是干什么的?
你記住了一句話是什么?
你知道下一步該點(diǎn)什么嗎?
如果三個(gè)問(wèn)題答對(duì)兩個(gè)以上,恭喜你,第一視點(diǎn)過(guò)關(guān)了。
如果答不上來(lái)跳出率高的原因,找到了。
寫(xiě)在最后
我們花了太多時(shí)間去打磨「第二屏」、「產(chǎn)品詳情」、「案例展示」,卻忘了:
對(duì)于用戶來(lái)說(shuō),如果沒(méi)有第一眼,就沒(méi)有第二屏。
跳出率不是流量問(wèn)題,是「第一印象」問(wèn)題。
下一次打開(kāi)后臺(tái)之前,先打開(kāi)你的網(wǎng)站,用3秒鐘審視一遍:
那個(gè)決定命運(yùn)的第一視點(diǎn),真的把話說(shuō)清楚了嗎?
你在自檢時(shí)發(fā)現(xiàn)了什么「見(jiàn)光死」的瞬間?歡迎在評(píng)論區(qū)「自首」說(shuō)出來(lái),比藏著強(qiáng)。