回饋提示詞條 2-47

載入遮罩Loading Overlay

也常叫做:載入中遮罩、Spinner Overlay

你可能會這樣說

按了送出,畫面蓋上一層半透明遮罩、中間轉圈圈,跑完才恢復——一方面告知處理中,一方面防止你等不及一直點。

白話解釋

載入遮罩是等待期間蓋住畫面(或局部區塊)的半透明層,中間通常放轉圈圈,表示「處理中」,同時擋住重複點按。

分寸要拿捏:等超過兩秒最好換成有進度感的提示,不然使用者會以為當機。

跟 AI 說「送出後鎖住整頁並顯示轉圈遮罩,完成後解除」就是標準寫法。

親手試試

看仔細:骨架形狀跟真的內容一樣——資料來的時候畫面不會跳。

圖 2-48 等資料的時候,先閃骨架、再上真內容——畫面不跳、人不焦慮。

這樣對 AI 說

中文就可以
按下送出後,整個表單蓋上載入遮罩。
半透明覆蓋,中央轉圈圈加「處理中,請稍候」。
遮罩出現期間所有按鈕都不能再點。
處理完成遮罩退場,成功就前往結果頁。

同一課的其他詞