親しみのあるイラスト付き空状態（受信箱が空）

空状態（empty state）は、データがまだ存在しない画面です。受信箱が空、通知がゼロ、検索結果なし——一見すると「何も設計することがない」画面に見えます。しかし実際は逆で、空状態こそ多くのユーザーが最初に出会う画面です。アカウントを作った直後、すべてはゼロから始まる。つまり空状態は、プロダクトの第一印象そのものなのです。

真っ白な画面が呼ぶ不安

何も表示されない画面を見たユーザーは、無意識に問いを抱きます。「壊れているのか」「使い方を間違えたのか」「ここで何をすればいいのか」。この小さな不安が積み重なると離脱に繋がる。温度のあるイラストと一行のコピーは、まずその不安を打ち消す役割を持ちます。これは正常な状態です、あなたは何も間違えていません。そう伝えてから、次の一歩を示します。

空状態は小さなランディングページ

優れた空状態は、状況を説明するだけで終わりません。「最初のメールを送ってみましょう」「チームを招待しましょう」といった、ただ一つの明確なCTAを提示する。これは実質的に、プロダクト内に置かれた小さなランディングページです。新規ユーザーにとっては自然なオンボーディングになり、既存ユーザーにとっては次の行動への合図になります。

仕上げの判断軸

CTAは必ず1つに絞ってください。空っぽで心細い状態の人に選択肢を3つ並べると、かえって動けなくなります。

イラストは状況に合った穏やかなトーンで、ブランドのキャラクターと一致させる。コピーは短く、前向きに——「受信箱は空です」より「最初のメッセージを待っています」のほうが、同じ事実でも次の行動を誘います。