定向提示：讓訪客採取行動的設計技巧

您剛剛完成了下一個點擊後登錄頁面的設計。 你製作了一個殺手級的標題和副標題，撰寫了極具說服力的文案，完善了你的表格，創造了有史以來最好的 CTA，並且你的頁面層次結構是正確的。 每個元素都處於說服訪問者轉換的最佳位置。

因此，您的點擊後登錄頁面已準備好發布，對嗎？ 不完全的。

您將如何確保您的訪問者觀看您的團隊花費數小時製作的視頻？ 或者訪問者點擊了那個完美的 CTA 按鈕？

不要把這一切都留給機會； 將訪問者準確定向到您希望他們去的地方。 讓他們看看您希望他們關注（並採取行動）您最重要的點擊後登錄頁面元素。

與 F-Pattern 和 Z-Pattern 佈局類似，使用方向提示（又名視覺提示）可以影響訪問者有意瀏覽您的頁面。 所有這三個點擊後登錄頁面設計組件都使用心理學來影響用戶行為並幫助他們採取行動。

讓我們仔細看看這是如何工作的。

什麼是定向線索？

方向提示是視覺輔助工具，如箭頭或模型的眼睛凝視，指向您的點擊後登錄頁面中最重要的元素，例如您的潛在客戶捕獲表格、CTA、視頻、推薦或折疊下方的信息。

定向線索有兩種基本類型：隱性定向線索和顯性定向線索。

在我們研究這兩種方法如何有意識地吸引訪客的注意力之前，讓我們先看看這些視覺輔助工具背後的心理學。

視覺線索背後的心理學

視覺線索可以被認為是信號或共鳴，你的大腦可以潛意識地識別這些信號。 例如，在第一次約會時，你可以通過他或她發送的氛圍——肢體語言、眼神交流、面部表情——來了解你的約會對像是否感興趣。 甚至在沒有意識到的情況下，你從每個人身上都感受到了這些共鳴。

您可以在數字營銷和點擊後登錄頁面中傳達和接收相同的氛圍。 點擊後登錄頁面上的視覺提示為訪問者提供了一種微妙的信息、氛圍和感覺。

對於點擊後登錄頁面，是什麼決定了我們如何翻譯這些共鳴或提示？ 通常，是我們過去的經驗和儲存的知識往往會影響我們的看法。 正如您將在下面看到的，各種信號可以幫助引導訪問者與您的頁面互動並採取行動。

點擊後登錄頁面上的隱式方向提示

隱含的方向線索是微妙的，通常不會被訪問者註意到。 最常見的類型包括空白、顏色對比和封裝。 下面來看看每一個：

留白

空白是點擊後登錄頁面的負空間或空白區域，有助於吸引對特定元素的注意。 添加空白有助於簡化您的頁面、改善用戶體驗並提高對您的報價的整體理解。 這是因為，由於要關注的元素較少，訪問者被迫查看您希望他們查看的內容。

這是 Percolate 的點擊後登錄頁面，它在標題、副標題和潛在客戶捕獲表單周圍使用了大量空白：

顏色對比

對比色可作為方向提示，因為鮮明的顏色差異使遊客注意該區域。

為了演示，Marketo 在此點擊後登錄頁面上提供了社交媒體營銷指南，但 CTA 丟失了，因為顏色對比不存在：

但是在這個 Codify Academy 點擊後登錄頁面上，CTA 按鈕跳出頁面，因為紅色與其他所有顏色形成對比：

封裝

封裝或元素的框架是另一種通過創建一個封閉的焦點窗口來突出頁面上重要內容的方法。 設計師通常使用框、輪廓和/或對比色來減少頁面混亂並吸引對特定元素的注意。

貝爾維尤大學在下面的頁面中兩次使用了這種技術——在標題圖像和表格中。 但是，該表單更加封裝，因為它被設計在一個對比鮮明的紫色框中，以讓點擊後登錄頁面的訪問者提交他們的信息：

點擊後登錄頁面上的明確方向提示

與隱式提示相比，顯式提示對人眼來說非常明顯，因此通常可以立即發現它們。 眼睛注視、指向或手勢、戰略目標定位、箭頭和線條都包含在這一組中。 讓我們仔細看看每種類型：

視線

使用人眼注視作為方向提示在點擊後登錄頁面上特別有效。 人們傾向於看其他人在看什麼，因此如果屏幕上的某個人在看表格，那麼訪問者也更有可能注意到該表格。 這種技術會潛意識地影響訪客看你想要的地方，並增加個人吸引力。 唐納德·特朗普和希拉里·克林頓都了解這種技術的價值——在競選期間在他們的捐贈頁面上使用它。

這是來自 Capella 大學的點擊後登錄頁面，其中有一個微笑的學生看著標題、副標題和表格的方向。 甚至在沒有意識到的情況下，訪問者也可能將注意力集中在這裡：

社會證明（例如推薦）也可以利用眼睛凝視，如我工作時的頁面所示：

指向或打手勢

與眼睛注視類似，對重要元素有一個模型點或手勢可以讓訪問者專注於該區域。 由於這種技術不像眼睛注視那樣微妙； 手勢可能會顯得俗氣和不自然。 因此，一定要使用不同的手勢對你的頁面進行 A/B 測試，看看什麼會產生最好的結果。

物體定位

定位圖像使它們指向特定的焦點區域會吸引潛在客戶的注意力並使該特定元素更加引人注目。

U-Pack 確保每個訪問者都能注意到他們的點擊後登錄頁面表單。 他們不僅用黑色邊框將其封裝起來，而且還放置了一輛面向表單的移動卡車，因此訪問者不禁注意到：

箭頭

無論是移動的還是靜止的，箭頭都是最常用的明確方向提示之一，因為它們簡單易懂。

Loud Rumor 在其兩步選擇加入表單上使用固定的手繪箭頭來影響 CTA 按鈕的點擊：

儘管網絡用戶習慣於滾動，但通常也會放置箭頭來幫助訪問者在折疊下方導航。 用一個簡單的封閉箭頭查看 Constant Contact 如何做到這一點：

這是來自 Boardvantage 的另一個 - 其中箭頭是超鏈接的。 單擊後，頁面會滾動到折疊下方並顯示三個不同的用例：

線

線條是不太明顯的線索之一，但由於人類傾向於自然地遵循路徑，因此它們在點擊後登錄頁面上非常有用。 這是因為線性方向提示可以引導訪問者瀏覽頁面的不同部分，或幫助潛在客戶專注於頁面的特定部分。

例如，Datorama 使用向上趨勢的圖形線突出顯示“立即嘗試”CTA 按鈕。 當訪問者單擊該按鈕時，他們會被發送到頁面底部的潛在客戶捕獲表單，他們可以在其中註冊免費的 Datorama 試用版：

用方向提示影響訪問者進行轉化

讓我們重新解決我們在開頭總結的幾乎完美的點擊後登錄頁面。

雖然您的標題、文案、表單和號召性用語對於推動轉化至關重要； 這些元素只是訪問者點擊後登錄頁面體驗的一部分。 添加一些隱含和明確的方向性線索，以確保您的潛在客戶將注意力集中在對您的轉化目標最重要的事情上。

您會將哪些提示添加到下一個點擊後登錄頁面？ 無論您做出什麼決定，都可以在幾分鐘內使用 Instapage 創建完全優化的點擊後登錄頁面。 立即註冊 Instapage Enterprise 演示。