エンプティステート
Empty State
別名: 空の状態
ライブデモ
説明
一言で説明
表示するデータがまだない状態(検索結果ゼロ、お気に入り未登録、初期状態など)の画面デザイン。
いつ使う?
「まだ何もありません」と伝えるだけでなく、次に何をすべきか(例:『作成ボタンを押す』)を案内する場合。
💡 日常の言い方
「データが何もないときに「ここに追加してね」って出てる寂しくない画面」
似ている用語との違い
エンプティステート vs プレースホルダーコンテンツ
プレースホルダーは『読み込み中』のダミー。エンプティステートは『データが存在しない』確定的な状態。
AIへの指示例
メッセージ一覧が空のときのエンプティステートをデザインして。可愛いイラストと、『最初のメッセージを送る』ボタンを表示して。