只在電腦上驗收網站是常見誤區：行動版體驗的二十項自我檢核清單

忽略行動版體驗的誤區，通常出在驗收方式：在辦公室大螢幕上看過就上線。顧客卻是在手機上、用行動網路、單手操作。解法是拿實際手機逐項檢查首屏、閱讀、表單、速度與追蹤五個區塊，下面這份二十項清單可以直接照著勾。

為什麼這個誤區這麼常見？

原因很單純。做決定的人坐在電腦前。設計稿在電腦上審，網站在電腦上驗收，報告在電腦上看。整個流程裡，沒有人被要求拿起手機。

再加上大部分佈景主題都標榜響應式設計，大家就以為手機版自動沒問題。響應式只保證版面會縮放，不保證好用。按鈕可以縮到點不到，表格可以擠到看不懂，這些在技術上都算響應式。

Google 在搜尋文件中也提醒網站要顧及行動裝置的使用者，相關建議可以參考 Google 搜尋引擎最佳化入門指南。

檢查前的準備

開始勾選前，先準備好下面幾件事。這些準備會直接影響你看到的結果。

• 至少一支 iPhone 與一支 Android 手機
• 關掉無線網路，用行動網路瀏覽
• 用無痕模式開啟，避免看到已登入或已快取的版本
• 準備一張紙或表格，記錄每一項的結果與截圖
• 選定要檢查的頁面：首頁、熱門商品或服務頁、聯絡表單、結帳流程

區塊一：首屏與導覽（第一到第四項）

顧客打開頁面的第一眼，決定他要不要往下滑。

• 第一項：首屏不用滑動就能看懂這頁在賣什麼或提供什麼服務
• 第二項：沒有彈出視窗或橫幅擋住主要內容，關閉按鈕夠大、找得到
• 第三項：選單按鈕容易點，展開後的項目不會互相擠在一起
• 第四項：電話、LINE 等聯絡方式點下去能直接撥打或開啟

第二項最常出問題。電腦上一個小小的訂閱視窗，到了手機上可能占滿整個螢幕，關閉的叉叉又只有指尖一半大。顧客找不到關閉鍵，最直接的反應就是離開。

區塊二：閱讀與內容（第五到第九項）

內容在電腦上排得漂亮，不代表在手機上讀得下去。

• 第五項：內文字級在手機上不用放大就能閱讀
• 第六項：段落不會太長，一個畫面裡看得到段落的開頭與結尾
• 第七項：表格不會被擠壞，若欄位多，可以左右滑動或改成清單
• 第八項：圖片沒有被裁掉重要文字，圖上的字在手機上看得清楚
• 第九項：影片不會自動播放有聲音的內容，也不會撐破版面

第八項特別要注意橫幅圖。很多活動橫幅把文字直接做在圖片上，電腦版很清楚，手機版縮小之後字小到看不見，或者兩側被裁掉。

區塊三：表單與結帳（第十到第十四項）

這是最直接影響轉換的區塊，也是最常被跳過的區塊，因為測試要真的填一次。

• 第十項：每個欄位點下去會跳出對的鍵盤，電話欄位是數字鍵盤，電子郵件欄位有 @ 符號
• 第十一項：欄位數量精簡，不必要的欄位已移除或改為選填
• 第十二項：送出按鈕夠大，不會被浮動按鈕或客服視窗擋住
• 第十三項：填錯時，錯誤訊息出現在欄位旁邊，而不是頁面最上方
• 第十四項：結帳流程不會強制註冊，或至少有訪客結帳選項

第十二項是我最常看到的問題。網站加了一個浮動的客服按鈕或回到頂端按鈕，剛好壓在手機版的送出鍵上。電腦上兩者相隔很遠，所以沒有人發現。

區塊四：速度與穩定（第十五到第十七項）

手機網路不像辦公室那麼穩定。速度慢一點，顧客的耐心就少一點。

• 第十五項：用行動網路開啟頁面，主要內容在你數到三之前出現
• 第十六項：頁面載入時，按鈕與文字不會突然跳動位置，造成點錯
• 第十七項：圖片已壓縮，沒有直接上傳相機原始檔

這三項不需要專業工具就能初步判斷。如果你自己都覺得慢，顧客一定也覺得慢。需要更精確的數據時，再交給技術人員用工具量測。

區塊五：追蹤與搜尋（第十八到第二十項）

最後一個區塊是很多人想不到的：你的數據有沒有正確記錄手機上的行為。

• 第十八項：在 GA4 中依裝置類別查看報表，手機與電腦的轉換率都有被記錄
• 第十九項：手機上點擊電話、LINE、表單送出等動作都有設定事件
• 第二十項：手機版與電腦版的內容一致，沒有因為版面精簡而刪掉重要段落

第二十項和搜尋有關。如果手機版把某些段落隱藏或刪除，搜尋引擎看到的內容可能就少了一塊。內容是否對使用者有幫助，可以對照 Google 建立實用內容的說明 自我檢查。GA4 裝置報表的設定方式，可以參考 Google Analytics 說明中心。

勾完之後怎麼排優先順序？

二十項不可能一次改完。建議依下面的順序處理。

優先順序	項目類型	原因
最先處理	第二、第十二、第十四項	直接擋住顧客完成行動
其次	第十、第十一、第十三、第十五項	增加完成行動的阻力
再其次	第一、第三到第九項	影響理解與閱讀
同步處理	第十八、第十九項	沒有數據就無法判斷改善效果
定期檢查	第十六、第十七、第二十項	容易在改版後重新出現

改完每一項，記得在同一支手機上重新操作一次，確認問題真的消失，而且沒有影響其他區塊。

類似的「看起來合理、實際上浪費」的誤區，還可以參考 行銷預算平均分配給每個渠道的誤區。若你想看我們如何協助企業處理網站與數據問題，可以到 案例分享 與 服務內容 了解。

誰來檢查比較好？

這份清單最好不要只交給做網站的人檢查。做網站的人太熟悉頁面，知道按鈕在哪裡、知道表單要怎麼填，很多卡住的地方會自動繞過去。

比較好的方式是找兩種人。一種是完全沒看過網站的人，例如家人或新進同事，請他用手機完成一個指定任務，像是找到某項服務的價格並送出詢問，你在旁邊看，不出聲提示。另一種是你的業務或客服人員，他們最清楚顧客平常在哪裡卡住、常問哪些問題。

觀察時把每一次停頓、每一次點錯都記下來。顧客不會告訴你網站哪裡難用，他們只會直接離開。你在旁邊看到的停頓，就是報表上看不到的流失原因。

把檢查結果變成固定流程

檢查一次不難，難的是每次改版都記得做。建議把這份清單存成公司的共用表格，每次網站有變動時，由負責上線的人填寫日期、檢查人、使用的手機型號與每一項結果。沒有勾完清單，就不准正式上線。這條規則聽起來嚴格，實際上只多花半小時，卻能避免顧客在手機上卡住好幾週卻沒人發現。

適用與不適用的情況

這份清單適合：

• 中小企業的形象網站、服務網站與電商網站
• 沒有專職工程師，由老闆或行銷人員自行驗收的團隊
• 剛改版或剛換佈景主題的網站

不適用或不足的情況：

• 大型平台或自行開發的應用程式，需要完整的測試流程與自動化工具
• 已有明確的速度或技術問題，需要工程人員深入診斷
• 只在 App 內提供服務的業者，檢查重點應改為 App 的介面規範

這份清單的目的不是取代專業測試，而是讓決策者養成一個習慣：每次驗收網站，先拿起手機。