共通設計理論教材 / Class LLL

動態：連續性與狀態辨識

票A到了詳情，資料也完成了嗎？

以原創票A清單至詳情演練，比較來源連續、成功／錯誤、只色彩與形狀文字冗餘。把800毫秒到達與1600毫秒結果分開，保留靜態序列與完整狀態，不把原型當真服務。

撰寫與維護：Class LLL · Lab Light Label｜預估閱讀 12 分鐘

開啟互動教材查看參考來源

閱讀目標

先核對來源、身分與狀態資料
一次只改一種可見線索或位置連續
停止動態後仍能說清狀態與下一步

適用條件與學習範圍

畫面移動得很順，是否已清楚說出正在等、已完成、出錯，以及從哪裡來？

補讀速度、加減速與緩動／轉場連續性；理解色彩、形狀與文字冗餘。

能對同一原創狀態路線做一項線索或連續性的單變因比較，分清轉場到達與資料結果，選出有理由的回饋並用靜態序列交代來源與狀態。

純設計演練，沒有帳號、檔案服務、請求、儲存或真重試。固定毫秒不是下載速度或最適回應時間；沒有眼動、讀屏試用、導航績效或真人理解證據。

原理與判斷

這份原創簡報只有一件事：從清單開啟票A詳情。讀者需要知道票A從哪裡來、目前是在等資料還是已經完成，以及出錯時能做什麼。畫面滑到右上角，只回答位置改變；它不能代替資料狀態。本例故意讓位置在800毫秒到達，結果在1600毫秒才依你選的路線出現。成功與錯誤都是腳本演練，不會發出請求。先核對同一時間與同一票，再比較動態、形狀、色彩及文字各自補上哪項資訊。

簡報、資料與停止邊界

原創票A在清單(50,230)與詳情(250,70)間移動，身分一直是A。前進路線0時清單未開啟，0至1600為載入；800時雖已到詳情，仍未宣稱完成。1600後按你選擇顯示已完成或無法載入。這些時刻是可檢查的教學安排，沒有檔案下載、真實延遲或伺服器可靠度資料。成功訊息只表示此演練分支就緒；錯誤原因也是虛構，不能把切按鈕當成修好正式服務。

第一輪：位置連續不等於結果完成

固定成功路線和800毫秒，切正面來源校樣。此時卡已到詳情框，完整狀態仍是載入中；到1600才顯示已完成。來源連續承接的是位置與同一票A，不應讓到達動畫替資料狀態說謊。只切保留來源連續，可比較同一曲線及路線下的中間位置。關閉後半程直接切換，端框、票名與狀態資料不變；不要把有無中間位置和資料結果混成一項。具體曲線與方向原理沿唯一QZ32教材補讀，不另定「人人都自然」的轉場。

第二輪：只移除色彩，資料不變

A樣本刻意只用狀態色；B預設另有形狀和可見文字。固定1600錯誤路線，只關B色彩：B改成同灰，但三角形和「無法載入」仍在，完整目前狀態與原表也沒變。這一輪才能把差異歸到色彩線索。還原後再單獨移除狀態文字或形狀，說出還剩哪種可見入口。形狀約定沿QZ35：完成類圓形、等待類菱形、錯誤類三角形；它不是跨文化符號定律。把全部都關掉是另一次反例，不應把多項改動的效果全歸給配色。

第三輪：錯誤需要可讀的意思和下一步

固定1600，改演練錯誤路線。完整訊息寫票A、詳情、無法載入及虛構原因，並指向可選成功路線再比較。紅色和移動本身不能交代這些內容；也不能讓錯誤與成功都只剩一個無法辨認的灰圓。 W3C Use of 顏色說明必要資訊不能只靠顏色，而且可見替代與輔助科技資訊是兩件事。本例保留完整文字，讓比較不變成猜色測驗；A樣本下方有資料，不代表A自身已擁有可見冗餘。

返回方向與狀態通知分開

