如何利用手機版UI設計增加消費者的購買意願?在智慧型手機的推進下，全球智慧型手機的普及率逐年上升，現在吃喝玩樂幾乎都可以通過一部智慧型手機實現。那麼，消費者使用智慧型手機上網都在做些什麼事情?

據數據統計，85%智慧型手機使用者是因為從事與網絡相關的工作;78%智慧型手機使用者則是利用手機瀏覽網絡內容。由此可見，品牌網站的UI設計對智慧型手機使用者具有相當高的重要性。

因此，品牌網站若想提高瀏覽量繼而增加轉換，那就深入了解網頁UI設計是否符合智慧型手機使用者。

品牌為什麼要製作行動網站?

行動網站製作的好壞會直接影響消費者使用手機購買的關鍵。

過去，受到智慧型手機的熒屏太小和行動互聯網技術尚未成熟等問題，大於5成的消費者會從智慧型手機獲取產品相關資訊後，會透過電腦購買或到實體店購買。但在這個過程中，消費者有可能因為種種原因而打消購買意願。

因此，在製作行動網站時，我們必須基於介面空間有限問題，考慮如何解決消費者的疑慮和過程，並促使消費者使用手機直接交易。

可見，手機版網頁設計對品牌線上營銷非常重要!

如何利用手機版UI設計增加消費者的購買意願?

響應式網頁設計技術能自動偵測使用者上網的裝置尺寸，針對不同熒屏大小而自動調整網頁圖文內容，讓使用者在用手機瀏覽網站時，不用忙於縮小放大拖曳界面，就能給使用者最佳瀏覽頁面體驗。

除此之外，採用響應式網頁設計技術的另外一個優點，就是你無需同時維護電腦版網站和行動版網站，就可兼顧使用者在電腦版網站和行動版網站的不同石旭耀需求。

無論使用者是透過何種裝置瀏覽網頁，該網頁疑慮使用相同網址和程式碼，但網頁顯示會依據熒屏尺寸進行調整。因此，Google官方也建議網站使用相響應式網頁設計技術。

除了在網站製作時應用響應式網頁設計技術外，設計網站時還要遵循以下十大原則：

▪ 網站Logo盡量置於網站顯眼位置，有利於為企業品牌做宣傳。

▪ 將用戶需求量大的訊息放置在界面中重要且突出的位置。

▪ 網頁首頁訊息盡量保持簡潔，最好用幾句話概括網站核心內容即可。

▪ 頁面標題或底部欄必須於手機寬度相符，否則將會影響網站的用戶體驗。

▪ 確保網站能兼容不同設備和瀏覽欄，即我們剛才一直強調的響應式網頁設計。

▪ 網站導覽地圖盡量採用底部導航方式，導航選單數量以4-5個為佳，同時子菜單(層次選單)的使用也需謹慎，切勿過多。

▪ 不能完全使用手機的解析度進行版面佈局的縮放，這可能與響應式設計有衝突。

▪ 設計網頁使用可點擊的內容列表時，必須保證手指能點擊。

▪ 文本區域周圍保持足夠範圍的留白，段落之間也要有一定的間距，增加界面的易讀性問題。

▪ 網站版型佈局要合理，操作上也要足夠方便。

最後，我們就通過一些 案例來簡單說說手機版網頁設計的要點：

◆ Pinkoi

Pinkoi手機版網頁設計有一個非常值得推薦的點，就是當使用者在往下滑動畫面時，會中自動收合上方選單部分，而盡量空出畫面顯示內容。另外，網頁設計重視商品而僅留下產品圖片，而刪除多餘的文字信息，顯得畫面非常乾淨。

但是，部分文字按鈕略小，容易導致使用者誤觸，建議可以按鈕的間隔加大或字級加大。

◆ Lativ

由於Lativ是販售自家商品，所以在文字圖片整體設計上非常統一。使用區塊呈現網頁訊息也沒有使用過多文字說明，字級足夠大而方便用戶閱讀。從整體觀感來說，Lativ手機版網頁設計非常乾淨且整齊。

◆ Groupon

整體手機版網頁設計的視覺效果非常整潔，讓用戶很容易理解與操作。不過，名稱與說明文字的字級建議加大，更方便使用者閱讀。另外，網站設計建議盡量不要使用彈窗設計，一來影響網站加載速度;二來，毫無預警的彈窗設計會讓用戶感到非常無奈。

◆ ㄇㄞˋ點子靈感創意誌

整體網站設計佈局層次分明、簡單乾淨。但保持在畫面上的分享功能，經常會擋住界面中的按鈕與文字，影響使用者的操作與閱讀，建議必要時進行取捨或放置於界面的頁頭或頁眉並收合。

如今智慧型手機已越來越普及，同時也成為大多數消費者日常生活中必不可少的裝置，因此品牌為用戶提供操作良好的手機版UI設計是非常重要的，也是未來的大勢所趨!