# 05d 第 3 關（畫面關）第 5 輪：真人角色實測 - 角色：研究生／助教。下班後很累。每天能專心學約 1.5 小時。聽力只跟得上 70%，習慣邊聽邊翻中文，想改掉。想「無腦學習」：打開就照著做。常被打斷。電腦和手機都用，有時這次用電腦、下次用手機。 - 我是新的試用者。沒做過第 1～4 輪，也沒參與開發。只寫紀錄，沒有改任何程式。 - 做法：用 puppeteer 操作真的 Chrome（無頭）。電腦 1400×900；手機 390×800（觸控、isMobile）。電腦和手機各用一個獨立的瀏覽器資料夾，等於兩台裝置。 - server：http://127.0.0.1:8774/。一開始進度是空的，密碼 eval。 - **音檔：大部分用真的音檔**（第 1、2、3、6 次，以及開頭的單字）。每個音檔都有載入、有播完（有記錄 playing／ended 時間）。第 4、5 次只是用來把次數推到第 6 次，為了省時間改用假音檔（按 🔊 後 50ms 就算播完）。第 7 次打開與讀手冊時沒有播放。 - **主理人中途要求：只測一般使用，不測極端情況。** 所以「斷線」「點完立刻關分頁」「同一個瀏覽器開兩個分頁」都拿掉了，不打分，也不列問題。第 1 次學習最後我已經做了一次「點完立刻關分頁」（截圖 s1-07），依要求不計分。 - 走過的路：第 1 次（電腦做 4 題 → 手機做完）→ 第 2 次（手機，只複習）→ 第 3 次（電腦，複習＋第 7 組）→ 第 4 次（手機接著）→ 第 5 次（電腦）→ 第 6 次（手機，4 句第 2 次「都聽出來」）→ 第 7 次（電腦打開，確認那 4 句沒有再出現）。另外在手機上讀學習方法手冊。 - 截圖：`evidence/gate3-r5/`（s1-… 到 s9-…）。腳本與完整紀錄在 scratchpad 的 `gate3r5/`（log.txt）。 - 實測時間：2026-10-05 01:07–01:20（第 1～2 次）。中間關機。19:40–19:56 接著做（第 3～7 次與手冊）。這段時間程式沒有被改：ui.js 最後修改是 00:56，guide.html 是 01:05，都早於開始測試。 - **整輪沒有任何 JavaScript 錯誤。** 主控台只有兩種預期中的訊息：輸入密碼前的 401；手冊頁沒有網站小圖示（favicon）造成的 404。 --- ## 一句話總評 上輪的 4 個問題都修好了。現在照著「下一題」「接著做」一路按，就能做完一整次。換裝置也接得很順。 連續 2 次「這次都聽出來了」的句子真的不再出現。 剩下兩個中等問題，都跟「願意一直用下去」有關： - **句子學會的那一刻，畫面沒有任何表示。** - **複習做完後按「接著學新的 ↓」，會直接跳過這組的 5 個新字。** --- ## 分數表 1～5 分。低於 3 分就一定要修。**這一輪沒有低於 3 分的格子。** | 情境 | 好用度 | 順暢度 | 方便性 | 手機介面 | 學習引導 | |---|---|---|---|---|---| | ① 第一次打開的 10 分鐘（電腦） | 4 | 4 | 4 | — | 4 | | ② 手機做完一整次（單手、中途被打斷、切走再回來） | 4 | 4 | 4 | 4 | 3 | | ③ 第 2 次：只想複習的晚上（手機） | 4 | 4 | 4 | 4 | 4 | | ④ 複習時點到沒聽出來的字 | 5 | 4 | 5 | 4 | 4 | | ⑤ 連續 2 次都聽出來 → 不再出現、面板字眼 | 4 | 4 | 4 | 3 | 3 | | ⑥ 這次用電腦、下次用手機接著 | 5 | 5 | 5 | 4 | 3 | | ⑨ 手機讀學習方法手冊 | 4 | 4 | 3 | 3 | 4 | | **第 5 輪平均** | **4.3** | **4.1** | **4.1** | **3.7** | **3.6** | | 第 4 輪平均 | 4.0 | 3.6 | 3.6 | 3.3 | 3.6 | | 第 3 輪平均 | 3.8 | 3.8 | 4.0 | 3.5 | 3.4 | > 不打分（主理人要求拿掉的極端情況）：⑦ 點完立刻關分頁、⑧ 同一個瀏覽器開兩個分頁、斷線。 > 每一輪的情境不一樣，平均只能看大方向。這輪順暢度、方便性升最多，是因為上輪的 M1～M3 修好了。 給 3 分的理由： - ② 學習引導 3：6-7 我沒聽就直接看題目作答。只得到題號旁一行淡灰小字「已作答（這題沒先聽）」，之後也不會再出現（L4，等主理人拍板 P4）。 - ⑤ 手機介面 3、學習引導 3：第 6 次按第 2 次「這次都聽出來了」，卡片跟第 1 次按的時候一模一樣。完成畫面也沒提到。手機上要點 ☰ 才看得到「已經不用再複習 4 句」（M1）。前 5 次，面板的「之後還會再出現」從 6 → 11 → 14 → 17 一直往上，「不用再複習」一直是 0（L1）。 - ⑥ 學習引導 3：第 3、4、5 次，都是複習做完後按「接著學新的 ↓」。三次都直接跳到第 1 題，第 7、8、9 組的 5 個新字表都被跳過（M2）。 - ⑨ 方便性 3、手機介面 3：手冊在手機上還寫「左邊點一節」。「← 回到練習」藏在 ☰ 裡。左上角固定的 ☰ 會蓋住內文（L5）。 --- ## 第 4 輪 M1～M4 驗證 | 編號 | 第 4 輪的問題 | 這輪實際看到的 | 判定 | |---|---|---|---| | M1 | 手機底部那條的「完成 ✓」「下一次」是白字白底 | 三區都完成時，「完成 ✓」是深色底白字。量過：底色 rgb(26,26,26)，文字白色。按完後的「下一次」也一樣（s2-06、s2-07）。 | **修好** | | M2 | 「下一題 ↓」在還沒作答時就出現 | 第一次打開時，整頁看得到的「下一題」是 0 顆。6-1 作答前是隱藏的；作答後才出現（s1-03、s1-04）。手機的新題、複習卡也一樣。 | **修好** | | M3 | 只想複習的晚上，最後一句複習按「下一題」直接跳進新題 | 手機第 2 次：最後一句（6-9）按「下一題」，畫面停在綠框「複習做完了 ✓ 今天要繼續學新的，還是先到這裡？」，框在畫面最上方（s3-04）。電腦第 3 次、手機第 4 次、電腦第 5 次、手機第 6 次也都一樣。按「今天只複習，這次完成 ✓」就結束，面板寫「第 2 次 已完成 ✓」。 | **修好**（但「接著學新的」跳過單字表，見新的 M2） | | M4 | 面板「已學會 0・待複習 9」看不懂 | 改成兩行：「之後還會再出現 N 句（有沒聽出來的字）」「已經不用再複習 N 句（連續 2 次都聽出來）」。意思比上輪清楚。改成 D6 規則（間隔 1 → 4 次）後，第 6 次就出現第 1 批「不用再複習 4 句」，上輪算的是第 12 次（s7-07）。 | **大致修好**（字眼小問題見 L1；學會那一刻沒有回饋見 M1） | 順帶看上輪的低度問題： - 這些沒改：L1（按「我懂了」停在單字表中間）、L2（單字表沒說怎麼用）、L3（複習卡還有上次的選項和對錯）、L4（偷懶只有灰字，等 P4）、L5（手冊手機版，第 7 節還在教用舊網頁和拿一張紙）、L6（小按鈕）、L8（「今天只複習」框沒有連續聽）。 - L7（斷線的紅條）這輪不測（極端情況）。 --- ## 情境紀錄（重點） **① 第一次打開（電腦）** - 方法卡 677 字，一個畫面多一點，讀完約 2 分鐘。內容講中我的痛點（「你在腦中翻中文時，後面的話已經過去了」）。 - 按「我懂了」後，畫面停在 5 個新字表的中間（scrollY 500）。「第 1 次學習」那一行在畫面外（s1-02）。 - 6-1：聽 3 遍（每遍約 8.9 秒，真的播完），再作答、點 2 個字、打開句子拆解聽一塊。卡片寫「✓ 用新方法練過」「已聽 4 遍」，作答後才出現「下一題 ↓」。這樣照著做就是方法本身。 - 6-2 照舊習慣先看翻譯、沒聽就答：只有淡灰小字（13px、灰色）「已作答（這題沒先聽）」（s1-05）。 **② 手機做完第 1 次** - 手機第一次打開要輸入密碼，之後直接停在電腦做到的下一題 6-5。 - 中途切到別的 App 約 5 秒（網頁變成「隱藏」狀態），回來還在同一題，沒有跳動（s2-03）。 - 選項 358×42、🔊 136×38、下一題 94×42，單手好按。 - 連續聽：10 句真的連著播完（約 100 秒）。之後底部變成深色「完成 ✓」，按了就結束（s2-06、s2-07）。 **③ 只想複習的晚上（手機第 2 次）** - 打開就是第 2 次。複習 6 句，點過最多字的 6-8 排第一。 - 每張複習卡大約一個畫面高（807 px）。上次點過的字是淡粉底紅字，很清楚。 - 最後一句按「下一題」→ 停在「今天只複習」綠框 → 按下去就結束。整次約 2 分鐘，很適合累的晚上。 **④ 複習時點字** - 6-3 點了上次的字（The）和一個新的字（notable）。兩個字都變成實心紅底，「還是有沒聽出來的」自動亮紅。「這次都聽出來了」變灰、按不下去（s4-01）。 - 下方的說明「這次又沒聽到的字，直接點它；會自動算成『還是有沒聽出來的』」跟實際行為一致。 **⑤ 連續 2 次都聽出來** - 第 2 次按了「都聽出來」的 6-1、6-4、6-8、6-9，在第 3、4、5 次都沒有出現。第 6 次排回來，與手冊寫的「隔 4 次再確認一次」一致。 - 第 6 次再按一次「這次都聽出來了」：按鈕變綠，卡片其他地方沒變（s7-05、s7-06）。面板數字從「不用再複習 0 句」變成 1、3、4 句。 - 第 7 次（電腦）的複習是 6-3、6-5、9-4，那 4 句沒有出現（s7-08）。耳朵缺口清單還是列著它們的字（例如 the ×14），這是對的：字的缺口還在。 **⑥ 這次用電腦、下次用手機** - 第 3 次用電腦做完（複習 2 句、第 7 組 10 題、連續聽，「練了 7 分鐘」，實際約 8 分半）。 - 第 4 次手機打開，直接是「第 4 次」，複習清單就是電腦那次點過字的 5 句。第 5 次回到電腦也一樣。完全不用想「上次在哪裡做的」。 - 但第 3、4、5 次按「接著學新的 ↓」後，畫面都直接到第 1 題，單字表在畫面上方（log 第 106、124、140 行）。 **⑨ 手機讀手冊** - 第 8 節「① 複習」的新規則寫得清楚：「這次都聽出來了，就隔 4 次再確認一次；連續 2 次都聽出來就算學會，不再出現……句子太多時，點過最多字的先排。」**和網頁實際的行為一致**（第 2 次 → 第 6 次 → 不再出現）（s9-03）。 - 手冊裡已經找不到舊的「1、3、7 次」。 - 開頭還寫「左邊點一節看一節」。手機上「← 回到練習」只在 ☰ 打開的目錄裡（s9-01）。 - 左上角 ☰（34×34）是固定的，捲動時會蓋住內文第一個字（s9-03 蓋住「1.」）。 - 第 7 節「這兩天怎麼練（用現在的網頁）」還寫「網頁位置 C:\D槽\…\toeic-drill-01.html」和「拿一張紙」。手冊說第一次要照順序讀，所以會先讀到第 7 節，再讀到第 8 節。 --- ## 問題清單（依嚴重度排） | 編號 | 情境 | 在哪個畫面、做了什麼、看到什麼 | 為什麼困擾 | 應該怎樣 | 嚴重度 | 截圖 | |---|---|---|---|---|---|---| | M1 | ⑤ | 第 6 次複習（手機），6-1 第 2 次按「這次都聽出來了」。按鈕變綠，卡片其他地方跟第 1 次按的時候一樣。完成畫面只寫「複習 7 句、新學 0 題、練了 2 分鐘」。手機底部那條只有「複習 1/7」。「已經不用再複習 4 句」只在 ☰ 面板裡。 | 「學會一句」是這個人最需要看到的進步，前 5 次他只看到「之後還會再出現」一直變多。第一次學會時沒有任何表示，很容易錯過。看不到進步，就不容易一直用下去。 | 第 2 次按「都聽出來」時，卡片題號旁顯示「· 學會了 ✓（之後不再複習）」。完成畫面加一句「這次有 4 句學會了，不用再複習」。字眼請主理人選。 | 中 | s7-05-phone-second-ok-6-1.png、s7-06-phone-second-ok-6-8.png、s7-07-phone-panel-after-ses6.png | | M2 | ③⑥ | 複習做完，綠框裡按「接著學新的 ↓」。電腦第 3 次、手機第 4 次、電腦第 5 次，三次都直接捲到第 1 題（7-1、8-1、9-1）。「② 新學」標題和「這組的 5 個新字」表在畫面上方，看不到。程式上，「接著學新的」是直接找第一題沒做的新題。 | 有複習的晚上幾乎都會走這條路。「無腦」照按鈕走的人，每次都會跳過 5 個新字。合約第 10 條要新學區顯示這組的 5 個新字，現在等於看不到。 | 「接著學新的 ↓」改成捲到「② 新學」標題（單字表就在它下面）。單字表上方加一行：「先按 🔊 把這 5 個字各聽一次，再開始做題。」 | 中 | s3-04-phone-after-last-review-next.png（綠框下方就是被跳過的單字表）；log.txt 第 106、124、140 行 | | L1 | ⑤ | 面板寫「之後還會再出現 13 句（有沒聽出來的字）」。括號裡的「有沒聽出來的字」很容易讀成「有沒有聽出來」。第 1～5 次這個數字是 6、11、14、17，只往上。 | 字要讀兩遍才懂。數字只往上，會像在扣分。 | 改成「之後還會再出現 13 句（裡面有還沒聽出來的字）」。 | 低 | s7-07-phone-panel-after-ses6.png | | L2 | ① | 第一次按「我懂了」，畫面停在單字表中間（scrollY 500），看不到「第 1 次學習」和「① 複習：這次沒有要複習的 ✓」。上輪 L1，沒改。 | 第一次用時，看不到「這次要做三件事」的全貌。只發生在第一次。 | 按「我懂了」後捲到「第 N 次學習」那一行。 | 低 | s1-02-after-ok.png | | L3 | ③⑤ | 複習卡還有上次的選項、上次的對錯（例如紅色「✗ 錯誤 · 正解：particularly」，A 選項紅框）。上輪 L3，沒改。 | 複習是驗耳朵。舊的對錯讓人分心，手機上也要多滑。 | 選項和對錯收進「看上次的題目」，預設收起。 | 低 | s4-01-phone-review-tap-words.png、s7-06-phone-second-ok-6-8.png | | L4 | ①② | 沒先聽就作答，只有題號旁淡灰小字「已作答（這題沒先聽）」，之後也不會再排回來。上輪 L4，等主理人拍板 P4。 | 很累的時候不會注意到，偷懶沒有後果。 | 照停車場 P4 的推薦：沒先聽的也排進下一次複習，灰字改成「已作答（這題沒先聽，下次複習會再聽一次）」。 | 低 | s1-05-q62-lazy.png、s2-04-phone-lazy-6-7.png | | L5 | ⑨ | 手冊（手機）：開頭寫「左邊點一節看一節」；「← 回到練習」只在 ☰ 目錄裡；固定的 ☰ 捲動時蓋住內文；第 7 節還在教用舊網頁（C:\D槽\…\toeic-drill-01.html）和拿一張紙。上輪 L5，只有第 8 節改了。 | 手機上不知道怎麼回練習。照順序讀會先讀到第 7 節，以為還要用舊網頁。 | 手機版改成「點左上角 ☰ 選一節」；標題上方放一個看得到的「← 回到練習」；☰ 下方留白或不要固定；第 7 節拿掉或收起來。 | 低 | s9-01-phone-guide-top.png、s9-03-phone-guide-review-rule.png | | L6 | ③ | 「今天只複習，這次完成 ✓」綠框沒有連續聽。連續聽的按鈕在 7,246 px 下面（手機）。上輪 L8，沒改。 | 累的晚上不會滑那麼遠，「反覆聽已經懂的句子」這一步就被跳過。 | 綠框加一顆〔連續聽這 N 句〕。 | 低 | s3-04-phone-after-last-review-next.png | | L7 | ②⑨ | 手機上偏小的按鈕：底部 ☰ 39×37、語速鍵 43×29、面板下方連結一行 22 px 高、最上方「重看方法」21 px、「學習方法手冊」17 px 高。上輪 L6，沒改。 | 單手用大拇指可能點歪（推測，無頭瀏覽器沒有真的手指）。 | 至少 44 px 高。 | 低 | s2-08-phone-panel-finished.png、s7-07-phone-panel-after-ses6.png | --- ## 建議修法（依划算程度） 1. **M2**：「接著學新的 ↓」捲到「② 新學」標題，不是第一題。改動很小，每個有複習的晚上都會用到。 2. **M1**：第 2 次「都聽出來」時，卡片顯示「學會了 ✓」，完成畫面寫「這次有 N 句學會了」。這是這個人最需要的進步感。字眼請主理人選。 3. **L1**：面板括號改成「（裡面有還沒聽出來的字）」。一行字。 4. **L5**：手冊手機版三處文字＋回練習的連結；第 7 節收起。 5. L2、L3、L6、L7 可以一起排一次小修。L4 等 P4 拍板。 --- ## 做得好的地方（保留） - **照按鈕走就能做完一整次。** 「下一題」只在作答後出現；最後一句複習停在「今天只複習」綠框；三區做完，底部出現深色「完成 ✓」。 - **換裝置完全不用想。** 電腦做到 6-4，手機打開就在 6-5。這次電腦、下次手機，次數和複習清單都接得上。 - **D6 的新規則實際跑起來和手冊寫的一樣**：第 2 次「都聽出來」→ 隔 4 次（第 6 次）再出現 → 再「都聽出來」→ 第 7 次不再出現。 - **複習時點字的設計很好。** 點了字就自動算「還是有沒聽出來的」，「都聽出來了」會變灰，不會按錯。淡粉（上次的）和實心紅（這次的）分得清楚。 - **只複習的晚上很輕。** 6 句約 2 分鐘就能結束，結束時沒有罪惡感。 - **真的音檔都正常。** 單字、整句、填空句、句子拆解、連續聽 10 句，都有播完。 - **沒有日期、沒有分數、沒有紅色數字。** - 7 次學習、兩台裝置，沒有任何 JavaScript 錯誤。 --- ## 需要真人確認的事 1. **M1、L1 的字眼**要主理人選。L4 等 P4 拍板。 2. **真的手指和手機瀏覽器**：小按鈕會不會點歪；手機瀏覽器自己的工具列會不會蓋住底部那條（推測，無頭瀏覽器看不出來）。 3. **一次學習實際多久**：第 3 次（電腦，真音檔）畫面寫 7 分鐘，我實際操作約 8 分半，數字大致合理。真人每題會聽更多遍，一次的時間要真人計時。 4. **給開發者，不影響這輪分數**：第 6 次的複習順序是 6-1、6-4、6-8、6-9、9-1、9-4、9-7。6-8 點過 3 個字，照 D6「點過最多字的先排」應該排第一（第 2 次的清單有照這個規則排）。複習不超過 10 句時順序不影響使用，所以不列成問題。超過 10 句時會不會挑錯句子，我沒有驗證（原因不確定）。 本報告的每一項判斷都來自實際操作與截圖，不是推測。標「推測」或「不確定」的部分除外（第 2、4 點與 L7 的「可能點歪」）；M2 的原因另外讀了 ui.js 的 `nextTarget` 確認。