自2017年Amazon推出行動裝置網站發展到2019年已經超過40%以上的用戶會使用手機或平板進行購物或瀏覽的動作，又稱M-Commerce。

前些日子，Statista發表了一份統計報告，報告中指出M-Commerce銷售額佔美國電子商務總銷售額的44.7%，與2018年的39.6%相比有大幅度的成長。下圖為趨勢估計。

對於屬於設計的我們來說要讓您的網站在多數的網站中脫穎而出，必須讓使用者不僅僅只有想買，還要會想再回來買，這是一件一直要挑戰的事情。

“One of my insights is that design can be a huge weapon to make your company look cool and build brand loyalty.” – Ted Chung, CEO of Hyundai.

當跟行銷扯上關係時，創造新鮮及難忘的購物體驗就是很重要的事情，也就是說，一個好的設計能讓您的公司看起來很酷而且能是能為您建立品牌忠誠度的巨大武器

經過長時間的研究及與許多APP設計開發公司訪談過後，我們定義了六個基本技巧，將帶您進入另一種行動裝置的購物體驗

1. 行動裝置優先！

這是一件簡單但又重要的事情，照Google的統計我們可以知道，如果使用者有一次不好的體驗後，幾乎有50%以上的瀏覽者將不會再使用這個網站。且會因為體驗不佳，導致較高跳出率及平均網頁停留時間也會因此減少，這對於做網路行銷(SEO、SEM)來說是非常不好的一件事情。

所以如何避免這種困境，第一步您可以先探索其他UX設計師的設計，並針對他們的設計做分析，最終將其應用在您的設計中，這絕對能幫助您在設計購物體驗時能減少很多時間。

另外，一定要注意行動裝置與桌機的不同，必須要了解如何將電腦版網站轉換成行動裝置方便瀏覽的樣子，不要輕易地把所有網頁版的訊息都在手機版呈現。

一般來說，使用者通常會瀏覽首頁，以了解網站提供的服務及內容，所以您可以使用帶有中心圖像的簡單布局及產品列表，讓您的客戶一目瞭然。下圖為JIMMY CHOO的網站範例

世界轉動的很快，很多使用者不想把時間花在不必要的事情上，所以您可以參考這種做法，讓使用者輕鬆了解能在網站中找到哪種產品。

2. 手指滑動流暢且方便點擊

切記，不能讓網站元件及元件間空間不足，會讓使用者因為不小心點到不對的東西而憤怒。建議元件尺寸至少有 7mm x 7mm，同時兼距需有 2mm x 2mm，讓使用者更容易點到自己想要的東西。

因現在行動裝置的普遍，很多行動裝置特有的手勢也是非常重要，可以在UX設計中加入大家都熟悉的雙點擊和手指縮放等手勢，這些手勢如果在您的網站中發揮了作用時，那會讓您的客戶在查找時會比平時更專心他們想看的細節，對於成交率也可以有大幅度提升。

3. 使用微互動來製作，但不能破壞您的使用者體驗

很多人因為習慣FB及IG等等通訊軟體的模式，所以人們會喜歡"讚"的功能，並會留下他們的反饋，他們也會去研究別人的產品體驗，所以遵循人的心理學，可以考慮在您的網站中加入這個功能，讓客戶與您互動，也可以減少客戶在購買商品錢的焦慮，並提高整體購買意願。

4. 搜尋時使用自動建議

設計的主要任務是使網站變得方便，直觀和美觀。因此，所以像是自動建議之類的提示操作可以幫助您的客戶更輕鬆地在您的網站中找到產品。

大多數的人都不喜歡繁瑣的表格，所以設計時可以考慮使用自動檢測、自動帶入或捨棄不必要的欄位，由助於簡化詢問/購買流程，進而提高購買意願。

5. 在行動裝置使用購物網站時，需創造安全感

在提供信用卡詳細信息時，安全性是客戶關注的問題。即使您的購物網站流程是超級安全的，但您的UI設計不能以某種方式反映它，您的客戶仍會感到不舒服和不安全。所以可以考慮使用鎖定符號或一些詞(像是安全、加密的字樣)傳達安全感，向客戶傳達交易安全的保證。

另外，也可以使用色彩心理學的力量，使用特定顏色的組合可以喚起使用者的信任感及安全感喔。

6. 簡單、流暢、快速的詢問/購物流程

曾經有統計說有28%的人一開始很有興趣，但最後仍放棄到詢問/購物的原因是因為詢問/結帳時使用者體驗不佳，所以千萬不能因為詢問/結帳過於繁瑣而讓您的客戶放棄，所以越簡單越好是很重要的事情。

另一個重要的事情就是結帳時不要要求用戶創建帳戶，可以設計快速結帳流程並不要求客戶先註冊，可以提高購買率

另外，為了給客戶有舒適體驗，可以用加入進度調，讓客戶結帳期間可以看到他們的進度。

結論

行動裝置網站正在快速發展中，為了讓您的網站能保持領先，UI/UX設計的策略非常重要。優化您的網站，為您的潛在客戶提供更好的瀏覽體驗，將對於轉化率會有很大的幫助。