{"id":9708,"date":"2020-07-27T13:58:37","date_gmt":"2020-07-27T16:58:37","guid":{"rendered":"https:\/\/meunegocio.uol.com.br\/blog\/?p=9708"},"modified":"2026-01-15T11:29:35","modified_gmt":"2026-01-15T14:29:35","slug":"tirando-o-melhor-dos-estados-vazios-em-um-app","status":"publish","type":"post","link":"https:\/\/uolhost.uol.com.br\/blog\/tirando-o-melhor-dos-estados-vazios-em-um-app\/","title":{"rendered":"Tirando o melhor dos estados vazios em um app"},"content":{"rendered":"

N\u00e3o subestime a beleza de um estado vazio, mas saiba como deixar um bom espa\u00e7o vazio!<\/h2>\n

A experi\u00eancia de uso de um aplicativo \u00e9 algo interessante de se projetar. Muitas vezes, focamos em pensar j\u00e1 na aplica\u00e7\u00e3o finalizada e cheia de dados providos pelo usu\u00e1rio sem ao menos lembrar de como vai ser a recep\u00e7\u00e3o deste mesmo em seu primeiro uso.<\/p>\n

Este esquecimento pode nos levar a um problema mortal para toda aplica\u00e7\u00e3o: transformar o primeiro uso em algo frustrante, fazendo com que o usu\u00e1rio abandone a aplica\u00e7\u00e3o. E \u00e9 isso que estamos aqui para evitar!<\/p>\n

O que \u00e9 um estado vazio?<\/p>\n

Basicamente, um estado vazio \u00e9 o que o usu\u00e1rio v\u00ea quando n\u00e3o h\u00e1 dados para mostrar na tela. Simples. A ideia \u00e9 que mesmo que n\u00e3o haja nenhum dado a reten\u00e7\u00e3o do usu\u00e1rio no app n\u00e3o caia ou ele venha a tomar uma a\u00e7\u00e3o indesejada.<\/p>\n

Uma abordagem interessante do uso de estados vazios \u00e9 como o Gmail recebe seus usu\u00e1rios:<\/p>\n

\"\"<\/p>\n

Tela de OnBoarding no Gmail quando o usu\u00e1rio faz seu primeiro acesso.<\/em><\/p>\n

A maneira pela qual o Gmail recebe seus novos usu\u00e1rios \u00e9 bem interessante, observe: as informa\u00e7\u00f5es b\u00e1sicas v\u00eam no mesmo formato em que voc\u00ea vai ter outras informa\u00e7\u00f5es e usar no futuro: e-mails.<\/p>\n

Nestes e-mails, a pr\u00f3pria aplica\u00e7\u00e3o envia instru\u00e7\u00f5es sobre como voc\u00ea pode obter mais valor do aplicativo, todos projetados para aumentar o sucesso de uso pelo usu\u00e1rio (e, posteriormente, de reten\u00e7\u00e3o).<\/p>\n

\"\"<\/p>\n

Outro tipo de estado vazio ocorre quando voc\u00ea procura um amigo no Snap.<\/p>\n

Um estado vazio \u00fatil diz o que \u00e9 e por que voc\u00ea o est\u00e1 vendo, bem como de que maneira pode preench\u00ea-lo.<\/p>\n

Um estado vazio tem de ser bonito, mas, acima de tudo, \u00fatil.<\/p>\n


\n\"\"\t\t\t\t\t\t\t\t<\/a><\/p>\n

Como projetar um estado vazio?<\/p>\n

Ao projetar um estado vazio, voc\u00ea precisa ter em mente tr\u00eas perguntas e as responder de forma a reengajar o usu\u00e1rio: o que, por que e como preencher.<\/p>\n

Observe a tela abaixo:<\/p>\n