← Career advice
Advice Columnist

【點解客人唔買嘢?】購物車成日「棄單」?8 大 UX 陷阱你要知!

【點解客人唔買嘢?】購物車成日「棄單」?8 大 UX 陷阱你要知!

甚麼是UX Design?
用戶體驗設計(UX Design)是一種用於創建科技產品的方法,可以幫助用戶獲得流暢並滿意的體驗。簡而言之,UX Design旨在提高客戶的滿意度。整個設計過程包括考慮全面的設計,以及將產品與其他重要的信息(包括品牌,可用性和功能)集成在一起。

UX Design如何幫助您的業務?
如果您的業務包括在線上進行的電子商務,那麼您必定認同在數碼世界中,一個有吸引力的UX Design必然是您眾多關注的問題之一。在虛擬世界中,專注於良好的UX Design是促進高水平業務增長,以及減少「購物車放棄率」的關鍵。

UX Design反映了用戶體驗以及他們從首頁到結帳階段的整個在線過程。因此,用戶體驗與整體轉換率(conversion)和轉化漏斗(conversion funnel)的成功有很大關係。由於這個事實,許多成功的電子商務領導者都強調UX如何幫助轉換更多的前景。我們將探討甚麼是所謂不完美的UX Design,以及如何改進UX Design才能帶來更互動和智能的在線業務。

不完善的UX Design特徵
在線業務通常在說服力度、參與度(engagement),信譽度(credibility),保留率(retention)和轉化率(conversion)方面遇到限制。到達結帳頁面的客戶非常少,在線零售商是這種現象的最大受害者,他們的網上零售業務通常有超過70%的購物車放棄率。如果您對在線業務抱有很大的野心,那麼複雜、低質量的UX就是一個很大的阻力。為了增加轉化率並減少顧客放棄購物車的機會,您需要了解好的UX Design的重要性。以下是用戶體驗不佳的一些跡象:

沒有相容於行動裝置瀏覽的結構

由於人們慣於使用行動設備進行快速搜索,因此目前全球的在線網站總訪問量中,有一半以上來自行動版本。為了吸引客戶留在網頁上並參與其中,企業絕對有必要建立一個移動友好型(mobile-friendly)網站。61%的用戶表示較願意在這種網站上購物。

Google最近更宣佈,就SEO排名而言,移動友好的網站表現比傳統的網頁更優勝:多於一半的搜尋結果來自於移動設備。這意味著移動可用性應成為所有線上業務的核心重點。

漫長而艱鉅的購買流程

結帳過程是轉換程序中的細微但重要的部分,它的好壞可以決定轉化漏斗之成敗。太長或複雜的結帳步驟是用戶最不希望看到的購物過程。考慮到客戶有限的耐性,理想的結帳頁面不應包含多於8-10個的輸入空間,這已經足以讓客戶填寫最基本的付款明細並完成結帳。

不清晰明確的產品賣點

您的網站必須向用戶直接並簡潔地展示其目的,尤其是在用戶的前8-10秒黃金瀏覽時間中。如果他們不明白您所銷售產品的明確並有說服力的賣點,他們會立即離開網站。快速簡短地說明您銷售的產品、它能如何解決客戶的問題,以及這為甚麼是一個獨特的產品。

模糊的號召性用語(call-to-action)按鈕

無論是聊天、產品諮詢、表單填寫、直接購買,還是頁面訪問,清晰的號召性用語都可以節省不必要的麻煩。簡單、直接的CTA可以讓您分辨出潛在客戶。完美的號召性用語應該是非常明顯和具體的,與其他UX元素相比更為突出。明確說明您希望客戶採取什麼行動,例如如果希望客戶訂閱新聞通訊,則專門設計一個按鈕,上面寫著”訂閱我們的通訊”。

以有效 UX Design 實踐無障礙購物

從線上業務策略的初始階段考慮UX Design時,完美的UX Design會讓你看到切實的好處,因此你必需在初始階段將UX視為重要原素,而非到後期才檢視。儘管如此,如果你已經有一個網站,而又無法在整個網站上進行全面修改,改善UX Design亦可以使線上營運更有效,方法如下:

創建無阻力的結帳路徑

在轉化漏斗中,結帳這部分具有重要意義(如前所述)。確保結帳過程簡潔、快捷,客戶在購買時便不會失去耐心。通過減少客戶進入下一階段時所需填寫的字段數量,使一切變得簡單。基於此想法,將整個結帳簡化為兩頁流程,可以使客戶感到放心和有信心。

為了進一步加快結帳速度,您可以實施結帳頁面的自動填寫(auto-fill)功能,客戶只需單擊幾下即可完成該過程。地址、電子郵件或姓名和區號的自動化輸入可以節省大量時間,同時消除任何輸入錯誤。

無縫體驗

根據2016年Forrester Research的見解,精心設計的用戶體驗可以使網站轉化率提高400%。大量的業務運營和相關的客戶互動都在線上進行,確保您的業務網站是跟據客戶的思考模式而訂制,並能與客戶建立聯繫非常重要。通過您的在線網站轉化更多潛在客戶的唯一方法,是創造無縫的用戶體驗。流暢的互動、輕鬆的導航,以及迅速的客戶支持渠道,有助於提供無縫的UX體驗。

