數值控制

Rating|評分控制

用有限的等級表達主觀評價,並清楚說明可否修改或取消。

常見俗稱:評分控制、星等、星星評分、Rating

60 秒決策

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

適合使用

  • 使用者要表達主觀感受,且等級數量固定、容易理解。
  • 分數本身是評價,不是需要精確計算的數值。

不適合使用

  • 數字代表金額、數量、溫度等客觀資料。
  • 評分規則需要複雜的多面向說明。

畫面要說清楚的事

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

星星之外要有文字

目前分數與每個等級的意思要能讀到,不能只靠填滿幾顆星。

修改與取消要先說清楚

使用者點錯時能不能重選?清空是否允許?規則必須在互動前就可理解。

不要假裝是精確數字

4 顆星代表感受,不應被包裝成看似可精算的 4.0 分。

必要狀態與回應

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

未評分

清楚提示尚未選取,不把空星誤認為 0 分。

Hover 與 Focus

暫時指向的等級與已選值要能區分。

已評分

顯示目前分數與文字意義,允許時可重新修改。

已取消

若允許清空,要明確回到未評分狀態。

操作 Demo

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

操作前先知道

  1. 服務滿意度

    先觀察:星等、文字意義與目前已選分數如何一起呈現。

    操作:選擇 4 顆星,再改成 2 顆星或取消。

    預期結果:分數可以被看懂、修改與取消也不需要猜。

可操作 Demo

服務滿意度評分

本次服務評分

1 顆星代表不滿意,5 顆星代表非常滿意;可重新選擇或取消評分。

告訴 AI

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

建立「本次服務評分」Rating,範圍 1 到 5 顆星。每個等級要有文字意義與鍵盤可操作性;選取後允許修改,並明確提供取消評分的方式,不要只靠星星顏色傳達目前值。

驗收清單

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

  • 每個分數是否有可讀的文字意義?
  • 是否能以鍵盤操作?
  • 已選值和暫時 Focus 是否可區分?
  • 可否修改或取消是否已說清楚?
  • 星星以外是否仍看得見目前數字?