<address id="ttjl9"></address>

      <noframes id="ttjl9"><address id="ttjl9"><nobr id="ttjl9"></nobr></address>
      <form id="ttjl9"></form>
        <em id="ttjl9"><span id="ttjl9"></span></em>
        <address id="ttjl9"></address>

          <noframes id="ttjl9"><form id="ttjl9"></form>

          交互設計:頁面轉化率低?從 2 方面入手改善!

          2022-3-23    周周

          前景提要

          淘寶的訂單頁的優化可以最直接的反應對于轉化率的思考,新頁面不僅更加簡潔,信息傳達更高效。那設計師對于頁面的轉化上可以怎么思考呢?可以采用什么手段在設計上去做文章,凸顯設計師在項目中的價值,為業務帶來飛躍的轉化呢?今天我們來聊聊,設計師在做這種轉化頁面出發點是什么?可以采取什么手段去承載流量,提高轉化。

          仔細看可以發現,設計師對 頁面信息結構 進行了重整,更注重 傳遞價值感,將用戶 關注的信息都做的更加突出,結合優惠活動,讓用戶心理感覺更省錢了。以上這些都是為了去傳遞用戶價值,不斷的刺撓用戶心防,讓用戶破防!


          一、凸顯價值      



          在這么激烈的競爭下,各大產品都想盡辦法留住用戶,占據用戶的時間,因為大家都知道 用戶不愿意在價值的事情上浪費一秒鐘,在界面上如果沒有看到有用的信息可能就劃走了。所以在轉化頁這種承流量的頁面,凸顯用戶價值非常重要。我們首先應該 明確目標用戶想要的到底是什么?是優惠?是承諾?還是被認可? 
          如:購物類產品,用戶在平臺上可以獲得什么價值?除了可以不用去實體店在家就可以下單(滿足惰性)外,在使用APP過程中還能獲得什么價值?購物的爽感、有優惠便宜感覺自己賺到了?所以具體設計轉化頁扥的時候就是要抓住這些最關鍵點,然后進行放大,不斷刺撓用戶心防。 


          ① 讓用戶感覺省錢



          其實絕大多數用戶都不是理性消費者,因為我們都不愿意去思考,辨別信息,所以正對人性的弱點,我們可以思考讓用戶暫時失去理性的辦法。如:、虛榮、逆反等等,其中便宜和錯過是最常用于設計中的。在如何讓用戶感覺到更省錢錯覺的方式可以通過直接展示和對比展示的方式來達成。 


          直接 | 通過優惠標簽、對比、簡單粗暴告知省了多少錢

          幫消費者算好優惠了多少錢算是簡單粗暴且常見的方式,我們會看到很多頁面就是直接將“省了XXXX元”弄得老醒目了,因為這個就是最直接的手段,用戶一看就:哇,這個便宜這么多誒~




          間接 | 營造一種錯過就虧了、就沒有了的感覺 

          這在心理學叫:損失厭惡,它指的是人們對已經擁有的事物會習慣性地視若無睹,只有在失去或即將失去的時候才會產生加倍的珍惜感。對應到收益與損失上在人們心理敏感程度上來看,比起收益,人們對于損失更加敏感,這就是為什么在雙十一期間,各大商家都打著:“全年最低價,再不買就漲價、不買你就虧了、搶光了...”的標語,但是這種只是感覺上給人們造成好像真的“虧大了”,但是就算買到其實也未必賺到。所以,我們在具體界面上也可以適當采用這個原理技巧,增加緊迫感和稀缺性元素,營造一種錯過就虧了的感覺,讓用戶在猶豫時,能夠斬釘截鐵的按下 “轉化按鈕”! 

          上圖VUE、脈脈都是采用“限時”的這個手法來因遭稀缺性與緊迫感,從而增加用戶購買欲望,而京東則采用“僅剩1件”“一年歷史最低價”的方式來營造緊迫感。





          ② 強化產品賣點打消用戶疑慮



          打鐵還需自身硬,產品是真的好才能真正的吸引用戶最終購買??梢钥吹浆F在各大商家為了更直觀的展示自家產品的特點,差異點,將產品圖都做成動態、視頻的了的(看誰更卷,我看卷不死你)。這種手段就是為了更加高效,直觀的展示產品本身的特質,讓用戶看了一目了然。在通過分析得出產品最終賣點后,在呈現形式上交互設計師也需要多多考慮。以下重點在展示產品賣點方式上進行闡述。 


          動態化展示


          淘寶上的商品動圖,非常直觀的展示產品核心特性,幫助消除用戶疑慮。 



          對比型展示

          通過列表直接展示普通用戶和會員用戶間的差異,這樣的方式直觀,代入感強,能夠很好體現產品本身的服務價值,更容易打消用戶購買疑慮。


          平鋪直述

          直接將用戶可以獲得特權展示,告知用戶可獲得哪些權益與服務,一般通過icon+文案的方式直接呈現給用戶。  


          這樣的方式雖然沒什么大問題,但是在比較多權限的時候,細看其實會不知所云,不知道具體是干嘛用的,所以如果要采用這樣的方式建議搭配輔助說明。


          亮數據(權威性)

          將產品的數據直接展示出來,通過多維度數據權威展示產品亮點。 




          所以在凸顯價值感知上我們可以怎么做:


          a、建立標簽體系,通過標簽優惠讓用戶感覺省錢

          b、營造稀缺與緊迫感,讓用戶感覺再不行動就虧了

          c、強調產品核心賣點且直觀展示
          d、數據化闡述可信度更高,更有權威性




          二、提供清晰交互動線

          交互本身是一個動態的過程,轉化頁有時需要承載比較多的關鍵信息,而如何讓這些信息清晰,有序的展示在用戶面前并引發用戶互動是交互設計師需要思考的??梢詮?頁面框架、操作引導上去思考與用戶的關系。




          頁面框架


          轉化頁面的上的信息需要非常高效的傳達給用戶,應采用最高效的方式展示給用戶。因為不同于購物類、視頻類APP用戶以“逛一逛、刷一刷”看看有啥好看的心態,漫無目的的瀏覽,而是會集中精力尋找價值從而說服自己去買,所以我們 框架盡量線性,符合自上而下,自左往右的閱讀習慣,所以放到頁面上建議 直接大模塊化從上至下排布,這樣能讓頁面更加規整,也符合與用戶的視線。 

          以上是我在各大應用會員轉化頁的框架,可以發現,拋開內容信息,整體框架前兩個會讓人感覺更舒服,這樣的搭配更加流暢性,比例更好,不會太分割,其實在設計模塊化卡片大小時也可以考慮下黃金比例。


          操作引導


          位置


          由于轉化頁需要展示較多信息給到用戶充分思考,所以一般根據用戶的瀏覽習慣,按鈕一般放下右下角視覺落點處,這樣能后比較好的組織頁面內容,突出又不強頁面主要視線。 



          大小和顏色

          重要的轉化按鈕大小絕對不能太小,但也不宜過大。記得UI中有關于按鈕大小的計算公式,可以在這個公式基礎上進行靈活調整。有些寬度很寬是為了加大用戶點擊熱區,讓用戶更容易點到。 

          顏色一般使用應用主題色,如果有多個按鈕,主按鈕顏色盡量有一定對比,這樣才能將我們想要讓用戶點擊的那個跳出來。


          動效


          動效一般在按鈕上增加一些掃光、光效、按鈕本身輕微動效即可,只要很微小的效果就可以,因為人眼在一堆靜態內容中很容易注意到動的東西,如果做的很強烈就本末倒置了。 




          文案


          按鈕上的文案一定程度上也能夠促進轉化,所以在文案上表意的基礎上可結合我上面講述的第一部分進行文案的設定,加強用戶感知! 






          文章來源:站酷 作者:小發的設計筆記

          分享此文一切功德,皆悉回向給文章原作者及眾讀者.


          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

          日歷

          鏈接

          個人資料

          藍藍設計的小編 http://www.syprn.cn

          存檔

          亚洲va欧美va天堂v国产综合