Facebook Pixel Facebook Pixel

4招介面設計技巧,將初次造訪者變成會員!

2017-12-27
SmartM/許博涵
4招介面設計技巧,將初次造訪者變成會員!
圖片來源 : Pexels
【SmartM解讀】介面設計影響用戶體驗,利用網頁置頂訊息、兩部註冊法、文末邀請、彈出視窗,企業更有機會抓住初次造訪者。
根據統計,初次造訪網站的用戶中,有高達70%的人離開網頁後不會再回來。對網路平台而言,能否在用戶第一次瀏覽時便創造好的使用者體驗,藉此提高用戶轉換率是非常重要的。
隨著智慧型手機的普及,目前有超過60%的網路活動來自行動裝置,行動用戶的攀升意味著消費者瀏覽行為的不同,網站的設計也不能只套用過去模式。為此,網站優化公司OptinMonster共同創辦人Syed Balkhi針對行動用戶瀏覽習慣提出4個設計:

1.使用網頁置頂訊息(Sticky header),創造好的用戶體驗

在進入網頁時,網站彈出的廣告視窗或優惠資訊,都可能導致用戶跳出。雖然這樣能確保每個瀏覽者都得知優惠活動,提升購買機會,然而相較於電腦,手機的螢幕較小,關閉視窗時容易按到其他連結,可能導致用戶體驗變差,有些人甚至會因而直接離開網站。
想要傳遞重要訊息給用戶,特別是優惠資訊時,其實可以考慮使用網頁置頂訊息。置頂訊息位於網頁最上方的位置,而且不論消費者怎麼滑動頁面,置頂訊息都在,這樣的設計能夠最小化用戶滑動造成的影響,卻又同時傳遞重要資訊。在撰寫置頂訊息時,不妨加入時間倒數器,增加優惠的急迫性,誘使消費者點進連結並購物。
4招介面設計技巧,將初次造訪者變成會員!
網頁置頂訊息示意圖

2.兩步驟註冊法,Call-to-action提高轉換率

在顧客瀏覽網頁的過程中,如果突然跳出要用戶註冊的視窗,一般人下意識的反應是直接關閉,大大降低了成為會員的可能性,然而若是用戶有先點選「想要獲得更多資訊」鍵,結果則會完全不同。根據心理學蔡尼格效應,當人開始一項工作後,若沒有完成,心裡會出現不適感,因此會有一股動力想要結束工作。利用這個理論,如果想要提升會員轉換率,可以設計一個誘人的Call-to-action鍵,誘導用戶一步一步成為會員。
4招介面設計技巧,將初次造訪者變成會員!
Call-to-action設計範例

3.不使用側邊欄(Sidebar),文末邀請用戶註冊才是王道

在傳統網頁設計中,側邊欄是一個常用的功能,但在螢幕縮小的今日卻不如以往實用。側邊欄位於網頁的右方,隨著滑鼠滾動而一起改變位置,過去電腦螢幕較大,這樣的設計不會遮蔽掉網站主要內容,但當螢幕縮小,側邊欄已經不適用於行動瀏覽中。如果想邀請用戶註冊會員,其實可以將邀請資訊放置於文章末端、訪客評論前,這樣不僅不會干擾行動用戶的瀏覽體驗,用戶甫看完一篇內容,對於網站價值有所了解,也較能吸引他們成為會員。
4招介面設計技巧,將初次造訪者變成會員!
剛看完文章時,是說服用戶成為會員的最佳時機

4.偵測用戶活躍度,主動彈出訊息給停滯用戶

根據統計,有高達80%的用戶從未在手機上完成購買流程。在手機瀏覽為大宗的情況下,如果沒有在用戶第一次瀏覽時就吸引他們的目光,銷售機會將大幅降低。事實上,網站應該要監測用戶的瀏覽行為,如果用戶停滯於頁面過久,3分鐘都沒有滑動螢幕,這意味著他們即將離開網站,這個時候,網站應該要主動跳出視窗,建議用戶註冊,說服他們重新回到消費流程中,無形中也增加網站轉換率。
4招介面設計技巧,將初次造訪者變成會員!
偵測到用戶停滯時,主動跳出視窗,說服客戶重新回到消費過程中
隨著行動用戶的不斷增長,優化行動頁面勢在必行,透過上述的方法,成功抓住消費者目光吧!
 
延伸閱讀
參考資料
【超過300本影音說書陪你成就更好的自己】讓大大學院與你共讀,幫助「沒時間讀書」、「讀書速度很慢」、「讀完就忘記」、「抓不到重點」的你,利用18分鐘領略閱讀的樂趣,吸收並帶走鮮明觀點,真正讓知識內涵融會於日常生活。立即點擊加入
大大讀書|全台最大線上影音說書
本網站內容未經允許,不得轉載。歡迎來信投稿、洽談文章授權。

關注職場最新趨勢,為知識學習創造最佳環境

大大學院「全台最大影音說書.知識學習平台」,致力於推廣終生學習、培養職場人士的閱讀習慣。

按讚、追蹤「大大學院」Facebook粉絲團,每天更新最新職場趨勢文章,帶你掌握關鍵資訊。

加入「大大學院|職場趨勢新觀點」,最新、最實用的職場課程都在這,學習資訊不漏接!請用手機點擊「加入Line好友」連結,或是掃描QR Code加入。

處理中