編輯導(dǎo)語：在進(jìn)行產(chǎn)品設(shè)計(jì)時(shí)，我們常常需要將訪問者的注意力集中到重點(diǎn)地方，這就是所謂的視覺暗示。作者從該理論出發(fā)，分析什么是視覺暗示以及數(shù)字營銷人員應(yīng)當(dāng)如何利用該理論進(jìn)行設(shè)計(jì)，吸引用戶的注意力，分享給你。

著陸頁優(yōu)化的很大一部分是將訪問者的注意力集中在重要的事情上。

關(guān)于如何做到這一點(diǎn)，有很多設(shè)計(jì)理論，大多數(shù)方法的原理是使用所謂的視覺暗示將注意力引向所需的對象。

視覺暗示在經(jīng)驗(yàn)心理學(xué)研究和實(shí)際案例研究中有很強(qiáng)的根源。在這一點(diǎn)上，有大量關(guān)于它們?yōu)楹斡行?、如何作用以及如何根?jù)您的特定用例使用它們的資料。

一、什么是視覺暗示？

視覺暗示是一種由眼睛處理的感覺暗示。它們提供有關(guān)如何感知世界或特定體驗(yàn)的信息和洞察力。

就像在現(xiàn)實(shí)世界中與銷售人員交談時(shí)，就會有許多視覺線索暗示——比如細(xì)微的面部表情、肢體語言和微妙的抽搐——這些會告訴你對方情感是真實(shí)的，還是只是想在你身上做成這筆交易。

在數(shù)字營銷的背景下，視覺暗示是用來引導(dǎo)注意力或使用視覺交流方法巧妙地描繪信息的元素，聽起來很學(xué)術(shù)，但如果你看到一個(gè)視覺暗示，你肯定會知道。

視覺暗示是一個(gè)廣義的術(shù)語，如果您是 UI/UX 設(shè)計(jì)師，您可能熟悉術(shù)語“視覺引導(dǎo)”，也就是“引導(dǎo)訪問者進(jìn)入著陸頁戰(zhàn)略區(qū)域的視覺元素，通常是您的號召性用語?！?/p>

通常有兩種類型的定向提示：

• 明確型
• 含蓄型（或暗示）

明確提示采用箭頭或線條的形式，而暗示提示使用圖像巧妙地引導(dǎo)潛在客戶的視線。

二、為什么視覺暗示有效？

當(dāng)有人登陸您的頁面時(shí)，他們會很快做出第一判斷，無論他們是否有意識地意識到這一點(diǎn)。

通常人們做出快速判斷，形成對一個(gè)人的第一印象只需要 1/10 秒，網(wǎng)站也不例外。用戶需要大約 50 毫秒（即 0.05 秒）對您的網(wǎng)站形成意見，這決定了他們是否喜歡您的網(wǎng)站，是留下還是離開。

這種第一印象取決于許多因素：結(jié)構(gòu)、顏色、間距、對稱性、文本量、字體等。

1. 設(shè)計(jì)是無意識感知的關(guān)鍵

第一印象94%與設(shè)計(jì)有關(guān)，研究清楚地表明，網(wǎng)站的外觀和感覺是第一印象的主要驅(qū)動因素。到目前為止，視覺吸引力和網(wǎng)站導(dǎo)航對人們對網(wǎng)站的第一印象影響最大。數(shù)據(jù)顯示，與網(wǎng)站內(nèi)容相比，普通消費(fèi)者更關(guān)注網(wǎng)站的表面方面，例如視覺暗示。46.1%的消費(fèi)者評估網(wǎng)站的可信度依據(jù)的是網(wǎng)站整體視覺設(shè)計(jì)的吸引力，包括布局、排版、字體大小和配色方案。

從本質(zhì)上講，我們都是使用過去的經(jīng)驗(yàn)和啟發(fā)式方法處理視覺刺激，以形成我們的感知。正如簡單心理學(xué)總結(jié)的原則，“我們需要更高的認(rèn)知信息，無論是來自過去的經(jīng)驗(yàn)還是存儲的知識，以便對我們的感知進(jìn)行推斷?！?/p>

因此，當(dāng)您感知著陸頁元素，如箭頭、強(qiáng)調(diào)的文本框、對比元素或指向或查看 CTA 時(shí)，您會通過過去的經(jīng)驗(yàn)處理這些元素。

二、如何使用視覺暗示來改善用戶體驗(yàn)

視覺暗示通過優(yōu)化注意力來改善用戶體驗(yàn)，它們巧妙地地將用戶帶到所需的操作或希望停留的頁面上，那么，要如何知道在哪里設(shè)置視覺暗示呢？這是熱圖可以派上用場的地方，熱力圖可以讓您知道整個(gè)頁面上的“跳出點(diǎn)”和“深入點(diǎn)”在哪里。

視覺暗示也是解決所謂的“假底”的有用方法。

假底，也就是虛假底部，是一個(gè)邏輯端和完整性的錯覺。簡單來講，虛假底部是訪問者認(rèn)為頁面已經(jīng)到了底部，不會進(jìn)一步滾動加載更多頁面內(nèi)容的點(diǎn)，盡管該點(diǎn)下方其實(shí)還有更多內(nèi)容。

而這個(gè)時(shí)候就可以使用視覺暗示來告訴訪客“繼續(xù)滑動，以加載更多精彩內(nèi)容?！?/p>

發(fā)現(xiàn)了需要改進(jìn)的地方，仍然面臨著選擇要實(shí)施的視覺暗示類型以及如何實(shí)施視覺暗示的艱巨任務(wù)，所以，我給大家整理了一些流行的視覺暗示的例子，以供參考：

1. 視覺提示的例子

