Wiki Article · Cinematic

Empty State

Empty state wo screen ya view hai jo tab dikhti hai jab koi data ya content display karne ke liye…

Overview

Empty State — Quick Facts

📌

Property: Detail

🎯

Topic: Empty State

⚡

Category: UI/UX Design

🔑

Also Called: Zero state, blank state, null state

Topic 1

Kya Hai Empty State

💡

Email app — naya account, koi…

🔑

Shopping cart — user ne kuch add…

⚡

Search — user ne kuch search kiya,…

🎯

Todo list — saare tasks complete…

Topic 2

Types of Empty States

💡 | Type | When | Example | Goal | |---|---|---|---| | First-use | User ne abhi account…

Topic 3

Kyun Important Hai

💡

First impression — naye user ka…

🔑

Conversion — empty cart → achchi…

⚡

Retention — confusing blank screen…

🎯

Guidance — user ko literally bata…

Topic 4

Anatomy of Good Empty State

⭐ `mermaid flowchart TB subgraph EmptyState["Empty State Screen"] ILLUST[Illustration /…

Topic 5

Good vs Bad Empty State

🔑 | Aspect | Bad Empty State | Good Empty State | |---|---|---| | Visual | Blank white…

Topic 6

Design Principles

💡

Be helpful, not just honest — "No…

🔑

Action-oriented — hamesha ek CTA…

⚡

Context-appropriate — first-use vs…

🎯

Branded — illustration/copy me…

Topic 7

Real-World Examples

💡

Gmail — empty inbox → "You're all…

🔑

Slack — no messages → friendly…

⚡

Shopify — empty product list →…

🎯

Notion — empty page → minimal,…

Topic 8

Best Practices

💡

Design empty states early —…

🔑

Write good copy — empathetic,…

⚡

One clear CTA — ek primary action.…

🎯

Use illustrations wisely —…

Comparison

Good vs Bad Empty State

⚖️

Visual: Blank white screen

⚖️

Message: "No data" or nothing at all

⚖️

Guidance: User confused — "Ab kya…

Diagram

Visual Flow

📊 Diagram visualization — details in narration

Quiz — Question 1

Empty State ka sabse sahi definition kya hai?

Quick Quiz

Quiz — Question 2

Empty State ka 'Topic' kya hai?

Complete! 🎉

Empty State Complete!

Aliens Wiki · HIEN · Cinematic Knowledge

✅

Empty State Complete

➡️

Empty State

Empty State — Quick Facts

Property: Detail

Topic: Empty State

Category: UI/UX Design

Also Called: Zero state, blank state, null state

Kya Hai Empty State

Email app — naya account, koi…

Shopping cart — user ne kuch add…

Search — user ne kuch search kiya,…

Todo list — saare tasks complete…

Types of Empty States

Kyun Important Hai

First impression — naye user ka…

Conversion — empty cart → achchi…

Retention — confusing blank screen…

Guidance — user ko literally bata…

Anatomy of Good Empty State

Good vs Bad Empty State

Design Principles

Be helpful, not just honest — "No…

Action-oriented — hamesha ek CTA…

Context-appropriate — first-use vs…

Branded — illustration/copy me…

Real-World Examples

Gmail — empty inbox → "You're all…

Slack — no messages → friendly…

Shopify — empty product list →…

Notion — empty page → minimal,…

Best Practices

Design empty states early —…

Write good copy — empathetic,…

One clear CTA — ek primary action.…

Use illustrations wisely —…

Good vs Bad Empty State

Visual: Blank white screen

Message: "No data" or nothing at all

Guidance: User confused — "Ab kya…

Visual Flow

See Also

UI_design

UX_design

Onboarding

Call_to_action

Error_handling

User_interface

Quiz — Question 1

Quiz — Question 2

Empty State Complete!

Empty State Complete

UI_design