UI及UX如何幫助你的網店生意?網購時代必學增客術 | 文章 – 滙豐機滙

撰文:Stephanie、Ray / 圖像設計:Kay

按此聆聽有聲書版本

無論肺炎疫情有否爆發,全球的銷售模式趨向網上化已是不爭事實,而疫情更將這個趨勢再推一把,特別是零售業必須靠網店方能發展、甚至生存下去。不過人人都開網店,唔通人人都識開網店咩?在網購時代,UI (User Interface) 使用者介面 和 UX (User experience) 使用者體驗變得越來越重要,你又是否認識這兩組英文字嗎?

消費者研究公司 iPerceptions 曾經進行研究,分析超過 36 萬個網上用家,發現高達 60% 的消費者由於網站 UI 或 UX 出現問題而有購買障礙,甚至接近 80% 的顧客會因網店設計差劣而不願意消費!當你認為「擁有網店就足夠」時,其實設計差的網店是「有等於無」!你還可以輕視使用者體驗嗎?

甚麼是 UX 和 UI?

UX 和 UI 都是因應「使用者的感受」而去進行設計,不過兩者有所不同:

UX 使用者體驗是產品和網站「用起來怎麼樣」,例如你的網站是否方便使用?或者是否配合大眾的使用習慣?舉例:如果你經營一間網店售賣產品,你的「付款」按鈕是否放在明顯的位置,還是收藏在難以察覺的地方?試想想:即使我喜歡你的產品,但如果很難才能付款,消費者很容易就失去耐性而放棄購物。

UI 使用者介面是指產品和網站「看起來怎麼樣」,簡單來說就是視覺上的設計。再引用上方例子:你的「付款」按鈕已經放在很明顯的位置,但你使用了黑色為底色、再用深藍色文字,可能令消費者無法察覺這是一個按鈕!

UX 和 UI:誰比較重要?

因此,UX 和 UI 同樣重要,前者的重點是令消費者用得舒服、方便,大家毋須複雜教學就能做到你想他們完成的事 (例如購物、登記報名、加入會員等等);而後者則是令使用者喜歡你的網站,好像使用顏色、形狀、字型、字體大小等,增加大眾的好感及有所行動 (例如令人很想按下去的按鈕、很想分享給朋友的設計等)。

某些企業對 UI 和 UX 定義不清楚,往往只重視 UI 設計美觀,認為只要做一個漂亮門面 (網頁或 App 的界面),就能吸引用戶的眼球,但在缺乏 UX 的使用者習慣,不單沒有增加銷售,反而在不知不覺中流失潛在客戶和減少產品的吸引力。所以優秀的 UI 和 UX 必須互相配合,你要了解使用者的心理和動機,才能設計出兼具商業效益和良好體驗的網店。

案例分享:UI 和 UX 成就了 Netflix

Netflix 成立於 1997 年,起初是做 DVD 租借起家。從美國本土走向全世界,Netflix 已經在全球多個國家和地區提供串流影片服務,全球用戶多達 1.58 億。Netflix 除了利用數據科技和發揮創意之外,極流的使用者體驗絕對是成功的關鍵。

Netflix 產品副總裁 Todd Yelling 表示,他們公司為使用者體驗投資的金額已經超過 10 億美元,好讓全球 190 個地區的用戶都能夠在不同裝置和不同環境下,得到最好的使用體驗。

在硬件方面,Netflix 在 2016 年在矽谷總部內設置專業「行動裝置測試實驗室 (Mobile Automation Lab)」,模擬不同地區的寬頻、氣候、環境等因素,測試多種品牌型號行動裝置。

而在軟件方面,Netflix 也不斷強化個人化推薦的使用者介面。除了透過數據和機器學習,判斷每個內容與不同使用者之間的關聯性之外,他們在如何令推薦內容吸引更多用戶方面,下了不少功夫。

UI 和 UX:不只是網上世界,更重要是以人為本

雖然 Netflix 以科技及數據經營聞名,但他們絕非盲從數據,而是情願付出大量時間和金錢,前往世界各地與消費者對話。Netflix 建立起消費者洞察團隊,分別就內容、標題、圖片、字幕、族群、體驗、互動等不同項目進行各種調查,例如社群媒體分析、焦點團體訪談等方式,配合數據分析的輔助,以真正了解全球消費者。

因此大家要記得:UI 和 UX 看似是互聯網產物,卻並非只適用於網上,因為其重點是「使用者」的感受,以人為本;所以同樣可應用在不同設計上,好像你的實體商店是否吸引和方便顧客購物?若你舉辦展覽,參加者又能否輕易得到你的公司訊息?

網站 / App 的 UI 和 UX 設計小貼士

看過 Netflix 的成功案例後,大家是否都明白 UI 及 UX 在企業成功佔有不可或缺的地位呢?正在你在苦惱如何踏出第一步的時候,搜尋引擎龍頭 Google 為你帶新啟發。

Google 在 2019 年初發佈了最新版 Google UX Playbook,在電商、零售、旅遊、金融財經、房地產等領域提供 UX 方面的建議指南。指南裡有不少針對該行業使用者痛點的設計和解決方法。大家不妨花時間去研究一下。以下精選一些非常適合零售業的設計貼士:

1. 清晰展示一些「行動標語 (Call for action)」,例如「觀看女裝」、「購買折扣產品」等,不要使用意思空泛的字句 (例如:下一步、繼續、購物等)

2. 在頁首放置清晰及對消費者有利的訊息,例如「登記即享85折優惠」、「夏日新貨抵達,即看最新系列」等,或者顯示熱門類別

3. 設有醒目的搜索欄 (Search bar),令消費者可以更方便地搜尋自己想要的產品,數據顯示搜索用戶的平均轉化率 (例如購物、成為會員等) 會增加2倍!

4. 如果你有實體店,可在菜單中加入你的商店地址及電話,亦應該加入客戶服務的聯絡方法,以便客人隨時可以找到你。

5. 在網站中引用客戶對你的好評價,例如他們稱讚你「態度友善,處理迅速」這些評語,可以加強新客人對你的信心。


如果你想慢慢細讀更多 UI 和 UX 的設計小貼士,你可下載「零售|旅遊|地產|新聞及內容媒體|如何吸引潛在客戶」的電子書,歡迎加入 SME Lab 會員 (請按此 Whatsapp 我們:9136 0821