fbpx
Uxlicious logo

香港網店UX設計教學:超凡網店體驗增加銷售 免費送你5個小技巧

今時今日,無論您想銷售任何產品——由運動鞋、沙律醬、電器、金融產品,還是甚何貨品或服務——電子商務(eCommerce)都是您的兵家必爭之地。一個出色的電子商務網站,為您提供建立及提升品牌形式,與客戶建立聯繫與互動,從而締造銷售產品的機會——不過,增加銷售的前提是,您的網店必須要擁有出色的用戶體驗設計(UX Design)

建立電子商務網站時,網頁設計至關重要。良好的電子商務網頁設計,包括使用正確的顏色、字體、圖像、文字和圖形,說服訪問者購買產品,提升轉化率(conversion rate)。因此,您的電子商務網站設計應吸引潛在客戶,提供出色的用戶體驗並以最佳方式展示您的商店。

送您5個網店UX設計小技巧,增加網店銷售額:

網店UX設計技巧1:

保持簡單

“實現完美,

不在於沒有甚麼可以添加的時候,

而是當沒有甚麼可以减少的時候。”

—— 安東尼·德·聖-埃克蘇佩里 (Antoine de Saint-Exupéry)

在設計電子商務網站時,簡單總是最好。網店頁面的顏色,、橫幅廣告、彈出視窗等元素越多,對網站轉化率帶來更多負面影響。

進行網店UX設計時,請緊記所有細節都應該是有目的,避免網店有任何多餘東西,分散用戶對內容的注意力,產品數量眾多的網站,尤其要注意避免網站信息過於冗長。最好的網店UX設計,理應以簡約鮮明為主。

為電子商務網站設計UX時,如您加入大量花巧而沒有用的設計——只會分散用戶注意力。因此,請保持您的網店UX設計清晰、乾淨和簡單,將重點放在銷售上

Yoho eCommerce website deisign

大多數香港電子商務網站的首頁都非常擁擠,上面有很多廣告橫幅,訪客第一次進入主頁時,難免感到十分迷茫,不知從何入手。以 YOHO 為例,當消費者進入首頁時,會看到各種支付促銷及多達 13 個廣告橫幅,而不是與網店業務最相關的電子產品。消費者的注意力很容易一下子就被紛亂的廣告吸引,忘記了自己來到這個網站的目的。

網店UX設計技巧2:

善用客戶評價 / 社會認同 (social proof)

網店成功與否,取決於能否與客戶建立信任。您可善用社會認同(social proof),使客戶取信取您。

在設計電子商務網站的UX及UI時,您可使用各種方法,向潛在客戶展示您從現有客戶那裡獲得的正面評價。例如設計網店UX時,您可設置評價欄目,讓客戶為您的產品及服務評分(然後獲得盡可能多的 5 星評價);加設一個推薦部分,讓您其中展示客戶照片,並附上一兩句關於他們與您合作的美好經歷;請客戶評論您的產品,以及他們喜歡產品的原因,然後分享到您的網誌。

當您的網店訪客看到別人在您的網站上留下的正面評價越多(無論是通過評論還是推薦),您就會顯得越值得信賴,使您的轉化率節節上升。

網店UX設計技巧3:

使用高質素的圖片及影片

網店客戶未必有機會接觸您銷售的產品,網站的產品照片及影片,就成為網購客戶所依賴的重要資訊。於是乎,網站的照片及影片的質量,對現代電子商務網站設計至關重要。視覺內容越精彩,用戶就越喜歡花時間瀏覽您的網店。想提升圖片及影片質素,您可使用高分辨率照片、360全景相片、3D模型及經專業拍攝及剪接的影片。

Baymard Institute的一篇文章指出,四分之一的電子商務網站沒有足夠質量的產品圖片,這導致消費者放棄購物。首先,像素低的相片讓消費者難以看清產品真實摸樣;其次,低質量照片破壞產品給予人的印象。

無論產品有多好,低質素照片都會使它們看起來毫不吸引。此外,有人會認為照片質素參差,反映網店不努力銷售,也不在乎客戶體驗,因此他們可能會轉投其他照片美侖美奐的網店,提升購買過程中感受到的尊重。

