作為網(wǎng)站設計師,您的職業(yè)生涯圍繞著可能幫助您為客戶提供更好結(jié)果的關鍵問題展開。
哪些小部件對于推動轉(zhuǎn)化至關重要?您需要包含哪些類型的結(jié)帳頁面元素?該產(chǎn)品頁面上應該有視頻或幻燈片嗎?
在構(gòu)建著陸頁以鼓勵銷售時,我們面臨的最大問題之一是 CTA(號召性用語)按鈕是否需要在首屏上方或下方。
回答問題:“CTA 應該去哪里?” 正確地可以創(chuàng)造或破壞您的客戶的銷售機會。不幸的是,這種特殊的擔憂多年來一直是激烈辯論的根源。每個人對 CTA 及其所屬位置都有自己的看法。
今天,我們將介紹將 CTA 置于首屏的好處和問題。
您應該將 CTA 放在首屏嗎?
從快速復習開始,術(shù)語“首屏”是指當用戶到達網(wǎng)頁時在屏幕上看到的網(wǎng)站的任何區(qū)域。首屏上方和下方顯示的內(nèi)容可能因您訪問網(wǎng)站時使用的設備而異。
設計和數(shù)字營銷領域的專家經(jīng)常聲稱,如果您想通過CTA 獲得最佳結(jié)果,您需要將其放在首位。
這個策略很有意義。如果您的 CTA 高于首屏,那么您看到它的機會就會顯著提高。一些客戶可能不想滾動到頁面底部以了解他們在買家旅程中下一步需要做什么。
此外,根據(jù) NN 小組的說法,出現(xiàn)在褶皺上方的 100 個像素比褶皺下方的像素出現(xiàn)的頻率高出 102%。眼動追蹤技術(shù)了解到,通常情況下,您會獲得更多的參與度。
例如,只需查看 Lyft 的這個登錄頁面,您就會立即看到下一步需要做什么:
這也不僅僅是一項吹捧首屏 CTA 的好處的研究。
另一份關于“被看到的重要性”的報告發(fā)現(xiàn),首屏廣告和 CTA 的可見度為 73%,而首屏廣告和 CTA 的可見度僅為44%。
那么,考慮到這樣的統(tǒng)計數(shù)據(jù),您為什么會考慮使用首屏 CTA?
何時將 CTA 放在首屏下方
與網(wǎng)頁設計中的大多數(shù)事情一樣,該規(guī)則有一個例外。
是的,最重要的是,大多數(shù)時候 CTA 對你來說會更好。但是,有時您可能需要跳出框框思考。
大多數(shù)人認為,將 CTA 放在首屏實際上可以保證它不會被看到。但是,如果您正在創(chuàng)建包含大量重要信息的網(wǎng)站頁面或登錄頁面,則您的受眾將需要滾動。
例如,如果您正在創(chuàng)建一個頁面,某人可以在其中下載應用程序以與他們已經(jīng)知道的業(yè)務互動,那么使用首屏 CTA 來加快旅程是有意義的。但是,如果您想說服某人注冊您的網(wǎng)絡研討會,您可能需要先告訴他們該網(wǎng)絡研討會的內(nèi)容。這就是首屏 CTA 派上用場的地方。
這些天,客戶在繁忙的日程中可能沒有太多時間滾動。但是,他們?nèi)匀恍枰_的信息才能決定下一步如何處理您的品牌。根據(jù) Marketing Experiments,在首屏下方,CTA 按鈕可以提高 20% 的轉(zhuǎn)化率。但是,只有在您提供有價值、引人入勝且有說服力的內(nèi)容時,才會發(fā)生這種轉(zhuǎn)化率提升。
看看波士頓環(huán)球報的這個例子,例如:
折疊并不是網(wǎng)頁設計中的一切
折疊通常是網(wǎng)頁設計中必不可少的考慮因素。
但是,當您決定在哪里放置注冊表單和有價值的 CTA 按鈕時,您需要考慮的并不是全部。
根據(jù)Nielsen Norman group的說法,出現(xiàn)在頁面頂部的內(nèi)容總是會影響用戶體驗。但是,這并不意味著您需要將 CTA 放在那里。您需要做的是確保您所擁有的任何內(nèi)容都足以吸引您的訪問者并使他們滾動。
簡而言之,首屏之上和之下的內(nèi)容確實很重要,但您的重點應該是利用客戶的動機,而不是只擔心一條假想的線。
在決定 CTA 所屬的位置時,您需要考慮動機。
您的潛在客戶點擊按鈕的動機有多大?您當時的產(chǎn)品有多受歡迎,您的訪客對他們所提供的東西了解多少?
如果您需要在客戶想要轉(zhuǎn)換之前提供更多信息,那么首屏 CTA 更有意義。
如果您已經(jīng)提供了客戶需要的所有信息,并且潛在客戶正在從網(wǎng)站上的廣告或其他頁面訪問,那么首屏應該是例外。
折疊設計的真相
當今網(wǎng)頁設計師的現(xiàn)實是,實現(xiàn)更高的轉(zhuǎn)化率與CTA是否高于或低于首屏并沒有太大關系。
重要的是你的按鈕是否在正確數(shù)量的副本下,為觀眾回答正確的問題。
請記住,當訪問者訪問網(wǎng)站時,他們正在尋找不同的東西。有游客說:
• 已經(jīng)了解您的品牌并重視您的產(chǎn)品: 這些人經(jīng)常從他們了解品牌或產(chǎn)品的其他營銷活動中點擊進入您的登錄頁面。您可以立即為這些潛在客戶提供 CTA,以便他們盡可能快地沿著買家漏斗繼續(xù)前進。
• 不確定您的產(chǎn)品并需要了解更多信息: 這些人需要一些額外的信息。在他們愿意花錢之前,他們可能有一個需要解決的問題。您在這里可能不需要太多副本,這意味著 CTA 可能仍會出現(xiàn)在首屏。
• 對您的網(wǎng)站來說是全新的: 這些潛在客戶需要合理數(shù)量的副本。他們不知道您提供什么或為什么它對他們很有價值。因此,您可能需要等待將它們付諸實施,直到您交付了正確的副本。
在某些情況下,您甚至可以在同一頁面上放置多個 CTA。有些人會對這項技術(shù)及其作用有一個大致的了解。這意味著他們會很樂意點擊折疊頂部的按鈕。
另一方面,到達同一頁面的訪問者也可能不了解實時個性化的好處。這意味著您需要詳細說明您必須提供的內(nèi)容。簡單的一行解釋在這里是不夠的。
找出放置 CTA 的位置
決定在哪里放置網(wǎng)站的不同元素是網(wǎng)頁設計師的共同挑戰(zhàn)。盡管有大量博客,但聲稱“首屏”始終是任何轉(zhuǎn)化率優(yōu)化的最佳選擇,但事實要復雜一些。
作為網(wǎng)頁設計師要記住的關鍵是CTA 按鈕要求客戶做出承諾。即使 CTA 允許某人在不花錢的情況下下載免費演示或注冊時事通訊,它也需要客戶與品牌建立關系。
在一個客戶比以往任何時候都更不信任公司的世界里,過快地推動他們建立關系是沒有意義的。在目標受眾有機會看到“為他們準備的東西”之前就要求他們做出承諾并不是一個好主意。
跳得太快,你可能會以錯誤的方式惹惱別人。
走出去掌握折疊
當今設計師的問題不在于確定按鈕是否需要從用戶到達頁面的那一刻起就可見。相反,您需要考慮訪問者是否在他們準備采取行動時找到了 CTA。
你只能回答“CTA應該去哪里?”這個問題。在您仔細分析了您正在從事的項目之后。
請記住,首屏并不總是答案。