甚麼是 UI / UX？解構網頁設計與顧客消費行為的關係！

相信大部分人都曾有過以下的經驗：

- 因為等待網站轉頁的時間太長而乾脆關掉了網頁
- 網站商品太多太亂，導致難以找出想買的商品而放棄購買
- 註冊新會員時要輸入的資料太多，所以中途放棄了

以上都是一些因為網站 UI / UX 設計不好所造成的顧客流失的原因之一，而根據研究報告指出，高達 88% 的顧客都會因為不好的網站使用體驗而不再到該網站消費！

想知道網頁設計是如何悄悄影響每個顧客到網店購物時的消費流程？怎麼做才能即時改善網店 UI / UX？本篇文章將為您逐一講解 UI / UX 與顧客消費行為的關係，再傳授您 7 個改善網店 UI / UX 的小技巧，助您輕鬆提升轉換率！

甚麼是 UI / UX？

UI： User Interface（使用者介面）的簡稱，代表著不同物件的整體視覺呈現。就一個網站來說，包括整個網站的顏色、字型、字體大小、排版編排等等，其實都屬於 UI 的一部分。

而 UI 設計師的主要任務，就是透過各種視覺元素設計出美觀的網頁，同時將 UX 的理念融入當中。一個 UI 設計完善的網頁除了可提升品牌形象，更能助商家引導訪客順利完成購買！

UX：User Experience（使用者體驗）的簡稱。與 UI 相比，UX 更重視使用者的使用邏輯及喜好，並以為使用者提供最方便、流暢的使用體驗為目標，從而降低顧客流失率。

為了進一步了解使用者的使用習慣，UX 設計師需要先透過大量的研究資料及背景調查來分析使用者習慣，然後再根據數據分析決定網站的架構設計和內容規劃等，最後才交棒給 UI 設計師繼續設計出網站外型及細節。

UI / UX 與電商息息相關？！

可能很多商家認為網店只是用來提供顧客購買商品的途徑，只要有好的商品、用心做營銷、有網店讓顧客購買商品便足夠，網頁設計對他們來說並不重要。但事實上，一個 UI / UX 設計不好的網站足以影響顧客在您的網店的購物體驗，隨時導致顧客白白流失，浪費掉您辛苦花在商品及營銷上的心血及時間！

對商家而言，這些因 UI / UX 問題引致的顧客流失是最不要得的，因為不論您多努力為商品做行銷、您的產品有多好用，最後顧客卻通通因為網站問題而在購買的過程中放棄了，甚至還可能因為網站不好用而不再到您的網店購物。而相反，若您的網頁設計更完善，並為顧客帶來良好的使用體驗，顧客對品牌的信心及喜愛程度亦會大大提升！

網頁設計如何影響顧客消費行為？

7 個小技巧助您即時改善網店 UI / UX，輕鬆提升轉換率！

由此可見，UI / UX 可說是在顧客消費的過程中擔當著舉足輕重的角色！ 但到底怎樣才稱得上是好的 UI / UX 設計？立即看看以下 7 個小技巧助您輕鬆改善網店的 UI、UX，為消費者提供更好的購物體驗同時提升網店吸引力，讓銷售轉換率節節上升！

UI / UX 小技巧（1）: 加入商品分類及搜索欄位

Google UX Playbook for Retail建議指南中指出，將商品仔細分類及加入搜索欄位可有助顧客更快找出想購買的商品，避免顧客因搜尋商品時間過長而失去耐性、放棄購買。緊記搜索欄位需放置在當眼處才能發揮其效用！

UI / UX 小技巧（2）: 吸睛的主頁橫額

有效的首頁設計就是要讓來到網站的顧客，能在不捲動捲軸的情況下，清晰可見正在舉辦哪些推廣活動及 CTA 文案（Call to Action），從而吸引您的潛在顧客停留在您的網站更長時間，再引導他們完成購買，提升轉換率。

另外，Google 的建議中亦提及「自動輪播圖片」（Carousels）對吸引顧客方面並沒有幫助，反而顧客或會更容易被輪播的動作分散注意力，從而忽略了商家在圖片中想帶出的訊息！

