表單結構

Required Indicator|必填標記

清楚說明哪些欄位必填,並讓程式與輔助科技同樣知道這項規則。

常見俗稱:必填標記、必填欄位、Required Indicator、星號

60 秒決策

先確認使用者要完成的事。

適合使用

  • 使用者必須提供資料才能完成目前流程。
  • 欄位與群組需要在輸入前說明必填規則。

不適合使用

  • 只以紅色字或一顆未解釋的星號表示必填。
  • 讓使用者送出後才發現缺少資料。

畫面要說清楚的事

不要只交代外觀,也要交代資料與輸入規則。

文字比顏色可靠

可用「必填」或已說明含義的星號,不能只改變 Label 顏色。

規則放在名稱附近

單一欄位放在 Label;Checkbox 或 Radio 群組則放在 Legend。

程式也要知道必填

使用 required 或等效語意,不讓規則只存在畫面上。

必要狀態與回應

每個狀態都要讓使用者知道下一步。

尚未填寫

使用者在送出前就看得出這是必填。

已完成

不需額外慶祝,但規則仍可辨識。

送出失敗

具體說明缺少什麼,並列在摘要中。

操作 Demo

先知道要觀察什麼,再動手操作。

操作前先知道

  1. 必填成員姓名

    先觀察:「必填」是否用文字說明,且輸入框有 required 規則。

    操作:保留欄位空白並提交範例表單。

    預期結果:摘要與欄位錯誤都會指出這是必填欄位。

可操作 Demo

可理解的必填規則

標示必填的欄位需在送出前完成。

尚未輸入成員姓名。

告訴 AI

把任務、規則、狀態與操作條件一次寫清楚。

建立必填的「成員姓名」欄位。Label 中以文字「必填」或可理解標記告知規則,input 使用 required;不要只把 Label 塗成紅色或只放一個沒有說明的星號。表單開頭也要說明必填標記的意思。

驗收清單

不要只確認欄位能不能點。

  • 必填規則是否在輸入前可見?
  • 是否不是只依賴顏色?
  • required 是否存在於控制項?
  • 群組必填是否標在 Legend?