另一網店UX設計的重點,是照片縮放後的品質。即使相片以縮圖狀態顯示,亦必須具備良好質素,讓用戶獲取所有必要訊息。

Zolora ecommerce web design

舉例說,Zalora是售賣流行時尚服飾的電子商務網站,內容質量極高。綜觀Zalora香港網站上的照片,全部都拍攝得很好,網頁周圍有很多空白,網店UX設計清晰,所以不會讓網購客戶不知所措。

網店UX設計技巧4:

保持一致和品牌化

在網上購物時,客戶普遍選擇知名品牌,如果網店的UX及UI設計感覺「山寨」,客戶或憂累這是試圖竊取信用卡訊息的欺詐網店,因而卻步。

想與客戶建立信任,通過電子商務業務推動銷售,您需要認真考慮您的品牌設計。網店品牌形象,就像是電子商務業務的DNA,決定了一家公司的身份、業務以及您與競爭對手的不同之處,對您與受眾建立聯繫及推動銷售,亦發揮重要作用。

如果您想從網店UI及UX設計中獲得最大收益,請花時間定義您的品牌,然後將品牌概念融入網店UI及UX設計,使網站設計應與產品對應,相得益彰,為產品營造獨特的感覺。電子商務網站,是數碼品牌身份的重要組成部分,而UX設計師的工作,是傳達品牌希望產品體現的屬性與價值。

想從競爭激烈的電子商務生意中脫穎而出,獨特的品牌形象是先決條件。企業形象的概念包括標誌、標語、企業字體及顏色等。設計公司網站或網店UX時,請確保在整個網站中使用風格一致的字體、顏色及通用設計模式,使用戶識別並記住您的品牌。在所有平台上,始終如一地展示品牌可以使收入增加多達23%。

2021年初,我們幫助 Alchemistt 設計了他們的 B2B 翻新設備以舊換新解決方案。通過我們的研究,我們了解到缺乏信任是消費者不購買二手產品的主要原因。為建立購買所需的信任,我們在整個網站中放置了 DEKRA 品牌標準,從登錄頁面、結帳、售後客戶服務與溝通,創造與品牌形象連貫的客戶體驗。 (閱讀我們的設計案例

網店UX設計技巧5:

使用響應式網頁設計

根據Scandasia數據,2021初香港手機用戶佔所有電子商務銷售額50%,預計香港市場流動電子商務市場將繼續以每年約 2% 的速度增長。因此,用戶體驗流暢的響應式設計網站,對香港的任何品牌及商家來說都是不可或缺的。

倘若一個電子商務網站的UI及UX設計,未有針對流動設備進行優化,那麼當智能手機用戶訪問網站店時,所有的界面元素和文字都會顯得太小,使瀏覽網站以至網購體驗都大打節扣。

時至今日,手機版網站是所有網店的「標準配置」。如果網站沒有響應式版本網站,用戶將無法正確查看內容,您也不能與他們互動,導致白白流失客戶。

想吸引想要在手機或平板電腦上購物的客戶,您需要確保您的網店UI完全採用響應式設計。否則,您可能無法說服手機用戶您的網站是他們想要網購點。

Yesstyle responsive ecommerce website design

本地時尚零售商 Yessstyle 推出了響應式網站,並且是少數擁有自家銷售渠道的本地商家之一(相對而言,不少商家依賴Facebook市集、HKTVmall等平台)。

總結:

網店UX設計是提升銷售額的關鍵

每間網店的目標都是銷售產品,而一個好的電子商務網站UX設計,可以幫助您實現這一目標。想改善網店設計,您可在現實生活中尋找靈感,基於功能需求修改網店設計,以獲取最大的潛在利潤。

對不少中小企而言,設計及製作電子商務網站可能會很棘手。其實,只要您已了解到頂級電子商務的網頁設計技巧,就算是踏出成功的第一步。如想深入了解如何為您的網店改善UX設計,請即聯絡我們的UX及網站設計師,為您設計及製作美觀與實用性兼備的銷售神器。

和我們取得聯繫

無論您是想了解 UX 設計還是需要產品設計服務,請隨時與我們聯繫。

保持聯繫