不要太樂於提供選項予客人

在營運上,很多事情都是過猶不及的。更好的用戶體驗設計會保留一些好的選擇或客戶必須做出的決定,才能帶來最少的困惑。不是說要減少業務的彈性,而是避免給予太多選擇而導致客戶選擇困難。要記住,在客戶購物的每個階段中,提供過多的選擇可能會增加混亂和煩惱,令他們最終沒有完成整個購物流程,是為「決策疲勞」。

預先計劃所提供的所有選項,來推動客戶作出更快的決策,注意哪些信息可以影響客戶並增強他們的信心,保持清晰地顯示關鍵細節,例如訂閱費用、運輸費用、第三方付款費用等。

產生信任信號

如果您的網站經常遇到拒絕訪問、網站錯誤、混亂的價格結構、誤導性的服務承諾、缺乏安全標準和付款方式受限的問題,那麼您與客戶的在線互動將不會有成果。您要創造更多的網站轉換和信任信號的機會,集中精力為用戶創建從登陸頁面/首頁到結帳頁面的平穩、可靠的旅程。如果每個要素都能體現出承諾和真實性,那麼客戶就會相信您的業務。

其他可行的方法是,獲取與您有生意往來的知名公司的透明評論、推薦。

優化行動裝置上的 UX

當您的大部分業務像電子商務網站一樣在線運營時,引入一些簡單而智能的用戶體驗設計,可能會吸引大量由移動裝置而來的客戶互動。例如,您可以考慮增強導航功能,並在頂部添加搜索欄或按鈕。

您亦應該加快在移動設備上加載網頁的速度,這也是為使用移動設備的客戶改善移動用戶體驗的另一種方法。為了獲得更好的移動UX互動式界面,iPhone建議使用44像素按鈕。

在一次購買和終身購買之間進行選擇

並非每個客戶都會成為您的終生忠實客戶。但是,如果一次購買時同時暗示了一個忠實的承諾,那就這樣吧。當您看到在線訪客對嘗試提供產品感興趣時,表明他們對您的產品存在良好的印象,亦有可能演變成忠誠的客戶。明智的做法是用無協議政策,即客戶無需特定帳戶或合同即可購買自己喜歡的產品

結語:選擇經驗豐富的UX 學習夥伴

有興趣了解更多,可報名參加於2025年11月4日CPJobs x Xccelerate 舉辦嘅Lunch & Learn 活動,了解更多有關Design Thinking Revolution: Create Digital Experiences That Convert 嘅知識,或到Xccelerate 網站了解更多。

Bootcamp Insider

Bootcamp Insider

"Bootcamp Insider" demystifies data science and machine learning. This column explores concepts, insights, and real-world impacts, making complex topics accessible. Understand how data knowledge can unlock possibilities. Click to know more: https://www.xccelerate.co/

Keep reading

Related career advice

三十未立、四十仍惑:職場中年人如何重新規劃人生下半場?
Advice Columnist

三十未立、四十仍惑:職場中年人如何重新規劃人生下半場?

香港人愈來愈富裕,是否代表生活愈來愈快樂?近期公布的香港快樂指數顯示,整體指數由去年5.95下跌至5.87,Y世代(Gen Y)的幸福感更低於其他年齡組別。對不少三、四十歲的職場人士而言,,即使收入和事業逐步穩定,仍可能對未來感到迷惘。 同樣身為Gen Y,我認為問題未必單純在於收入多少,而是當我們習慣以薪酬、職位和資產衡量成功時,容易忽略一個更重要的問題:自己是否有能力選擇想過的生活? 不只累積財富 更要建立收入來源 傳統職涯觀念鼓勵人努力工作、升職加薪,再逐步累積財富。但如果收入完全依賴工作時間和個人付出,一旦停下來,收入便可能受到影響。 因此,除了累積資產,我亦重視創造被動收入,減少對單一收入來源的依賴。無論是投資帶來的利息、股息或租金,還是建立可持續運作的業務,都有機會讓收入不再完全受制於工作時間。 這並不代表被動收入可以不勞而獲。投資需要承擔市場風險,建立業務亦需要前期投入和持續管理。重點是有計劃地建立收入來源,讓自己在面對工作或人生變化時,多一份底氣。 從個人努力到走向企業化經營 在事業發展上,我亦嘗試由依靠個人時間和能力創造收入,逐步走向企業化經營。這與ESBI收入模式的概念相近:E代表受僱工作(Employee)、S代表自僱工作(Self-employed)、B代表企業經營(Business owner),I代表投資(Investor)。 這個框架讓我思考,如何將個人經驗和能力轉化為團隊、流程及可持續運作的業務,減少對自己事事親力親為的依賴;同時透過長期投資,逐步累積金融資產。 當然,並非每個人都需要創業或追求同一種收入模式。重要的是了解自己的能力、資源和風險承受程度,選擇適合自己的發展方向,而不是盲目追求快速致富。 理財是為人生保留更多可能 重新規劃人生下半場,不一定要在短時間內賺取大量財富,更不必因為未能在某個年紀達成置業、升職或結婚等社會期望而感到落後。我會建議先由三方面着手: 財富管理的目的不一定是提早退休,而是當機會或變化來臨時,自己有能力作出選擇。三十歲未必需要事事安定,四十歲亦不代表不能重新開始。與其只追求更高收入,不如及早建立穩健的財務基礎,讓自己日後有空間投入真正重視的事情,活出自己認同的人生。

