Empty State

Empty State

💡
尚未有內容或內容移除後的狀態

空值狀態通常發生在使用者尚未在產品中有累積資料或是行為,也可能是使用者將已建立的資訊或行為清空,比如說清空歌單內的歌曲、刪除搜尋紀錄等。

Tone & Voice 語調

在撰寫 Empty State 類型的文案時,要注意使用者並不會仔細閱讀內容,因此文字以簡潔、能快速理解為主,減少不相關的資訊。若需要引導使用者去累積資產或產品中的行為時,可運用幽默或鼓勵性質的語調來告知使用者他可以做些什麼。Empty State 若蘊含激勵使用者去探索更多可能性的意圖時,往往也是可以讓使用者會心一笑的機會;語調上可以以機智、坦率的方式告知使用者產品當下的狀態並提供明確清晰的 Call to action 讓使用者有意願嘗試探索。

Best Practices 範例

icon
負面且無給予明確指示的文案

「哭哭,你接下來沒有歌曲可以播放了」

icon
易理解的呈現並給予使用者明確的下一步

「沒歌了!開啟延伸聆聽探索更多你喜歡的內容」

Related Components 相關元件

  • 尚未建立資產的資產頁
  • 搜尋無結果