Turn zero to hero

t @tomic_mihael

t @monosoftware

Ja, me, moa, ich...

• Frontend designer in Mono.
• Co-organizer of Frontend Meetup Osijek.
• Co-ordinator of Digital Design Academy.
• Editor at Taste of Croatia - enogastro collective. 

What are empty states?

• After signing up.
• On success.
• On error.
• After clearing data.

An empty state is what the user sees when there is no data to display on the screen.

The importance of empty states

It could be a crucial part of user experience. 

Depending on the existence of empty states in the app,  your user can:

• temporarily or permanently leave your app,
• be more engaged and productive.

A useful empty state tells you what it’s for, why you’re seeing it, and how you can fill it up.

H3nity: What, Why and How

Paper by Dropbox

Google Fonts

Personality and delight

• Don't strip your product from personality and delight.
• Communicate simple and clear design.
• Design within the visual identity of your product.
• Create emotion in user.

 Viber

Hangouts

Educate!

• Explain what's going on, where is user & when action will occur on screen. 
• Do it fast.
• Do it simple.

To sum it up...

• Engagement and productivity.
• What it’s for, why you’re seeing it,
  and how you can fill it up.
• Delight users.
• Educate users.
• Be simple and fast.