網頁設計優化技巧:如何改進「退出確認」的彈窗體驗

網頁設計優化技巧:如何改進「退出確認」的彈窗體驗 - 網頁設計, 網站設計, 網頁方案, Website Design, 網絡推廣

當用戶嘗試關閉頁面或跳轉至另一頁面時,網站經常會使用「退出確認」彈窗來留住即將離開頁面的用戶。雖然這種網頁設計技術有可能會對轉化指標有標小幅度提升,但也有可能會對用戶產生負面情緒。

今天,香港網頁集團將和大家談論,如何改進「退出確認」的彈窗體驗,增加推出「退出確認」彈窗的感知價值,將用戶留在網站,並確保用戶和網站在交互中雙方受益。

如何改進「退出確認」的彈窗體驗?

改進一:給予即時折扣

對電子商務促銷活動的研究顯示,當用戶看到優惠券代碼,而他們並沒有優惠券時,他們通常會離開結賬頁面。與其因為用戶找不到優惠券代碼或在其他地方找到更好的交易,而錯過本次交易,倒不如在情景相關的情況下,給用戶提供優惠券代碼,這樣既可節省用戶的時間,給他們帶來驚喜,同時也能為用戶完成購買過程提供激勵。

【案例分析】

網頁設計優化技巧:如何改進「退出確認」的彈窗體驗
網頁設計優化技巧

當用戶嘗試推出結賬流程時,Beauties LTD的彈窗窗口是為用戶提供好處,而不是要求用戶做任何回報。

網頁設計優化技巧:如何改進「退出確認」的彈窗體驗
網頁設計優化技巧

當用戶是因為被競爭對手的產品所吸引,而打算退出頁面時,Casper.com的彈窗設計是通過讓用戶填寫簡短的調查表獲得折扣的方法,來捕獲用戶。

【結論】

退出彈窗設計並不是只有顯示優惠券才有效的,向用戶銷售項目或其他有用的相關信息,同樣能阻止用戶離開網站。

改進二:防止錯誤

用戶以為自己在網上購買了東西,結果商品遲遲未發貨,登錄賬號才發現訂單不存在。

【案例分析】

網頁設計優化技巧:如何改進「退出確認」的彈窗體驗
網頁設計優化技巧

當用戶試圖離開頁面時,Pricefalls會出現「尚未完成」的彈窗,告知用戶他們尚未下單。

【總結】

通常導致這種情況發生的罪魁禍首是交互流,如:在處理交易前會出現幾個確認頁面,用戶會迷失或認為交易已完成。因此,網頁設計時可設計複查頁面,告知用戶交易未完成的信號。

改進三:保存進度

有時,用戶離開頁面可能是想在其他時間完成任務,但大多數用戶離開頁面,即使他們有意想完成任務,也有可能是因為各種原因而沒有回來繼續完成。

【案例分析】

網頁設計優化技巧:如何改進「退出確認」的彈窗體驗
網頁設計優化技巧

KBauthority.com退出確認彈窗用於保存未經身份驗證的用戶的購物車,以備日後使用。彈窗只要求用戶填寫Email賬戶,以盡可能少的流程,提醒用戶繼續完成交易。

網頁設計優化技巧:如何改進「退出確認」的彈窗體驗
網頁設計優化技巧

同樣,99designs.com也是使用確認彈窗,要求用戶填寫Email賬戶,以保存他們的製作內容,這樣他們再次登錄網站時,就可以按照上次的流程繼續進行。

【總結】

當用戶因為某些原因無法即時完成流程時,可幫助他們保存進度,方便他們往後能繼續前進的旅程。保存進度不僅僅是適用於電子商務的購買,對於其他耗時任務同樣適用。

改進四:提供其他有價值的東西

用戶離開之前,考慮讓他們注意到網站上可能對他們有用的東西,藉此向用戶展示網站是有用的資源,從而建立「轉化業務」的關係。

【案例分析】

網頁設計優化技巧:如何改進「退出確認」的彈窗體驗
網頁設計優化技巧

GreatskinKC.com的退出確認彈窗是在線咨詢工具的廣告,該工具透過個性化的方法為用戶提供診所醫療服務教育,以此與用戶產生共鳴。

網頁設計優化技巧:如何改進「退出確認」的彈窗體驗
網頁設計優化技巧

MyModernMet.com在退出確認彈窗中提供免費創意資源指南下載,不過該提議要求用戶訂閱其他資訊,容易被用戶視為獲取Email的不道德手段。

【總結】

如果不想讓用戶輕易離開網站,在退出確認彈窗增加對用戶有用的資源,這會讓用戶延長停留網站的時間,繼而將注意力轉向他們感興趣的內容,增加轉化的可能。

改進五:收集反饋以更好地為他們服務

當用戶離開結賬流程時,網站會使用退出確認彈窗來請求反饋,雖然這種反饋最終對公司有利,但如果反饋請求以用戶為中心,真正地幫助用戶,這會更加好。

【案例分析】

