# 05d 第 3 關（畫面關）第 2 輪：真人角色實測

- 角色：研究生／助教。晚上很累，聽力只跟得上 70%，習慣邊聽邊翻中文。想「無腦學習」，承認會偷懶。
- 做法：用 puppeteer 操作真的 Chrome（無頭）。電腦 1400×900；手機 390×800（觸控、isMobile）。電腦和手機各用一個獨立的瀏覽器資料夾，等於兩台裝置。
- server：http://127.0.0.1:8771/（一開始是空的進度）。音檔用假的（按 🔊 就當作聽過）。
- 另外開了一個臨時 server（18900 埠）測「連按兩次完成」，沒有動到 8771 的進度。
- 截圖：`evidence/gate3-r2/`（s1-… 到 s9-…）。操作腳本與完整紀錄：scratchpad `gate3r2/`（log.txt）。
- 實測時間：2026-10-04 23:19–23:34。這段時間程式沒有被改（js 檔最後修改 23:14）。
- 整輪沒有任何 JavaScript 錯誤。

---

## 一句話總評

比第 1 輪好用很多。打開就自動捲到下一題，「↓ 接著做」和「提早結束」一按就到。複習再點字也不會被取消了。手機的字點得到，斷線的進度也沒掉。
剩下的問題都不擋路，但有五件中度的事，會讓我「以為做對了其實沒有」：

1. 按完「這次完成」以後，面板還留著「這次完成（提早結束）」。累的時候再按一下，就多算一次空的學習。
2. 複習時，點了沒聽到的字，再按「這次都聽出來了」，網頁照收。這句被排到 3 次以後。
3. 「已聽 N 遍」是累計的。複習卡還沒聽，就寫「已聽 5 遍」。
4. 手機做到一半斷線，提示在頁面最上面，我看不到。
5. 另一台的進度進來時，我正在看的句子拆解會自己收起來，畫面跳開。

---

## 分數表

1～5 分。低於 3 分就一定要修。**這一輪沒有低於 3 分的格子。**

| 情境 | 好用度 | 順暢度 | 方便性 | 手機介面 | 學習引導 |
|---|---|---|---|---|---|
| 1 第一次打開（電腦） | 4 | 3 | 4 | — | 4 |
| 2 偷懶的一題 | 4 | 4 | 4 | — | 3 |
| 3 很累、20 分鐘就停 | 3 | 4 | 4 | — | 3 |
| 4 隔天再打開（電腦） | 4 | 3 | 4 | — | 3 |
| 5 通勤手機＋斷線 | 4 | 4 | 4 | 3 | 4 |
| 6 兩台同時開 | 4 | 3 | 4 | 4 | 3 |
| 7 做完一整次 | 4 | 4 | 4 | — | 4 |
| **第 2 輪平均** | **3.9** | **3.6** | **4.0** | **3.5** | **3.4** |
| 第 1 輪平均 | 3.4 | 3.3 | 3.4 | 3.3 | 3.3 |
| 差 | +0.5 | +0.3 | +0.6 | +0.2 | +0.1 |

> 兩輪的情境分法不完全一樣（第 1 輪有「找東西」，這輪改成「兩台同時開」），所以差距只當參考。

給 3 分的理由：

- 情境 1 順暢度 3：按「我懂了」之後，畫面停在「5 個新字」表中間，看不到第 1 題（問題 L1）。還沒作答的題目就已經出現「下一題 ↓」（問題 L6）。
- 情境 2 學習引導 3：沒先聽就作答，只換成很淡的灰字，沒有說下一題可以怎麼做（問題 L7）。
- 情境 3 好用度 3、學習引導 3：提早結束後，面板還能再按一次「提早結束」，會多算一次空的學習（問題 M1）。提早結束也沒提醒我連續聽（問題 L4）。
- 情境 4 順暢度 3、學習引導 3：複習卡還是有上次的選項和對錯，很長（問題 L3）。點字和兩顆按鈕沒有連動（問題 M2）。「已聽 N 遍」是累計的（問題 M3）。
- 情境 5 手機介面 3：斷線提示看不到（問題 M4）。手冊在手機上寫「左邊點一節」，回到練習的連結藏在 ☰ 裡（問題 L5）。
- 情境 6 順暢度 3、學習引導 3：正在看的拆解被收起，畫面跳開（問題 M5）。

