品味羅盤｜Impeccable 改善報告
第一章｜先看重點
已補查導航欄五個入口。整體風格可以保留，優先改善失敗重試、編輯防丟與操作去向。
- 先保住操作：失敗不要顯示成沒有資料，編輯內容不要誤關就丟失，中文選字不要意外送出。
- 再接好流程：升級按鈕直達會員內容，羅盤詳情與頁籤能用鍵盤操作。
- 最後改善閱讀：處理篩選提示、紅字與結果說明。
以下都是改善建議，尚未動手修改產品。報告日期：2026-10-03。
第二章｜看了什麼、還沒測什麼
前一版只實看三個公開頁面，範圍不足。本版已補查正式站 0.61.6 的登入後介面，由兩位獨立代理分別評估設計與技術。
- 羅盤：推薦卡、領域、篩選與四方向操作入口。
- 搜尋：搜尋結果、找同好與篩選、品味雷達、歷史紀錄。
- 新增紀錄：開啟與關閉抽屜、領域與搜尋初態；選項後表單另查程式。
- 動態牆：推薦內容、留言抽屜；追蹤與失敗狀態另查程式。
- 個人頁：資料摘要、紀錄與搜尋入口，並實看設定與會員區。
證據分開看：以上有桌面 Chrome 畫面／介面文字；問題涉及的程式已比對 0.61.6 主線。標「程式確認、待實測」的項目，代表尚未操作重現故障。
尚未完成：五入口的手機、Safari、朗讀工具與斷網測試；未送出評分、留言或紀錄，未編輯／刪除真實資料，也未測非會員完整流程。手機模擬截圖受其他視窗遮擋，未列為通過。先前公開三頁的手機／桌機檢查仍保留。
第三章｜羅盤
已看推薦畫面。中央羅盤、領域選擇與四方向按鈕有清楚特色，值得保留。
鍵盤也要能先看完整資訊
程式確認、待鍵盤實測。
- 現況：四周評分可用按鈕操作，中央卡片開詳情卻只有點按手勢入口。
- 原因：中央卡片不能用 Tab 選到，也沒有對應的 Enter／空白鍵操作。
- 建議：讓中央卡可以用鍵盤開詳情，保留原本拖曳與評分方式。
- 怎麼驗：只用鍵盤完成開詳情、關閉、回到同一張卡，全程不誤觸評分。
第四章｜搜尋
四個頁籤都已查看：搜尋、找同好、品味雷達、歷史紀錄。篩選採取消／套用，雷達有用途與額度說明。
升級入口要帶到會員內容
連結與目的頁已確認；當次為會員帳號，鎖定入口待非會員實測。
- 現況：找同好的「升級領航員」連結仍指向個人頁，但會員區已搬到設定。
- 原因：入口沒有跟著會員區搬家，使用者落到自己的紀錄後還得再找。
- 建議：直接開會員說明，或到設定中的會員區，並保留原搜尋位置。
- 怎麼驗：用非會員測試帳號點各個升級入口，都能直接看到權益與取得方式。
頁籤補齊鍵盤操作
程式確認、待鍵盤與朗讀實測。
- 現況：四個頁籤已告訴朗讀工具自己是頁籤，但沒有左右鍵切換與對應內容的完整標記。
- 原因：視覺選中狀態有做，鍵盤操作規則卻沒有一起補齊。
- 建議：沿用外觀，補方向鍵切換、目前頁籤與內容的關聯。
- 怎麼驗：鍵盤能進入頁籤組、左右切換，再移到正確內容。
共同紀錄門檻的問題見「篩選條件要看得懂」。搜尋結果資訊較密，手機閱讀順序仍待驗證，暫不列為已確認缺陷。
第五章｜新增紀錄
這是全站抽屜，不是獨立頁面。已實看開啟與關閉；先選領域與項目、再展開表單的做法值得保留。以下三項為程式確認、待隔離測試。
搜尋失敗後，同樣的字也能重試
- 現況：找店失敗後，再按同一組關鍵字的搜尋，不會重新查詢。
- 原因：查詢只在已送出的文字改變時觸發；同字再按一次沒有變化。
- 建議：每次按搜尋都能重新送出，仍維持打字時不查詢。
- 怎麼驗：讓搜尋失敗一次，恢復連線後不改字再按搜尋，應取得結果。
送出卡住時，要有下一步
- 現況：新增送出會顯示等待遮罩，但程式沒有明確的等待上限。
- 原因：網路若一直沒有回覆，畫面會持續等，使用者不知是否已存好。
- 建議：逾時要說明並保留內容，先確認有沒有成功儲存，再決定是否重送。
- 怎麼驗：在測試環境模擬回覆卡住，確認能恢復操作，且不會多出重複紀錄。
心得填錯時，清楚指出位置
- 現況：心得超限會擋下送出，但錯誤沒有完整連到輸入欄，也不會帶使用者回到那裡。
- 原因：只顯示錯誤文字，鍵盤或朗讀使用者可能不知道為何沒送出。
- 建議：標出錯誤欄位，讓朗讀工具念出原因，必要時把游標帶回。
- 怎麼驗：在測試表單輸入超限心得，送出後立即知道哪裡要改。
第六章｜動態牆
已看推薦內容與留言空態。主清單已有錯誤與重試處理，問題集中在延伸抽屜。以下為程式確認、待隔離測試；本次看到空留言，不代表已重現載入失敗。
沒載到，不要說成沒有留言
- 現況：留言或喜歡名單讀取失敗，會走到「沒有內容」的畫面。
- 原因：失敗與真正零筆共用同一種空資料狀態。
- 建議：分開「目前沒有」與「暫時讀不到」，失敗時提供重試。
- 怎麼驗：模擬讀取失敗，不應顯示零筆；恢復連線後按重試能看到內容。
中文選字不要意外送出
- 現況：留言按 Enter 就進入送出流程，沒有排除中文輸入法正在確認選字的情況。
- 原因：同一顆 Enter 被當成選字與送出，可能把未完成句子發出去。
- 建議：選字期間不送出，完成選字後才接受送出操作。
- 怎麼驗：在測試帳號用注音或拼音選字，按 Enter 確認字詞時不應新增留言。
關閉的抽屜不要還能被選到
- 現況：留言與喜歡抽屜關閉後仍留在頁面，只被移出畫面。
- 原因：程式沒有同時讓裡面的按鈕與輸入框退出鍵盤、朗讀的操作範圍。
- 建議：關閉後停用抽屜內容，開啟才恢復，關閉時把焦點還給原按鈕。
- 怎麼驗：抽屜關閉時按 Tab，不會跑進看不見的控制；朗讀也不會遇到關閉的對話框。
第七章｜個人頁與共用詳情
已看個人摘要、紀錄列表、搜尋入口與設定。紀錄分佈與搜尋有清楚用途，無需改成另一種首頁。以下為程式確認、待隔離測試。
編輯中的心得也要防誤關
- 現況：新增內容有放棄確認，編輯模式卻直接略過這個保護。
- 原因：關閉抽屜後會丟失尚未儲存的修改；原紀錄還在，不等於剛寫的內容還在。
- 建議：編輯確實有改動時才詢問是否放棄；沒改動仍直接關閉。
- 怎麼驗：修改測試紀錄但不儲存，用叉、遮罩、拖曳或 Esc 關閉；取消離開時應保留修改。
詳情載入失敗，原地就能重試
- 現況：共用店家詳情只顯示「載入失敗，請再試一次」，沒有重試按鈕。
- 原因：提示要求重試，卻沒給操作，使用者只能猜要先關掉再開。
- 建議：在失敗文字旁提供重試，保留目前項目與返回位置。
- 怎麼驗：從搜尋或個人紀錄開詳情，模擬失敗後能原地重試，不必重新找該筆。
第八章｜紅色數字不夠清楚
建議先做，已在線上確認。
- 現況：歡迎頁範例的紅色「18」較難讀，文字對比為 4.25:1。
- 原因：紅字和深棕卡底的明暗差不夠；這個字級應至少達到 4.5:1。
- 建議：調整卡片上的紅字，保留整體深棕風格。
- 怎麼驗：確認「18」清楚、對比達標，再檢查其他使用相同紅字的地方。
第九章｜篩選條件要看得懂
建議先確認，再處理。
- 現況：程式預設至少 10 筆共同紀錄，但選項只有 0、40、70、100；按「清除」也回到 10 筆。
- 原因：10 筆對不上任何選項，所以可能沒有按鈕亮起；「清除」實際是恢復預設，並未移除這個條件。
- 建議：顯示目前的 10 筆門檻。如果按鈕只是恢復預設，就叫「恢復預設」。
- 怎麼驗：登入找同好，檢查操作前後的條件、提示數字與結果是否一致。
本次已實看找同好與篩選面板，但沿用帳號既有搜尋狀態，尚未重現預設 10 筆的問題；不直接把 10 筆改成 0 筆。
第十章｜19° 代表什麼
- 現況：範例顯示 Anton Liu、19° 和 169 筆共同紀錄，但沒有先交代比較雙方。
- 原因：缺少比較情境與角度說明，新訪客可能不知道這是誰的結果、數字大小代表什麼。
- 建議：保留羅盤與數字，先說清楚誰跟誰比，以及角度越小代表品味越接近。
- 怎麼驗：讓新使用者看完，能說出「誰跟誰比」「19° 是什麼」「169 筆共同紀錄有什麼幫助」。
公式說明要找得到
- 現況：輪播寫著「公式公開，可驗算」，這句話旁邊卻沒有查閱連結。
- 原因：想確認算法的人，無法順著這個提示找到說明。
- 建議：在原位置加上算法說明連結。
- 怎麼驗：未登入的訪客也能點開，讀到對應的算法說明。
第十一章｜輪播能暫停，位置能知道
輪播加上暫停
- 現況：輪播每五秒換一張，已有部分暫停方式，但沒有明確的「暫停／播放」按鈕。
- 原因：暫停依賴滑鼠停留、選到控制鈕等狀態，手機使用者不容易固定停在某張慢慢讀。
- 建議：加上可持續暫停與恢復播放的按鈕。
- 怎麼驗：按暫停後不再自行換張，按播放才恢復；減少動畫設定仍有效。
朗讀工具也要知道在哪一頁
- 現況：已實看底部導航，圖示有名稱；程式仍缺少供朗讀工具辨識的「目前頁面」標記，待朗讀實測。
- 原因：顏色能讓看畫面的人知道位置，朗讀工具卻無法只靠顏色判斷。
- 建議：保留外觀，補上目前頁面標記。
- 怎麼驗：登入後切換頁面，朗讀工具能正確說出目前位置；載入失敗時不誤報已到達。
小連結更好點
- 現況：部分條款、隱私連結的可點範圍只有 14–16px 高。
- 原因：可點範圍貼著小字，手指較容易點偏或漏點。
- 建議：增加小連結的可點範圍，主要按鈕與輪播圓點維持原樣。
- 怎麼驗：用手機單手點擊，容易點中，也不會誤開旁邊的連結。
第十二章｜鍵盤操作要看得見位置
這涉及既有外觀決定，先提出設計，不直接加回舊外框。
- 現況：用 Tab 鍵切換部分按鈕或連結時，看不到目前選到的位置；已在線上確認。
- 原因：外框已全面移除，鍵盤操作也失去定位提示，使用者只能猜現在選到哪裡。
- 建議：先設計符合品牌、只在鍵盤操作時出現的位置提示。
- 怎麼驗：用 Tab 走過開始、登入、輪播與彈窗，每一步都知道自己在哪裡；手機點按的外觀符合設計。
第十三章｜建議處理順序
- 先補重現：在隔離測試環境查失敗重試、編輯誤關與中文選字，避免動到真實資料。
- 先修影響操作的缺口：錯誤不要冒充空白，保住修改，避免意外送出。
- 接好入口與鍵盤流程：會員去向、羅盤詳情、頁籤與關閉抽屜。
- 再改善閱讀：篩選門檻、紅字、結果樣張與公開說明。
- 驗五個主入口：補手機、朗讀、慢網路與非會員流程，不能只驗歡迎頁。
每次改善也要檢查其他使用相同按鈕或卡片的頁面。
第十四章｜整體評價
羅盤、搜尋、紀錄與個人頁已形成完整使用路徑；下一步應把中途失敗與返回處理好。
- 做得好：羅盤有辨識度、配色一致、新增逐步展開、主清單已有錯誤重試。
- 需要加強：延伸抽屜的恢復能力、編輯防丟、中文輸入與鍵盤完整操作。
先前 27／40 只評公開頁面與抽樣元件，不能當成全站分數。本版不以單一分數取代各入口的證據；效能與手機完整流程仍待測。
第十五章｜已確認的檢查結果
- 登入後：五入口、搜尋四頁籤、篩選與留言已有正式站畫面；設定也已讀取，版號為 0.61.6。
- 程式：補掃主要功能相關的 198 個檔案。兩個警告中，圖片是註解誤報，回彈動畫屬風格提醒，均不直接列為缺陷。
- 公開頁：先前三頁、三種寬度共九組檢查無橫向溢出；輪播的減少動畫與模擬滑動已確認。
- 閱讀：歡迎頁紅色「18」對比不足、部分按鈕沒有鍵盤位置提示，仍保留改善建議。
「已查看五入口」不等於「所有流程已驗收」。送出、故障、手機與非會員情境的缺口，已在各項標明。
第十六章｜看實際畫面
2026-10-03 的歡迎頁。點開可看手機與桌機的完整畫面。