網頁設計優化技巧:如何改進「退出確認」的彈窗體驗
網頁設計優化技巧

當用戶放棄購物車中大量商品時,Lowes.com的退出確認彈窗要求提供反饋,雖然語言比較平實,卻沒有表明該反饋對用戶有任何好處。

網頁設計優化技巧:如何改進「退出確認」的彈窗體驗
網頁設計優化技巧

與上述一樣,Tommy Hilfiger都是要求用戶離開購物車頁面時提供反饋,但它的語言是以客戶為中心,更容易獲得用戶的理解。

【總結】

雖然上述案例都是來自電子商務網站,但很多類型的網站同樣可使用「請求反饋」功能。

改進六:稍後提醒用戶

並非所有用戶瀏覽網站時都會選擇直接購買,他們更多會透過研究和比較,挑選出性價比更好的購買方案,以便日後購買。這種情況在特定場合或換季出售的商品和服務更為常見。

【案例分析】

網頁設計優化技巧:如何改進「退出確認」的彈窗體驗
網頁設計優化技巧

myweddingreceptionideas.com知道用戶在研究婚禮喜好時會被很多選擇所困擾,因此會透過退出確認彈窗提醒用戶,減輕用戶追蹤在線發現的想法和負擔。

【總結】

為顧客提供合適的購買方案,能緩解顧客因選擇困難造成的負擔。

改進七:提供支持

如果你提供的服務很複雜,或客戶可從與人交談中受益,不妨為客戶提供聯繫渠道,尤其是用戶需要進行實時聊天的情況下。

【案例分析】

網頁設計優化技巧:如何改進「退出確認」的彈窗體驗
網頁設計優化技巧

當用戶離開頁面時,Sumo.com會彈出在線聊天功能的確認退出窗口,方便用戶及時與員工交流。

【總結】

大多用戶未必會有聯繫客戶的想法,又或者他們覺得主動聯繫客戶很麻煩,但如果你能夠利用最簡單的方法吸引用戶交流,他們可能會接受你的邀請。甚至這個簡單的交互功能,能維持網站和用戶之間的聯繫,讓他們記得網站對他們的幫助。

改進八:將用戶定向到其他渠道,或客戶旅程下一步

靜態網站未必能與每個潛在客戶產生良好的共鳴,部分用戶可能是與其他媒體互動,從而了解你的產品,但他們一般不會自行對你的網站採取行動。但如果有其他設置或渠道引導用戶了解產品或服務的信息,可在用戶離開網站時提醒他們。

【案例分析】

網頁設計優化技巧:如何改進「退出確認」的彈窗體驗
網頁設計優化技巧

Zendesk.com向離開頁面的用戶提供產品演示,這可能對尚未考慮但對產品有興趣的用戶,或許有幫助。

【結論】

這類型的彈出窗口能降低用戶的搜索、查找替代渠道以及網站補充信息的交互成本,當用戶需要採取行動啟動或查找相關信息時,可利用這類型窗口很好地工作。

改進九:使用戶察覺到新的內容或功能

如果網站已經建立很長時間,難以將新產品傳達到用戶,可使用退出確認彈窗,向用戶傳達新產品的優勢。

【案例分析】

網頁設計優化技巧:如何改進「退出確認」的彈窗體驗
網頁設計優化技巧

TripAdvisor多年來一直被認為是研究和審查旅遊相關項目的產品,當它增加了預定酒店功能時,該網站使用退出確認彈窗告知用戶這項新功能。

改進十:提及用戶友好政策

當客戶在網上研究產品和服務時,他們會通過多個站點進行多種選擇,如果你有出色的客戶服務政策,不妨在退出確認窗口提及到,以此引起用戶的注意。

【案例分析】

網頁設計優化技巧:如何改進「退出確認」的彈窗體驗
網頁設計優化技巧

barilliance.com在「知道」用戶要離開時,透過彈出窗口讓他們了解到網站具有價格匹配的保證。

【總結】

為用戶提供友好策略,能為用戶提供一個選擇你而不是競爭對手的理由,尤其是用戶在研究過程中需要搜索這些策略。因此在用戶操作流程中提供有價值的策略,可能會給用戶帶來好處。

彈出窗口會被用戶討厭,主要是因為用戶在執行重要任務時,會打斷用戶的進程。但確認退出彈窗不同,因為它具有以下幾個特點:

①用戶退出網站時,確認退出彈窗像最後通知,因此影響比傳統彈窗小;

②確認退出彈窗應該是向用戶傳遞重要消息或提供有用信息;

③確認退出彈窗的風險很低,因為對與信息無關的人而言,彈窗不會阻止他們繼續前進,同時也不會產生任何問題。


香港網頁提供一站式數碼營商方案服務,包括、網頁設計、網絡推廣、網頁管理與寄存、系統開發及其它增值服務,全方位滿足客戶的業務需要,歡迎隨時聯絡我們,香港網頁是您開拓網路商機的最佳伙伴。

聯絡電話: 37499734
電郵地址: [email protected]
網址: www.hkweb.com.hk