---

## 第 1 輪修正驗收

| 編號 | 第 1 輪的問題 | 這輪實際操作看到的 | 判定 |
|---|---|---|---|
| H1 | 複習時再點字，反而取消紀錄、扣缺口次數 | 6-1 上次點了 the、in。按「還是有沒聽出來的」後，兩個字**維持淡色**。點 in，變成實心紅，缺口清單 in 從 ×2 變 ×3。再點一個新字 still，也加進清單（s4-03）。「再點一次取消這次」這輪沒有實際點過。 | 有感覺修好 |
| H2 | 沒聽就答，一樣拿到「✓ 用新方法練過」 | 6-5 先開翻譯和詳解，0 遍就作答。題號旁變成灰字「已作答（這題沒先聽）」，沒有綠勾。答完再聽，灰字不會變回綠勾（s2-03）。不說教，我覺得公平。但灰字很淡，也沒有下一步建議（見 L7）。 | 有感覺修好 |
| M1 | 做完不收、找不到下一題 | 重新打開會自己捲到下一題（電腦捲到 6-5，手機捲到 6-4）。面板和手機底部的「↓ 接著做」一按就到。每題答完有「下一題 ↓」。但做完的題目還是全長（6-1 約 909 px）；「下一題」在還沒答的卡片也出現（見 L6）。 | 部分（夠用） |
| M2 | 完成鈕只在最底 | 面板有「這次完成（提早結束）」，三區做完變成黑底「這次完成 ✓」。手機底部做完變「完成 ✓」。一按就到。但按完以後按鈕沒有消失，可以再按一次（見 M1）。 | 部分 |
| M3 | 手機點擊範圍太小 | 小字 the 30×34 px、The 33×34 px；🔊 38 px 高；複習兩顆按鈕 42 px 高；缺口 ▶ 51×34 px。點 the、to 都點得準（s5-02）。 | 有感覺修好 |
| M4 | 句子拆解直接露出中文 | 每塊下面只有英文說明和「看中文意思」小按鈕，點了才出現中文（s1-04）。 | 有感覺修好 |
| M5 | 不知道聽了幾遍 | 播放鍵顯示「已聽 1／2／3 遍」，很有用。但它是累計的，複習時一打開就寫「已聽 3 遍」（見 M3）。沒有「▶ 聽 3 遍」連播。 | 部分 |
| M6 | 合併後跳回頂端、提示不消失 | 資料不會掉。藍色提示 6 秒內自己消失。捲動位置的數字有保留。但畫面重畫時，打開的拆解和中文全部收起，內容往上縮，等於還是跳開（見 M5）。 | 部分 |
| L1 | 按「我懂了」後不知道在哪 | 沒有改。還是停在「5 個新字」表中間（s1-02）。 | 沒有 |
| L2 | 複習卡有舊的選項和對錯 | 沒有改（s4-01、s5-01）。 | 沒有 |
| L3 | 提早結束後面板對不起來 | 沒有改。而且多了一個後果（見 M1）。 | 沒有 |
| L4 | 提早結束沒提連續聽 | 沒有改。 | 沒有 |
| L5 | 手冊第 7 節過期、手機寫「左邊」 | 側欄標題改成「過渡期 10/5–10/6」，但內文還是叫我用 `toeic-drill-01.html`、拿紙寫。手機版還是「左邊點一節」。 | 沒有 |
| L6 | 5 個新字表沒說怎麼用 | 沒有改。 | 沒有 |
| L7 | 「回到這次的內容」捲走就按不到 | 沒有改（看全部題目捲到 3000 px，按鈕在畫面外）。 | 沒有 |