例如顯示某個(gè)方向上有更多內(nèi)容的箭頭，有些會更微妙，比如封裝一個(gè)表單來引起人們的注意，這些都可以有效地引起人們對某些所需用戶行為的注意。

（1）箭頭

箭頭是一種流行且顯眼的視覺暗示（雖然這看起來像垃圾郵件的例子）：

它們往往被用來指向 CTA 或表單，或者將您推向登錄頁面。

在后一種情況下，強(qiáng)烈的視覺暗示是上下文相關(guān)的，并為訪問者回答以下問題……

• 在這一點(diǎn)下方或旁邊是否有內(nèi)容？
• 該內(nèi)容對我來說是否有趣/有價(jià)值？
• 我可以預(yù)期滾動多長時(shí)間？

（2）直接指向

與箭頭類似的是人物形象的指向提示。同樣，這通常用于強(qiáng)調(diào)消息、表單或 CTA。

（3）三角形

三角形與箭頭幾乎相同，但更微妙：

（4）水平導(dǎo)航提示

水平滾動，即使是有強(qiáng)烈的提示，例如箭頭，也經(jīng)常被忽視。人們更習(xí)慣于垂直滾動，而不是橫向滾動。橫向滾動違背了他們公認(rèn)的網(wǎng)站內(nèi)容和行為范式，這可能會隨著移動設(shè)備和平板電腦使用的增加而演變，但無論如何，使用強(qiáng)烈的視覺暗示都可以提供幫助。

（5）人/動物視覺暗示

營銷人員知道，在廣告中使用人類圖像有助于提高參與度，通常是對廣告的情緒反應(yīng)，但是由于相關(guān)法律約束，使用人物圖片需要十分謹(jǐn)慎，另外就是動物類的形象做的視覺暗示，雖然不是人類，但也有同樣的效應(yīng)：

（6）封裝/強(qiáng)調(diào)

將重要副本封裝在一個(gè)離散區(qū)域內(nèi)，也能突出該區(qū)域需要特別注意。封裝是更微妙的視覺暗示的另一個(gè)例子，它不像手繪箭頭那么顯眼，但如果執(zhí)行得當(dāng)，可以非常有效地吸引人們對形式的關(guān)注和推動轉(zhuǎn)換。

三、哪種視覺提示效果最好？

視覺暗示，如果能以正確的方式完成，可以改善用戶體驗(yàn)，進(jìn)而增加轉(zhuǎn)化率。但是，當(dāng)有大量不同類型的視覺暗示方案，需要選擇時(shí)，就有點(diǎn)難辦了。

您可以使用箭頭、線條、人物照片、邊框、手指、明亮的橫幅、感嘆號、復(fù)選標(biāo)記……不勝枚舉。那么哪種視覺提示效果最好？

這里我引用一下CXL Institute進(jìn)行的一項(xiàng)研究（無版權(quán)，僅用于學(xué)習(xí)交流）：

研究者查看了注視表格的平均時(shí)間和第一次注視表格的平均時(shí)間，還做了一個(gè)測試后的問題調(diào)查，問：“考慮到你剛剛看到的網(wǎng)頁，你下一步會怎么聯(lián)系這家企業(yè)？”

如果參與者回答說他們會填寫表格以與公司取得聯(lián)系，那么視覺暗示被認(rèn)為可以有效地將注意力轉(zhuǎn)移到表格上，從而增加回憶的可能性。

所以結(jié)果到底如何？

視覺提示確實(shí)會影響用戶對表單的關(guān)注程度。

手繪箭頭指向表單，停留的時(shí)間最長。

人物形象不看表單，停留時(shí)間最短。

因此，雖然每個(gè)站點(diǎn)都不同，但這些經(jīng)驗(yàn)數(shù)據(jù)都表明我們或許應(yīng)該嘗試使用手繪定向?qū)ο螅ɡ缂^）的視覺暗示，以引導(dǎo)用戶的注意力。

此外，如果使用人類圖像作為視覺暗示，請讓人物的眼神看向 CTA 或關(guān)鍵特征的方向。就注視時(shí)間而言，使用視線移開的人物形象圖是最糟糕的。

四、當(dāng)最佳實(shí)踐失敗時(shí)（或應(yīng)該避免什么）

只需要記住一點(diǎn)：不能幫助用戶執(zhí)行所需操作的視覺暗示只會分散用戶的注意力。

在實(shí)施視覺暗示時(shí)，不要盲目，讓您的目標(biāo)引領(lǐng)您的設(shè)計(jì)，也不要總是追求遵循或仿效所謂的額“最佳實(shí)踐”。

雖然圖像或視覺暗示本身可能會吸引更多注意力，但如果它們與頁面的主要目的無關(guān)或不契合，則會分散注意力，可能會造成反面效果。視覺處理很復(fù)雜，必須經(jīng)過測試。

選擇圖片時(shí)，請考慮圖像如何強(qiáng)化或分散您獨(dú)特的價(jià)值主張。如果您的價(jià)值主張是圍繞情感，那么面孔可能會很好地發(fā)揮作用，如果不是，請考慮產(chǎn)品照片或信息圖。

五、結(jié)論

視覺暗示是有效設(shè)計(jì)的關(guān)鍵部分。它們可用于將注意力引向某個(gè)方向，強(qiáng)調(diào)關(guān)鍵要素并激發(fā)行動。

與 UX 或 CRO 相關(guān)的許多事情一樣，它既是藝術(shù)又是科學(xué)。有效的著陸頁設(shè)計(jì)有很多創(chuàng)造力，但我們有大量數(shù)據(jù)可以建議最佳實(shí)踐（如上面的研究）。

當(dāng)然，您必須親自測試所有內(nèi)容（不是所有訪客都完全相同的，他們的反應(yīng)方式也不相同）。

本文由 @運(yùn)營快攻 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自pexels，基于CC0協(xié)議