網頁不僅(jin)(jin)僅(jin)(jin)需要視覺(jue)表現，更(geng)是價值信息的有效(xiao)傳(chuan)遞(di)，很(hen)多因素(su)都在潛意識(shi)里影響我們的日常(chang)決策(ce)，其中(zhong)大多是微妙的心理因素(su)在起作用(yong)。簡單來(lai)說，用(yong)戶(hu)體驗設計跟(gen)心理學相關，甚至會直接影響產品的轉化率。而效(xiao)果如何也(ye)需要數據來(lai)驗證和優化。

 

      15個心(xin)理學策略(lve) ：以(yi)登(deng)錄(lu)頁(ye)面為例，探究如何(he)提(ti)升用戶體驗(yan)

 

      “圈出(chu)”重要內容區(qu)域

 

      區域性的(de)強調容(rong)易引起人(ren)們(men)的(de)注(zhu)意力(li)，幫助正(zheng)在猶豫不決的(de)人(ren)們(men)快速做出(chu)決策。

 

 

 SweetDate是(shi)一家(jia)相親網站，視(shi)覺上強調(diao)擇偶(ou)需(xu)求表單，讓(rang)用戶快速提交(jiao)并進(jin)入體驗

 

      利用色彩和對比

 

      色彩會讓人們獲(huo)得情緒(xu)/情感上(shang)的(de)(de)波動，所以選擇(ze)合適的(de)(de)配色十分(fen)重要(yao)。同(tong)(tong)時(shi)，使用對比色塊能夠幫(bang)助人們快速跳出(chu)登(deng)錄頁，進入目的(de)(de)地。根(gen)據(ju)“多米諾骨牌(pai)效應”理論，人們容易記住與眾不(bu)同(tong)(tong)的(de)(de)事(shi)物，哪(na)怕是(shi)很微(wei)小的(de)(de)不(bu)同(tong)(tong)，充分(fen)利用這一點可能會極大(da)地提高轉化率。

 

 

VWO用(yong)對(dui)比(bi)色(se)“黃(huang)色(se)”吸引用(yong)戶(hu)去體驗產品demo

 

      使用留白

 

      盡可能降低認知成本，提(ti)高可用(yong)(yong)性(xing)。留白不只是視覺設計(ji)師(shi)審美上(shang)的(de)選擇，它(ta)的(de)最終目的(de)是為(wei)了界面(mian)(mian)上(shang)表(biao)達的(de)內容更(geng)容易(yi)被理解(jie)。留白為(wei)用(yong)(yong)戶(hu)提(ti)供“喘息”空(kong)間，突出頁面(mian)(mian)重要元素，讓目標用(yong)(yong)戶(hu)停下(xia)來進而做(zuo)出決(jue)策(ce)。

 

 

Reprise留出了大量的背景空(kong)間，目的是為了突出按鈕。

 

      保持一致性

 

      通(tong)(tong)過提(ti)供一致的(de)(de)用(yong)戶(hu)(hu)(hu)體驗(yan)，打消用(yong)戶(hu)(hu)(hu)潛在(zai)顧慮，獲取目標用(yong)戶(hu)(hu)(hu)的(de)(de)信(xin)任。不管是(shi)廣告、消息(xi)通(tong)(tong)知還是(shi)客(ke)戶(hu)(hu)(hu)服(fu)務，都(dou)需要無縫的(de)(de)結(jie)合起(qi)來，提(ti)供統一信(xin)息(xi)與值得(de)信(xin)賴的(de)(de)體驗(yan)，以獲取更(geng)高的(de)(de)轉化率。

 

      使用圖片

 

      通常圖(tu)片比文字更容易被捕捉、記住。在登錄(lu)頁面，提(ti)供與產品(pin)訴求(qiu)相關聯的、能夠引(yin)起情感共鳴的圖(tu)片會大(da)大(da)提(ti)高用戶對產品(pin)的認知與預期，也有利于(yu)更進(jin)一(yi)步引(yin)導用戶采取行動。

 

      首因效應

 

      人們(men)更容易記住(zhu)同類事物里(li)的(de)NO.1，比如我(wo)們(men)大部分人只記得世界第一高峰。目標用戶首(shou)次聽到(dao)或者(zhe)看到(dao)的(de)內容在無形中已經被重點(dian)強調了，我(wo)們(men)可以借此機會創造良好的(de)第一印象。

 

 