> 第 1 輪的 H1、H2、M1～M6 是那輪說「要修」的。L1～L7 第 1 輪就標低，這輪沒修，符合預期，只是記錄。

---

## 問題清單（依嚴重度排）

這輪沒有「高」。

| 編號 | 情境 | 看到什麼 | 為什麼困擾這個學習者 | 建議改法（具體） | 嚴重度 | 截圖 |
|---|---|---|---|---|---|---|
| M1 | 3、7 | 按「這次完成」以後，中間是「辛苦了 ✓」。左邊面板（手機是底部那條）**已經換成下一次的數字**（複習 0/5、新學 0/4），而且還留著「↓ 接著做」和「這次完成（提早結束）」。在臨時 server 上再按一次「提早結束」：出現「第 2 次學習：複習 0 句、新學 0 題、練了 0 分鐘」，學習次數從 2 跳到 3。這時按「↓ 接著做」也沒有反應。 | 很累的時候我很可能連按兩下。結果多算一次空的學習，複習的「隔 1、3、7 次」就被縮短了，我也不會發現。合約第 9 條說沒學的不算一次。 | (1) 「辛苦了」畫面時，面板和底部那條只留一行「這次已完成 ✓」和「現在就開始下一次」，不顯示下一次的數字，也不顯示完成鈕。(2) 規則面：還沒開始（沒有任何播放、作答、點字）的一次，按「完成」不算數。 | 中 | s3-03-after-early-finish.png、s8-01-phone-after-finish-bar.png |
| M2 | 4 | 複習 6-3：我先點了沒聽到的 where（變實心紅），再按「這次都聽出來了」。網頁照收：按鈕變綠，這句排到 3 次以後（stage 1、due 5）。where 還是紅的。另外，按「還是有沒聽出來的」以後，旁邊也沒有任何一行說「現在可以點這次又沒聽到的字」。 | 點字和按鈕是兩件事，我累的時候會搞混。明明有字沒聽到，句子卻被當成「都聽出來了」，下次就太晚回來。這正好跟「老實按」的目的相反。 | (1) 複習時點了任何一個字，就自動選「還是有沒聽出來的」。(2) 兩顆按鈕下面加一行小字：「這次又沒聽到的字，點一下（淡色的也可以點）。」 | 中 | s4-04-review-contradiction.png |
| M3 | 4、7 | 播放鍵的「已聽 N 遍」是從第一次學到現在的總數。第 2 次學習打開，6-1 還沒聽就寫「已聽 3 遍」；第 3 次寫「已聽 5 遍」。 | 複習的提示說「先聽 2 遍不看螢幕」。我要靠這個數字知道聽了幾遍，但它一開始就不是 0，等於沒用。 | 改成「這次已聽 N 遍」，每一次學習從 0 開始算。總數不用顯示。 | 中 | s4-01-reopen-next-day.png、s7-05-next-session.png |
| M4 | 5 | 手機做到 6-7、6-8 時斷線。紅色「連不上 server…」提示在頁面最上面（y=71），我當時在 y≈5,830，完全看不到。底部那條照常顯示「複習 5/5 · 新學 2/4」，沒有任何警告。要點開 ☰ 才看得到紅字。連回來以後 7 秒自動補存，電腦上也看得到 6-7、6-8（含點的字）。 | 資料其實沒掉，這很好。但我在捷運上斷線，不會知道「現在只存在手機」。如果我接著把手機的網頁關掉、換電腦，會以為已經同步。合約第 35 條要「明顯顯示」。 | 斷線時，底部那條（電腦是面板最上面）加一個紅色小標「⚠ 還沒存到 server」，連回來後消失。或把頂端紅條改成固定在畫面上方。 | 中 | s5-07-phone-offline.png、s5-08-phone-offline-panel.png |
| M5 | 6 | 電腦上我打開 6-9 的「句子拆解」，按了一塊「看中文意思」，正在讀。手機答了 6-10。21 秒後電腦收到，整頁重畫：拆解收起、中文收起。上面的卡片變短，畫面內容整個往上跑，眼前變成 6-10 和連續聽。 | 我在看的東西突然不見，要往回找、重新點開。換裝置回來時（頁面一可見就會拉新進度）也會遇到。 | 收到別台的進度時，如果這一次的題目清單沒變，只更新每張卡的狀態（勾、標記、數字），不要整頁重畫。至少保留已打開的拆解、翻譯、「看中文意思」。 | 中 | s6-01-desktop-reading-breakdown.png、s6-02-desktop-after-phone-arrives.png |
| L1 | 1 | 方法卡約 920 px 高。「我懂了」在下面，要捲下去才按得到。按完卡片收起，畫面停在「5 個新字」表中間，看不到「第 1 次學習」和第 1 題。 | 第一眼不知道接下來做什麼。 | 按「我懂了」後，自動捲到「第 1 次學習」那一行。 | 低 | s1-02-after-ok.png |
| L2 | 1 | 新學區一開始就展開「5 個新字」表（約 585 px），沒有一句話說要怎麼用。 | 不知道要先聽這 5 個字，還是直接做題。 | 表格上方加一行：「先按 🔊 把這 5 個字各聽一次（約 1 分鐘），再開始做題。」 | 低 | s1-02-after-ok.png |
| L3 | 4、5 | 複習卡還是有上次的 5 個選項、「✓ 正確」或「✗ 錯誤」、標記（清楚／不確定／不懂）。手機上一張複習卡約 810 px。 | 複習要驗的是耳朵，舊的對錯是雜訊，也讓手機要捲很多。 | 選項、對錯、標記收進「看上次的題目」，預設收起。 | 低 | s4-01-reopen-next-day.png、s5-01-phone-open.png |
| L4 | 3 | 提早結束時，連續聽已經可以按（「▶ 開始連續聽（這次學的 6 句）」），但結束那一行沒提它。「辛苦了」也沒說剩下哪幾題（6-7～6-10）去哪了。 | 連續聽 1 分鐘，是累的時候最划算的一步。剩下的題目沒交代，我會擔心。 | 結束那行改成：「還沒做完也可以先結束。走之前可以先按上面的連續聽（約 1 分鐘）。」「辛苦了」加一行：「沒做完的 6-7～6-10 會排在下一次。」 | 低 | s3-02-before-early-finish.png、s3-03-after-early-finish.png |
| L5 | 5 | 手冊：(1) 第 7 節內文還是「網頁位置：C:\D槽\…\toeic-drill-01.html」「拿一張紙」；(2) 手機版寫「左邊點一節看一節」，但左邊沒有東西，目錄在左上角 ☰ 裡；(3) 手機上「← 回到練習」也藏在 ☰ 裡，畫面上看不到回去的路。 | 看到舊網頁和紙，會搞不清楚現在該用哪個。手機上不知道怎麼回去練習，只能按瀏覽器的返回。 | 第 7 節整節收起或刪掉；手機版文字改成「點左上角 ☰ 選一節」；手機版在標題上方放一個看得到的「← 回到練習」。 | 低 | s5-06-phone-guide.png、s5-06b-phone-guide-menu.png |
| L6 | 1、2 | 還沒作答的卡片，最下面已經有「下一題 ↓」（程式設了 hidden，但 CSS 的 `display:block` 把它蓋過去）。按了會跳回同一題（因為這題就是第一個沒做的）。 | 答題前看到「下一題」，像是在說可以跳過。按了又沒反應，會困惑。 | CSS 加一條 `.nextbtn[hidden]{display:none}`。 | 低 | s1-02-after-ok.png、s1-03-card-after-3-plays.png |
| L7 | 2 | 偷懶那題（0 遍、先看翻譯和詳解）：題號旁淺灰小字「已作答（這題沒先聽）」，面板新學一樣 +1。下面的「標記」自動選成「不懂」（因為先看了詳解），但答對了，沒有說明為什麼是「不懂」。 | 灰字很公平、不說教，這點我喜歡。但累的時候我根本不會注意到淡灰字。「不懂」也看不懂是怎麼來的。 | 灰字後面加半句：「下一題試試先聽 3 遍再看。」（只出現在沒先聽的那題）。「標記」在這一次的畫面可以拿掉（它是看全部題目用的）。這兩件是畫面文字，要主理人拍板。 | 低 | s2-03-lazy-answered.png |
| L8 | 其他 | 在「看全部題目」往下捲，「回到這次的內容」捲出畫面。回來時停在最上面。 | 小麻煩，偶爾用到。 | 這顆按鈕捲動時固定在右上角。 | 低 | s9-01-all-view-scrolled.png |

