晶威軟體開發台中網站設計

為什麼「手機版網站體驗」很重要？

早期都是使用電腦瀏覽網站，隨著手機的普及，現在的網站不再只是用電腦查看，還有各種螢幕尺寸的電腦、平板、筆電、手機….等根據Google和Statista的研究：超過70%的網站訪客大部分是智慧型手機閱讀的這代表什麼呢?       網站不論是介紹品牌、展示產品，販售購物，大多數人都是用手機打開來看的!

如果網站不是自適應會發生甚麼事?
自適應的網站設計可以讓網站根據不同裝置（手機、平板、桌機）自動調整排版，讓內容呈現乾淨整齊、容易操作，如果沒有自適應，會怎樣？電腦螢幕大多是橫式閱讀、手機螢幕大多是直式閱讀，所以 如果沒有自適應，” 網站在手機上閱讀會「很難看」也會「很難用」”  

傳統網站用手機閱讀常見情況：

1. 字體太小，必須用兩指放大才看得清楚
2. 圖片溢出畫面，遮住文字或整頁變形
3. 按鈕太小，一不小心就點錯地方
4. 表單欄位擠在一起，根本不知道自己在填什麼
5. 導航選單壞掉，根本找不到其他頁面

   下圖為早期網站，電腦版(橫式)可完整顯示，手機版(直式)顯示按鈕字體過小

這些問題會導致什麼？

“訪客會直接關掉網站，查看其他同類型的網站”

現代使用者的耐心非常短：

根據Google的調查，有53%的用戶會在網站開啟超過3秒就跳出，如果進來後看到畫面亂、操作不順，他們更會在10秒內離開網站

這就是為什麼：

沒有RWD的網站，不但SEO表現差、訪客留不住，更會白白流失廣告預算與潛在客戶!!!

案例分享

分享一個之前協助重新製作網站的餐廳，這是一間位於台中西區的餐廳，老闆是廚師出身，料理用心、氣氛不錯，Google評價也一直保持在4.X星，疫情時期為了拓展宅配生意，花了數萬元高價製作了網站，希望可以提高宅配及外帶數，因為工作性質手機不方便使用，他都是使用電腦查看，圖片乾淨漂亮、設計有風格很滿意，就開始在網站上販售東西但…幾週後，他開始發現怪怪的，他的網站沒辦法再GOOGLE上查詢到、訂單數一直上不去、只能不停地刊登GOOGLE廣告讓網站置頂，效果完全不符合他的預期

後來經過廠商介紹找到了晶威，經過溝通及查閱免費健檢資料，才發現他的網站除了好看外，但根本無法對SEO有幫助，無法有效吸引新顧客，且訂購方式透過手機不容易操作，無法發揮他原本期望的功能

問題1.廣告有點擊，但沒人預約

阿浩在Facebook及GOOGLE都各下了一則廣告，推廣「線上訂購」功能，但結果卻讓人失望

廣告顯示觸及還不錯，點擊率也不低，但……「每天十幾個人點進網站，結果沒有一個留下來預約。」

經過測試，發現問題的根源在「手機」，線上訂購的表單在手機不容易點選

問題2.用手機打開網站體驗不佳

在我們的引導下老闆自己使用手機查看網站，才發現：

• 首頁照片滿版橫拉，手機只能看到半張
• PDF菜單打開後要一直放大縮小，畫質模糊、操作卡卡
• 表單太小，填寫困難，而且送出後沒有提示
• 導覽列整個不見了，只能靠「上一頁」回首頁

甚至有幾位熟客在LINE留言說：

「我剛剛看到廣告點進去想預約，你們的官網我不會用，這裡可以訂嗎?」「我要菜單，手機看起來亂七八糟，菜單字太小了」

老闆這才恍然大悟：「網站不是沒人來，是手機來的人都跑掉了」

查閱過網站的檢測結果後，餐廳老闆再參考晶威的網站作品及報價後，決定交給晶威重新製作一個網站

晶威解決方法:

1.全面導入自適應網站程式

• 所有頁面重新針對自適應排版，讓一個網站就可以輕鬆適應手機、平板、電腦等各式螢幕尺寸
• 字體調整為適合手機閱讀的大小（16px以上）
• 圖片壓縮後再上傳，確保不跑版也不拖慢網站的速度

2.菜單改為HTML +圖片方式呈現

• 每道菜使用獨立區塊設計，含名稱、描述與圖片
• 可滑動菜單區，讓使用者能快速上下滑動查看所有餐點

以上圖片為示意圖，詳細作品請參考晶威網站作品

3.按鈕與表單行動優化

• 按鈕設計固定在側邊，使用手機都能隨時點選「立即訂位」
• 表單欄位變少，填寫流程簡潔明確
• 點擊電話可直接撥號，點選地圖會打開Google Maps導航 

改版後的成果

在網站改版後的短短三週內：

為什麼自適應是現在網站的「基本配備」？

我們再次總結自適應網站的關鍵價值：

1.給使用者最好的瀏覽體驗

現在的網站，就是要「一開即懂、一看就能操作」；手機版若做得差，客人根本看不到你想表達的內容。

2.大幅提升轉換率與信任感

設計友善的網站，會讓顧客潛意識認定「你很專業」、「值得信任」，自然更願意預約、詢價、下單。

3.改善SEO，讓網站更容易被找到

Google在搜尋排名中明確表示：「行動裝置友善」是關鍵因素之一。沒有自適應，SEO等於輸在起跑點。

你可能已經花了錢做網站、買廣告、經營品牌形象……但如果網站在手機上無法閱讀、無法操作，也就等於把客人趕走了，在現在網站商務競爭的時代，網站也必須「從手機思考」，才能真正達到行銷與轉換的目的!!

想知道你的網站在手機上表現如何嗎？免費幫你檢查你的網站是否具備良好的RWD結構，提供一份網站體驗評估報告，立即留言專人為您解說，協助你優化網站！