Mobile Empty States

Empty states are little rewards you get after finishing all the core designs of an app ๐Ÿ˜„

But that does not mean they're just there to look pretty! I've seen plenty empty states that made me wonder: - Why am I here? - What am I supposed to do? - Where am I supposed to go next?

It's nice to include fun visuals into an app, but it should also serve a purpose!

๐Ÿ”นEmpty states are meant to inform, and therefore, should help direct users to a start a task or take an action. ๐Ÿ”นIt also helps if there's a description to explain why users are seeing this screen! ๐Ÿ”นI try to keep the colors and visuals consistent to my app's branding. ๐Ÿ”นI often make the illustrations a bit lighter and slightly muted to indicate that they belong in the background. This helps users avoid thinking that they are buttons or main UI elements. ๐Ÿ”นI tend to keep things minimal; we're making an "empty" state, not a full hero ๐Ÿ˜† .

These were so fun to make! I hope to create a series of illustrations in this style ๐Ÿ˜Š

More by Jenny Tran ๐Ÿ’ซ

View profile