透過 STOREBERRY，您可選擇放置各式各樣的主頁橫額，無論是單一圖片、影片、圖集或產品介紹都一應俱全！而 STOREBERRY 的網店設計功能亦相當易用，商家只需輕鬆拖拉（Drag and Drop）橫額便可隨意移動橫額的擺放位置，助您輕鬆建設您的專屬網店。

UI / UX 小技巧（3）: 加入社交媒體帳號註冊功能

有調查顯示，達 92% 的用戶會因為難以記下會員帳號及密碼而放棄註冊會員！加入社交媒體帳號註冊功能，除了可提升顧客購物體驗的流暢度，更可避免顧客因懶於填寫資料而放棄註冊成為會員。而商家亦能間接獲得顧客的社交帳號，從而對品牌的潛在顧客群有更深入的了解。

STOREBERRY 除了一般的會員註冊功能，亦有為商家提供 Facebook 帳號一鍵註冊會員功能，讓您的顧客可自行選擇使用哪種方法登記會員。而商家亦可彈性決定註冊會員所需要提供的個人資料，助您大大提升自由度。

UI / UX 小技巧（4）: 允許訪客結帳

網上消費者放棄購物車的情況可說是非常普遍，但您知道箇中原因嗎？據外國研究機構 Baymard Institute 最新的研究調查顯示，網上消費者的平均購物車棄車率高達 69.99%！而「網店要求成為會員才能結帳」就是當中最多人放棄購物車的原因之一。

雖然要求顧客先成為會員再結帳，可以讓商家收集更多顧客聯絡資料，但此舉對顧客而言，卻是會大大降低其購物意慾！建議商家可考慮開放「訪客結帳」，讓他們先成為品牌顧客，之後再利用其他優惠及推廣活動來吸引他們註冊成為會員。

STOREBERRY 不但有為商家提供「訪客結帳」選項，更讓商家可因應需要，彈性處理每件商品的查看及購買權限，例如「只限某等級的會員查看及購買」、「只限透過商家所發送的連結加入購物車及購買」等，為商家在商品銷售上提供更大自由度！

UI / UX 小技巧（5）: 必備 RWD 響應式網站設計

時下越來越多人習慣使用手機來進行線上活動，包括使用社交媒體、線上購物等。而根據調查顯示，近 48% 的消費者均表示討厭瀏覽無法因應流動裝置縮放內容排版的網站！但對商家而言，分別設計適合電腦及流動裝置瀏覽的網站需要花費的時間太多，就連每次更新網頁內容都要分別更新兩次，實在是難以應付。

而最好的解決方法就是使用具備 RWD (Responsive Web Design) 響應式設計的網店平台！STOREBERRY 為商家提供 RWD 響應式網站設計功能，能自動將商家設計好的網站轉換成適合流動裝置瀏覽的網頁版面，並將網站的內容自動縮放成符合不同視窗尺寸的頁面。除了可大大節省時間成本，更可為商家輕鬆增加網站的 SEO 分數，提升網站排名！

UI / UX 小技巧（6）: 增加付款方式

有調查顯示，達 40% 的消費者表示能提供更多付款方式的網店能增加他們對該網店的信心，可見對顧客來說，網店的付款方式選擇當然是越多越好，除了更方便他們的購物過程，更有效提高網站的可信性！

STOREBERRY 與多家安全的第三方支付系統整合，提供多元化電子付款方式，包括 Visa、Mastercard、American Express、銀聯支付、PayPal、Stripe、轉數快、支付寶香港、WeChat Pay HK、PayMe for Business 等，讓商家無需再花大量時間和人手處理收款工作，提升營商效率。

UI / UX 小技巧（7）: 善用網站設計主題模版

Stanford 的一篇網站可信度調查報告指出，達 75% 的消費者會根據網站的外觀設計來判斷該網站的可信程度。可見網站設計及觀感對於顧客來說非常重要，而消費者更會因為不好的瀏覽體驗而選擇另覓其他網店來購買所需商品！因此，商家若想吸引顧客到網站消費，就要在網站設計方面下些功夫了。

STOREBERRY 為商家提供了多款網站設計主題模版，再配合拖放式（Drag and Drop）的簡易設計界面，讓商家無需任何設計及編程知識，都能建立出具個性又美觀的個人化網店！