為什麼要手機版網站？

現在大家上網看網站，幾乎都是用手機，不只比電腦方便，有時候還快得多。 所以如果你還沒有手機版的 網頁設計，很容易就錯失一大票潛在客戶。

手機版網站的好處很多，比如畫面會自動適應小螢幕、操作順手、載入也更快。 不管是找資訊、下訂單、聯絡客服，用手機滑網站就是要快、要清楚、要好用。

有了好的 網頁設計，不只使用者體驗更好，還能提升搜尋排名、增加曝光，對品牌和業績都有幫助。
對正在 創業 的你來說，這是不能忽略的一步！ 簡單說：網站不支援手機 = 自斷一半流量，真的該升級了。

手機版標配網站設計－ＲＷＤ？

響應式網頁設計（Responsive Web Design，簡稱 RWD）就是讓網站在手機、平板、電腦等不同大小的螢幕上，都能自動調整成最適合的顯示方式。
不管你用的是小手機還是大螢幕電腦，網站都會自動變換版面、大小、圖片比例，讓內容看起來清楚又好操作。

這種設計方式主要是靠像「彈性版面」、「圖片自動縮放」和「媒體查詢（Media Queries）」這些技術，把網站做得更聰明，可以自己判斷要怎麼顯示。
簡單說，就是網站會根據你的裝置大小自動調整，不用左右滑、不用放大縮小，直接就能舒服地看內容、點連結、做操作。

使用 RWD 的好處很多，包括：一個網站就能適應各種裝置、不用多做版本、省時間、省維護費，也更容易被搜尋引擎喜歡（對 SEO 有幫助）。
想更了解 RWD 響應式網頁設計 是怎麼一回事，可以點這裡看更完整的介紹。

B2C網站首重手機版設計？

B2C 是「Business to Consumer」的縮寫，意思就是企業直接面對消費者的商業模式，像是線上商店、訂票平台、外送服務等，都是典型的 B2C 網站。
而這類網站的對象，就是一般大眾（C 端），也就是你我這種每天滑手機的人！

所以對 B2C 來說，手機版網站不是加分，而是必要。為什麼？因為 C 端用戶最常使用的上網工具就是手機，不管是逛商品、比價格，還是滑滑就下單，都是用手機在完成。

為什麼手機版對 B2C 網站特別重要？

• 你的客戶都在用手機 – C 端用戶滑手機遠比開電腦頻繁，手機版沒做好，等於直接流失一大半潛在客戶。
• 操作體驗決定購買意願 – 如果畫面不清楚、按鈕太小、結帳流程卡卡，使用者很快就關掉離開，甚至轉去競爭對手的網站。
• 轉換率直接受影響 – B2C 網站最重要的是成交率，手機操作越順，轉換率越高。
• Google 排名也會看手機體驗 – 搜尋引擎現在都是「Mobile-first」，手機版不好，連曝光都會變少。

手機版網站設計注意事項？

在設計手機版網站時，有幾個重要的注意事項：

1. 響應式設計：網站會自動適應不同手機螢幕，讓畫面不會跑版、看起來剛剛好。
2. 簡單清楚的版面：手機畫面小，設計要簡潔、重點明確，不要塞太多文字或圖片。
3. 好操作的選單：用滑出選單或下拉選單，讓使用者能快速找到他要看的內容。
4. 按鈕要夠大：手機用手點，比滑鼠難控制，按鈕和連結要大一點、間隔要夠，才不會誤按。
5. 加載要快：手機上網速度不一定快，網站要盡量減少檔案大小、加快載入時間。
6. 圖片要為手機設計：電腦版圖片常常在手機上變得太小，文字看不清楚。建議用適合手機看的圖片尺寸（例如 300x300）。
7. 表單要直式：手機螢幕窄，表單設計成一欄一欄直式排列，比橫向排版更好填寫也不容易跑版。