【職場 Hacker】LOOP 框架:如何把新知變成工作成果
Advice Columnist

【職場 Hacker】LOOP 框架:如何把新知變成工作成果

怡君是一位產品經理,工作很努力,也很願意學習。但她有一個問題:學了很多東西,卻不知道怎樣真正用在工作上。 「Kenneth,我收藏了很多課程,也看了很多文章,」怡君說。「可是每次工作一忙,學到的技巧都停在筆記裡。我到底怎樣才可以把學習變成成果?」 「你缺的不是更多知識,」我說。「你需要一個把新知放進真實工作的閉環。LOOP 框架可以幫你。」 什麼是 LOOP 框架 LOOP 是 MAKER 層中 Kaizen(持續改善)模組的實踐框架,幫助你把學習、執行、觀察和打磨,變成一個可以不斷重複的成長循環。 LOOP 代表四個步驟: 怡君的 LOOP 實驗 我用 LOOP 框架幫怡君把「學習」放回她真實的工作流程。 L – Learn(學習) 我先問怡君:「你下週一定要完成哪一項工作?」 怡君說:「我需要向管理層提交一份產品提案,但每次他們都說內容太多,抓不到重點。」 我告訴她:「今次不要貪多。你只需要學一項微技能:如何在一頁簡報先講結論。」 她沒有再報讀一門長課,而是花 20 分鐘閱讀一篇關於金字塔結構的短文,只記下三個重點:先結論、再原因、最後才是細節。 O – Operate(執行) 第二步,是把學到的東西放進真實任務。 怡君沒有重新做整份提案,只挑選其中最關鍵的一頁,在開頭先寫上建議方案,再用三個原因支持結論。 我告訴她:「第一次不用追求完美。你只需要在一個真實場合,試一次新的做法。」 於是,她把這一頁放進當週的產品評審會。 O – Observe(觀察) 會議完結後,我請怡君不要只靠感覺判斷,而是觀察三件事:會議是否縮短、同事追問是否減少、提案要來回修改多少次。 她發現,這次管理層很快明白她的建議,問題由「你到底想做甚麼?」變成「這個細節可否再調整?」。 會議時間少了,版本往返也比以前少。她開始明白,學習是否有用,不是看自己看了多少內容,而是看工作有沒有出現可觀察的改變。 P – Polish(打磨) 最後一步,是把有效做法留下來。 怡君把這次簡報的結構整理成一張小清單:先寫結論、列出三個支持原因、把細節放在後面。她還為這個模板加上版本號,方便下一次提案再使用。 兩週後,她沒有變得更有空,但她的工作方式開始變得更穩。決策拉扯少了,文件更開門見山,同事甚至開始沿用她的格式。 怡君的轉變 怡君開始每週做一次 LOOP 微實驗。 有時,她練習把客戶回覆寫得更清楚;有時,她測試新的會議開場方式;有時,她把常見的審稿意見整理成檢查清單。 她不再問:「我還要學甚麼?」而是開始問:「我今週要把哪一個新方法,用在甚麼真實工作上?」 一段時間後,她累積的不只是知識,而是一套可重複使用的工作方法。 […]

【職場 Hacker】WEB 框架:如何建立策略性人脈
Advice Columnist

【職場 Hacker】WEB 框架:如何建立策略性人脈

以下故事,純屬虛構,如有雷同,實屬巧合 Marcus 是一位 30 歲的產品經理,能力很強,但他有一個問題:人脈。 「Kenneth,我的人脈很少,」Marcus 說。「我該如何建立人脈?」 「你需要策略性地建立人脈,」我說。「WEB 框架可以幫你。」 什麼是 WEB 框架 WEB 是 MAKER 層中的 Allies(人脈)子框架,專門用來建立策略性人脈。 WEB 代表三個維度: – Who(誰需要連結):明確目標對象與關鍵節點 – Exchange(互惠交換):建立可持續的互利關係 – Bridge(橋樑):成為不同圈子的連接者 Marcus 的 WEB 策略 我用 WEB 框架幫 Marcus 建立人脈: W – Who(誰需要連結) 第一步是釐清要連結的對象,並系統性擴大觸及。我問 Marcus:「你認識多少人?」 Marcus 說:「大概 50 人,主要是同事。」 我給他一個目標:一年內認識 200 人。 Marcus 開始這樣做: – 每月參加 2 次行業活動 – 每週在 LinkedIn […]