返回方向示意從詳情位置走回清單，0已進入返回演練，800後顯示已返回清單，不在背景再出現載入或完成。按鈕只改原理圖；真正補讀和頁面返回仍走閱讀器，保留本案例條件。狀態通知只在階段改變時更新票名、畫面和狀態，不逐幀朗讀毫秒，也不任意搶走焦點。W3C SC4.1.3的AA範圍處理不改變情境的狀態訊息；Understanding是非規範解說。這是標記設計，不冒稱已做真人讀屏或全站WCAG驗收。

換目的反例：離線截圖不能靠播放

改問離線截圖任務：若只留1600毫秒的成功截圖，先前載入與來源會被漏掉，也不能據此知道另一條錯誤路線。選靜態替代，保留0／800／1600／2400的同一路線序列與票A名稱，停止動態後仍可核對。少動態模式不播放，100毫秒取樣和完整文字同樣可用。這不是證明靜態一定優於動態，而是依新目的保留必要資訊。若同時改版面與說明，那是多項提案，不能當單變因成效實驗。

寫出有條件的選擇理由

可以記錄「同票來源需要追查，所以保留端框與方向；錯誤需要意思與下一步，所以保留文字，形狀和色彩作補充」。不要寫成「動畫越順理解越好」或只因顏色像成功就當服務已成功。 Getty的動勢與強調是作品分析的觀察語彙，不能直接當此介面的眼動量測。這個案例沒有引用Bauhaus歷史作品或免費重製館藏；原創模型與S07歷史課程範圍分開。個人插旗仍是自行理解，不由播放完成或切到正確分支自動判分。

步驟與觀察

先核對同一票與同一時刻
選成功路線，先看800再看1600，說出到達與完成的差別；記錄來源、目的與票A身分。
分輪移除線索
固定1600錯誤，只移除B色彩，核對資料、三角形及文字不變；還原後再分別移除文字或形狀。
比較連續與返回
在移動中的100–700毫秒只切來源連續，再觀察返回示意；不要把方向、路線與時間一次全改而只歸因一項。
改目的，選靜態並補讀
改問離線截圖任務，用靜態序列交代來源／載入／結果；沿冗餘或轉場原理補讀，返回／重載保留本頁，重設不清補讀頁。

常見問題

轉場到達便顯示成功

本例800只是到位置，1600才到所選結果；動態完成不是資料服務證據。

關掉色彩後連狀態文字也刪掉，卻只說配色效果

先一次改一種線索並核對原表；多項提案要明示，不能假裝受控比較。

用平滑移動或紅色取代錯誤說明

保留票名、狀態、原因及可行下一步；本演練不宣稱真實重試或服務恢復。

把館方動勢描述或原型播放當眼動／學習證明

分清分析語彙、網站腳本與真人證據。沒有相應試驗就不宣稱效果。

適用範圍與證據

原教材查核日期：2026-10-23 適用範圍：原創清單票A至詳情的狀態辨識綜合案例，沿QZ32／QZ35唯一原理及模型。來源狀態：實讀W3C Use of 顏色的Intent／可見替代與AT區分、狀態 Messages AA之Intent／定義範圍／Examples與修改文字的脈絡。IBM Overview沿同會話QZ31／32已讀Approach／Types；Getty S08 Elements／Principles與S11 強調／動勢正文只作分析用語，不冒稱眼動。沒有引用S07歷史作品或再製館藏。Understanding均非規範性解說；原先備頁逐頁來源保留。示意限制：重用40件校樣架、QZ32 easingAt／useFigureClock、QZ35 cueModel；新原創固定狀態路線，800ms到位置、1600ms才結果。成功／錯誤、方向、位置連續與B色彩／形狀／文字同源；完整文字與靜態序列不移除。原生軟體實測：純瀏覽器設計演練，沒有帳號、檔案／網路服務、儲存、真重試或Ps／Ai／Figma原生實測，不以固定時間冒充效能。學習成效驗證：沒有真人、讀屏試用、眼動、導航績效、偏好或學習試驗；不評分、不診斷、不以播放或單一色對宣稱全站WCAG認證。

參考來源

來源依原教材逐頁維護；本次建立閱讀網址不代表重新完成原生軟體或真人學習測試。如遇版本差異或內容錯誤，歡迎來信提出具體段落與版本。