多(duo)鄰國的登錄頁面：僅用一句非(fei)常(chang)簡潔、有(you)針對性的文字，給人(ren)留下深深的印象

 

      近因效應

 

      與(yu)首因效應(ying)對(dui)應(ying)，人們(men)容易(yi)記住(zhu)第一印象，也最容易(yi)關注the last one。在(zai)頁面(mian)布局(ju)上信息出現的位置(zhi)至關重要，避免虎頭蛇尾。在(zai)登(deng)錄頁面(mian)底部可以提供一些與(yu)頁面(mian)開(kai)始位置(zhi)相同目的的信息與(yu)按(an)鈕。

 

 

多鄰(lin)國的(de)登錄(lu)頁(ye)面底部：放(fang)置(zhi)了一句號召語(yu)，呼吁目(mu)標用(yong)戶趕緊(jin)體驗(yan)產品

 

      重(zhong)復、重(zhong)復、重(zhong)復

 

      不(bu)(bu)可(ke)(ke)否則，“首”與“尾”都比較(jiao)容易記住。但是不(bu)(bu)代表中間內容不(bu)(bu)重(zhong)要(yao)，我(wo)們可(ke)(ke)以充分(fen)利用空間從各個角度重(zhong)申產品的價值與優勢，讓(rang)用戶真(zhen)正接收(shou)到核(he)心信息(xi)。

 

      利用社交屬性

 

 ;     人(ren)是復雜的(de)社交(jiao)群體，我們都(dou)需要適應社會。當(dang)看到很(hen)多人(ren)在做(zuo)同一(yi)件(jian)事情時，我們潛意識(shi)里會認為做(zuo)這(zhe)件(jian)事情是對的(de)，也會跟著做(zuo)這(zhe)件(jian)事。所(suo)以(yi)，使用很(hen)強烈的(de)、很(hen)真誠(cheng)的(de)推薦內容（圖形化(hua)的(de)）能夠提高登錄頁面的(de)轉化(hua)率。

 

 

Snitch很直(zhi)接的告(gao)訴潛(qian)在用戶，已經(jing)有(you)7493個人注冊使(shi)用了哦(e)

 

      表達權威性

 

      有沒有一些知名(ming)品(pin)牌、企業或者機構在使用(yong)你的(de)(de)產品(pin)？如(ru)果(guo)有，請把相(xiang)關的(de)(de)logo放置在登錄(lu)頁面，讓目標用(yong)戶(hu)感受到咱的(de)(de)產品(pin)有多么受歡迎(ying)和值得信賴。人們通常會(hui)尊重權威性，借此可以把潛在用(yong)戶(hu)發展成真正(zheng)的(de)(de)用(yong)戶(hu)。

 

 

Trusted Housesitters展(zhan)示了目(mu)前服務的(de)知名企業標識與獲得的(de)獎項

 

      害怕錯過

 

      人們(men)(men)通(tong)常(chang)害怕錯過，遠遠超過想(xiang)要獲(huo)得。我們(men)(men)需要清楚的(de)(de)(de)告訴潛在用(yong)戶如(ru)果不使用(yong)咱的(de)(de)(de)產品(pin)會錯失什么。當然不能說的(de)(de)(de)太冷漠(mo)、生硬，否則(ze)接(jie)收到(dao)信息的(de)(de)(de)人會感到(dao)恐(kong)慌(huang)、不安。

 

      表達緊(jin)迫(po)感與稀(xi)缺性

 

      有點(dian)類(lei)似于“饑餓營銷”的(de)意(yi)思，比如(ru)給用戶提供一段(duan)時(shi)間的(de)試用或者(zhe)限時(shi)購買。展示已賣出的(de)數量或者(zhe)目前可供選擇(ze)的(de)數量，讓(rang)用戶感受到(dao)緊迫(po)感，迅(xun)速采取行動。

 

 