---

## 做得好的地方（保留）

- **打開就接著做。** 隔一陣子再開，電腦自動捲到 6-5、手機自動捲到 6-4。完全不用找。這是這輪最有感的改變。
- **「↓ 接著做」在哪都按得到。** 電腦在左邊面板，手機在底部那條。按了直接到下一題。
- **複習的點字終於可信。** 淡色的字保持淡色；再點一次＝這次又沒聽到，缺口次數 +1。
- **「已聽 N 遍」很有用**（新學時）。按完 3 次看到「已聽 3 遍」，我就知道可以看了。
- **沒先聽的誠實標示不說教。** 不鎖、不扣分，只是不給綠勾。
- **拆解的中文先收起來。** 英文的文法說明照樣看得到，中文要自己點。
- **手機好點。** 小字 34 px 高、按鈕 38～42 px，點 the、to 沒有點錯。沒有左右捲動。底部那條的字和按鈕都清楚。
- **斷線不怕。** 斷線時做的兩題，連回來 7 秒內自動補存，不用我做任何事。電腦打開就看得到，連點過的字都在。
- **兩台同時用不會掉東西。** 電腦做 6-9、手機做 6-10，兩邊最後都有。提示 6 秒自己消失。
- **連續聽很順。** 「正在播第 1 / 4 句」→ 播完打勾 →「這次完成 ✓」變成黑底大按鈕，左邊面板也同步變。
- **下一次自動排好。** 「現在就開始下一次」後：第 3 次學習，複習 6 句（有點字的那幾句），新學第 7 組。看不到任何日期。
- **整輪沒有 JavaScript 錯誤。**

