01

先建立测试矩陣

从真實流量、產品受眾及業務重要性选择设备,不必追逐每一款手机。每个测试組合至少记录 viewport、方向、作業系統设置檔、浏览器及设备像素比。

优先覆蓋首頁、导航、表單、登入、付款或主要轉換頁,再加入内容最长、图片最多及元件最複雜的頁面。

  • 小型手机:375px 左右
  • 标準/大型手机:390–430px
  • 平板:768–1024px
  • 手提与桌面:1280、1440、1920px
02

逐层检查,不要只看外觀

先检查結構,再检查互動和内容。版面正確不代表可用:鍵盤焦点、觸控目标、错误訊息、虛擬鍵盤及旋轉后狀態都可能出问题。

  • 沒有橫向捲動或被裁切内容
  • 导航、對話框及下拉選單可操作
  • 表單标籤、验證及送出狀態清楚
  • 图片不失真,文字縮放后仍可閱讀
  • 核心操作在慢速网络下仍有回应
03

以風險決定真机测试

Viewport 預覽適合快速找出版面问题,但不能完全取代 Safari、Chrome 或 Samsung Internet 的真實引擎。涉及相机、文件上載、付款、登入、定位或軟鍵盤時,必須使用真机或受控雲端设备再測一次。

04

留下可交付的问题记录

每个问题应包括網址、尺寸、方向、浏览器、重現步驟、預期結果、实际結果及嚴重程度。修正后在原組合重測,并加一个相鄰尺寸避免只修好單一斷点。