亞馬遜用紅色表達存貨很少了，來吸引用戶的注意力

 

      鼓勵互惠

 

      用(yong)戶(hu)更想(xiang)知(zhi)道登錄(lu)(lu)后能獲取(qu)什么有價值的(de)東西(xi)，我(wo)(wo)們(men)想(xiang)要的(de)也(ye)不(bu)僅(jin)限于用(yong)戶(hu)信息，那么我(wo)(wo)們(men)需要做的(de)是拿(na)出一些用(yong)戶(hu)在(zai)乎的(de)內容作為回報，借(jie)此機(ji)會可以展示我(wo)(wo)們(men)的(de)產品與服務遠超過預期。比如，設計類(lei)學習網站登錄(lu)(lu)后可獲取(qu)psd素(su)材包等潛(qian)在(zai)用(yong)戶(hu)感(gan)興(xing)趣(qu)的(de)資(zi)料(liao)。

 

      講故事

 

      故事的(de)(de)魅力(li)(li)是非(fei)常強大的(de)(de)。不管是什(shen)么文化背景的(de)(de)人，通常記住故事比事實本身的(de)(de)能力(li)(li)要高達22倍以上(shang)。用(yong)講(jiang)故事的(de)(de)藝術觸發目(mu)標用(yong)戶的(de)(de)情感，優(you)秀(xiu)的(de)(de)文案策劃、圖片或者音(yin)、視頻圖像可以幫你快速的(de)(de)展示產品優(you)勢，引發情感共鳴與用(yong)戶轉化率。

 

 

 upstreamint是個(ge)國(guo)際公益救助網站，登錄頁面放置(zhi)了幾個(ge)鮮明(ming)的(de)(de)例子，網站內容與目的(de)(de)容易讓(rang)人記憶深刻。

 

      提供免費(fei)服務或內容

 

      每個人都喜(xi)歡免費(fei)。提(ti)供快速(su)能夠獲(huo)得的(de)(de)服務或者(zhe)產品試(shi)用(yong)(yong)，讓用(yong)(yong)戶在嘗(chang)試(shi)過程中打消(xiao)之前的(de)(de)顧慮。先試(shi)后購買模式的(de)(de)目的(de)(de)是為了提(ti)供良好的(de)(de)用(yong)(yong)戶體(ti)驗，最終贏得用(yong)(yong)戶的(de)(de)信(xin)任。

 

      以上關于登錄頁面(mian)設計的(de)15個心理學策略，并不是單獨作戰(zhan)的(de)，可根據(ju)自己的(de)產品需要，以及用(yong)戶的(de)特征，綜合考慮才能提高用(yong)戶轉化(hua)率。

 

      1個好用的分析工(gong)具：用數據去印(yin)證(zheng)，并快(kuai)速迭代

 

      傳統網頁熱點圖是通(tong)過使用(yong)(yong)不同(tong)的標志(zhi)將圖或頁面上的區域按照受關注(zhu)程度的不同(tong)加以標注(zhu)并(bing)呈現的一(yi)(yi)種(zhong)分析手段(duan)，標注(zhu)的手段(duan)一(yi)(yi)般采用(yong)(yong)顏(yan)色的深淺、點的疏密以及呈現比重(zhong)的形式。

 

      簡(jian)單來(lai)說：僅采集用戶的點擊行為（次數）

 

      最大缺點：無法精細化的區分不同用戶的瀏(liu)覽效果