QR Code 掃描後要看到什麼？手機落地頁的實用檢查清單

要解決的問題

QR Code 掃描成功卻沒有報名，常見原因不是圖案，而是頁面在手機上載入太慢、按鈕藏在長文裡、表單要求太多欄位，或英文使用者被送到看不懂的中文頁。

適合誰使用

適合活動報名、菜單、課程講義、包裝說明、展場導覽與任何把紙本讀者帶到手機頁面的團隊。

公式與概念

第一屏要回答三件事：這是什麼、我現在能做什麼、如果不想繼續要去哪裡。把頁面標題與主要按鈕放在不必滑動太久的位置，避免掃描者先看到彈窗、輪播或與任務無關的廣告。

表單只問完成任務所需的資料。活動報名可能需要姓名與聯絡方式，但不應因為 QR Code 入口就順手要求生日、完整住址或其他無關欄位；欄位旁說明用途，錯誤訊息要指出怎麼修正。

手機可用性不只等於縮小桌面版。確認按鈕有足夠觸控空間、文字不需要左右捲動、輸入欄位會叫出合適鍵盤，並在 iOS 與 Android 各測一次。可參考 W3C WCAG 2.2 的可操作性與輸入協助原則（https://www.w3.org/TR/WCAG22/），再依實際頁面檢查。

多語入口要讓使用者看得出目前語言，也能手動切換。不要只依瀏覽器語言自動跳轉；在 QR Code 旁與頁面內都可放短網址或語言連結，避免錯誤分流讓使用者以為 QR Code 壞掉。

載入失敗、沒有相機權限或不便掃描的人仍應有替代路徑。W3C 對非文字內容與輸入協助的精神是提供可理解的文字資訊；在紙面放短網址，在頁面提供可複製連結與聯絡方式，能讓流程不依賴單一感測器。

操作步驟

1. 在手機私密瀏覽視窗開啟目的地，確認第一屏立即說明用途與主要行動。
2. 用一支 iOS 與一支 Android 測試載入、文字、按鈕、表單鍵盤與錯誤訊息。
3. 關閉圖片或模擬較慢網路，確認頁面仍能讀懂，且沒有先跳出阻擋內容的彈窗。
4. 切換中英文頁，核對標題、日期、價格、表單欄位與提交後訊息沒有混語或錯誤路徑。
5. 用鍵盤或輔助技術走過主要按鈕與表單，確認焦點順序與標籤可理解。
6. 在紙面與落地頁都放置備援短網址，並請未參與設計的人只看第一屏完成一次任務。

實際範例

展場 QR Code 導向報名頁。第一次測試發現表單在手機上要填 12 欄，英文訪客還被自動送到中文頁。團隊改成只收姓名與 Email，新增清楚的語言切換、可複製短網址與提交成功訊息，再用弱網路和兩種手機重測。掃描率沒有被誤當成報名率，兩者分開記錄。

常見錯誤

• 把桌面版頁面縮小就當成手機落地頁完成。
• QR Code 掃描後立刻跳出訂閱或廣告彈窗，遮住使用者真正要做的事。
• 表單收集超出任務所需的個資，卻沒有說明用途與保存方式。
• 只測掃描是否成功，沒有測目的地頁面的語言、提交流程與錯誤狀態。
• 沒有紙面短網址或頁面可複製連結，讓不能掃描的人無法繼續。

相關指南