返回文章列表

評估與品質 · 實作指南

AI 草稿審核視窗:用鍵盤入得去,出唔出得返?

用鍵盤行一次模態對話框嘅進入、焦點循環、關閉同返回流程,唔好淨係睇文案順唔順。

AI 草稿審核視窗:用鍵盤入得去,出唔出得返?

AAHouse 原創解說影片,採用 AI 輔助概念畫面、合成旁白及原創音樂。

英文逐字稿 · 簡體中文普通話逐字稿 · 台灣華語逐字稿 · 澳門粵語逐字稿

先放低滑鼠

試想一間美國維修公司嘅員工,用 AI 草擬客戶回信,按「檢查草稿」之後開咗一個模態對話框:要先關閉佢,先可以操作後面嘅頁面。依家只用鍵盤行一次完整流程。文字再準確都好,如果員工入唔到、改唔到,或者退唔出審核視窗,佢哋仍然冇辦法獨立使用呢個助手。呢個係虛構審核情境,唔係客戶測試結果。

審核路徑:淨係用鍵盤
審核路徑:淨係用鍵盤 — 開啟審核 → 閱讀同修改; 關閉審核 → 返去草稿
  • 開啟審核 → 閱讀同修改
  • 關閉審核 → 返去草稿

概念重繪 · 唔係產品截圖 · 建議互動流程

第一站:入嚟之後,先知自己喺邊

W3C 嘅模態對話框模式要求,開啟之後將焦點移入框內,但唔代表一律放喺第一個按鈕。[1] 長篇草稿可以先聚焦頂部標題或者靜態內容,等用戶由開頭理解材料。我哋建議清楚顯示「檢查回信草稿」,分開傳送同編輯;唔好令第一次按鍵就輕易觸發對外傳送。

進入對話框嗰陣嘅焦點
進入對話框嗰陣嘅焦點 — 長篇草稿:頂部標題或者靜態內容; 先睇明內容,再揀操作
  • 長篇草稿:頂部標題或者靜態內容
  • 先睇明內容,再揀操作

概念重繪 · 唔係產品截圖 · 建議互動流程

第二站:行完一圈,唔好跌到後面

按 Tab 應該喺框內依次移動,到最後一項就返去第一項;Shift+Tab 就反方向移動。[1] 喺測試記錄逐個寫低實際停靠嘅控制項,檢查修改、取消同確認係咪全部搵得到。模態對話框後面嘅頁面應該唔可以互動,唔係淨係蓋一層灰色就算。如果只係畀人並排閱讀嘅非模態面板,就唔應該照搬呢種焦點循環。

模態對話框入面嘅循環
模態對話框入面嘅循環 — Tab:向前;最後一項 → 第一項; Shift+Tab:向後;第一項 → 最後一項
  • Tab:向前;最後一項 → 第一項
  • Shift+Tab:向後;第一項 → 最後一項

概念重繪 · 唔係產品截圖 · 建議互動流程

第三站:離開,都要有落腳點

W3C 模式提供用 Escape 關閉,亦建議保留睇得到嘅關閉或者取消按鈕;關閉之後,通常將焦點交返畀開啟視窗嗰個控制項。如果嗰個控制項已經消失,或者下一步流程有需要,可以揀另一個合理位置。[1] 對回信工具,我哋建議關閉審核唔等於傳送;未儲存嘅修改要按清楚規則處理,避免員工返嚟嗰陣搵唔返草稿,或者誤以為已經寄出。

關閉之後,焦點返去邊?
關閉之後,焦點返去邊? — Escape 或者睇得到嘅關閉按鈕; 返去啟動控制項,或者合理嘅下一步
  • Escape 或者睇得到嘅關閉按鈕
  • 返去啟動控制項,或者合理嘅下一步

概念重繪 · 唔係產品截圖 · 建議互動流程

交畀團隊嘅,唔只係一張剔選表

驗收記錄應該寫明瀏覽器、輔助技術、實際焦點次序,同開啟、編輯、退出、返回嘅結果。W3C 嘅鍵盤準則要求,功能可以經鍵盤介面操作,亦訂明輸入依賴移動路徑時嘅例外。[2] 本文嘅回信審核唔依賴自由手繪。本文只係提出測試路線,冇執行應用程式測試,亦唔構成合規認證;驗收應該有真正使用鍵盤同輔助技術嘅人參與。

驗收記錄要寫低
驗收記錄要寫低 — 環境 + 實際焦點順序; 開啟 / 編輯 / 離開 / 返回:各自嘅結果
  • 環境 + 實際焦點順序
  • 開啟 / 編輯 / 離開 / 返回:各自嘅結果

概念重繪 · 唔係產品截圖 · 建議互動流程

想把想法變成可驗證的試行?

聊聊你的工作流程

來源與延伸閱讀

編輯原則

本系列以 AI 輔助原創撰寫,並對照連結的公開來源。實作建議與假設情境屬編輯分析,並非客戶實績。來源發布日期及產品細節可能與本系列整理日期不同。