Loading State

Loading State

💡
內容正在等待出現時的狀態

當頁面尚未載入完成或是使用者在進行一項需要等待處理的任務時,我們會運用 Loading State 來呈現狀態,讓使用者知道可能還需要等待多久,也是一種方式來示意 KKBOX 正在處理任務中。

Tone & Voice 語調

Loading State 通常會盡可能的讓使用者的等待感受降低,若有無法避免的長時間等待時,適當的運用文案則是緩和使用者情緒的一種方式。在撰寫 Loading State 類型的文案時,可以運用簡潔真誠的語調闡述任務處理的狀況,比如說上線中、歌曲下載中等提示訊息;少數情境可運用幽默機智的語調例如自嘲或直白的方式來解釋等待的原因,比如說音樂辨識中。等待情境多數是產品本身的處理狀況,不要假設使用者知道 Loading 過久的原因,用真誠的語調解釋狀況並且避免責怪使用者。

Best Practices 範例

icon
維持空白畫面讓使用者以為遇到 bug

「…」

icon
簡單明瞭的敘述狀態或原因搭配動態

「歌單同步中 (進度條)」

Related Components 相關元件

  • 音樂辨識中
  • 我的音樂庫資料同步中
  • Toast (上線中)
  • List (下載中)