---

## 不確定、需要真人確認的事

1. **真的聲音。** 無頭 Chrome 聽不到。空格版錄音、70% 的速度、拆解每一塊的音檔切得準不準，都要真人聽。
2. **「已練幾分」。** 整輪都是「0 分」。程式只在視窗有焦點時計時，無頭瀏覽器沒有焦點，所以這是正常的。真機上會不會正確累計、切視窗會不會暫停，這輪沒驗到。
3. **真的手指。** 34 px 高的小字用手指點，鄰近的字會不會誤點（推測：應該可以）。iPhone／Android 瀏覽器自己的底部工具列，會不會蓋住網頁底部那條。
4. **自動捲動的感覺。** 打開後約 0.3 秒會平滑捲到下一題。真人看會不會覺得畫面「自己在動」而嚇一跳（推測：多數人會覺得方便）。
5. **M1 連按兩次完成的頻率。** 我用臨時 server 確認會發生。真人多常連按，不確定；但後果（多算一次）不會被發現，所以列中度。
6. **手機第一次打開沒看到方法卡。** 因為「我懂了」跟著進度同步，新裝置不會再出現方法卡。我覺得合理（同一個人），但如果主理人希望新裝置也看一次，要另外決定。

本報告的每一項判斷，都來自實際操作畫面、量元素尺寸、讀網頁上的進度和看截圖；標「推測」的除外。