載入狀態的存在是為了回答使用者的一個問題:有什麼事情發生嗎?如果沒有答案,人們會再次點擊、重新載入頁面或離開。正確答案取決於他們等待的時間。
對於非常短的等待(大約十分之一秒),大多數人不會注意到延遲,因此指示器只會增加閃爍。常見的技術是在顯示旋轉器之前短暫等待,因此快速響應根本不會顯示旋轉器。
等待一秒鐘或幾秒鐘,在結果出現的地方顯示回饋。骨架螢幕,即即將出現的佈局的灰色輪廓,非常適合列表、卡片和配置文件,因為它顯示即將出現的內容並減少佈局變化。旋轉器適用於小區域或當結果具有不可預測的形狀時。
對於諸如上傳、匯出或人工智慧生成之類的長期任務,如果可以衡量的話,請展示真正的進展,解釋正在發生的事情,並讓人們取消或繼續其他工作。旋轉一分鐘而沒有其他資訊的旋轉器感覺像是失敗。
啟動動作的控制項也需要一個狀態。提交按鈕切換到載入狀態,且不能按兩次,可以防止重複的訂單和訊息。當載入結束時,明確地轉向成功或錯誤,而不是默默地回到預設值。
動畫在這裡很有幫助,但要保持平靜和簡短的循環,並尊重簡化的動作設定。我們製作的 ExodeUI 可讓您設計一個載入程式或按鈕,並在一個檔案中包含載入、成功和錯誤狀態,您的程式碼可以在該檔案之間進行切換。