---
title: "A folha em branco"
url: "https://translations.37signals.com/2/getting-real/78/a-folha-em-branco"
---

## A folha em branco

### Estabeleça expectativas com uma experiência bem pensada

Ignorar o estágio de tela em branco (blank state) é um dos maiores erros que você pode cometer. A tela em branco é a primeira impressão do seu aplicativo e você nunca tem uma segunda... bem, você sabe.

O problema é que, ao desenhar uma UI, geralmente ela está cheia de dados. Os designers sempre preenchem templates com dados. Cada lista, cada postagem, cada campo, cada cantinho tem algo nele. E isso significa que a tela parece e funciona muito bem.

No entanto, o estado natural do aplicativo é um que está desprovido de dados. Quando alguém se inscreve, começa com uma folha em branco. Muito como um weblog, cabe a eles populá-lo — a aparência geral e a sensação não tomam forma até que as pessoas insiram seus dados: postagens, links, comentários, horas, informações da barra lateral ou o que for.

Infelizmente, o cliente decide se um aplicativo vale a pena nesse estágio de tela em branco — o estágio quando há a menor quantidade de informações, design e conteúdo sobre o qual julgar a utilidade geral do aplicativo. Quando você falha em desenhar uma tela em branco adequada, as pessoas não sabem o que estão perdendo porque tudo está faltando.

Ainda assim, a maioria dos designers e desenvolvedores ainda toma esse estágio como garantido. Eles falham em gastar tempo projetando para a tela em branco porque quando eles desenvolvem/usam o aplicativo, está cheio de dados que eles inseriram para fins de teste. Eles nem mesmo encontram a tela em branco. Claro, eles podem se logar como uma nova pessoa algumas vezes, mas a maior parte do tempo é gasta mergulhando em um aplicativo que está cheio de dados.

O que você deve incluir em uma tela em branco útil?

Use-a como uma oportunidade para inserir tutoriais rápidos e notas de ajuda.

Dê uma captura de tela de amostra da página populada com dados para que as pessoas saibam o que esperar (e por que elas deveriam permanecer).

Explique como começar, como a tela eventualmente se parecerá, etc.

Responda às principais perguntas que os espectadores de primeira viagem farão: O que é esta página? O que eu faço agora? Como esta tela parecerá uma vez que estiver cheia?

Estabeleça expectativas e ajude a reduzir frustração, intimidação e confusão geral.

Primeiras impressões são cruciais. Se você falhar em desenhar uma tela em branco cuidadosa, você criará uma impressão negativa (e falsa) do seu aplicativo ou serviço.

### Você Nunca Tem Uma Segunda Chance

>Outro aspecto da UI do Mac OS X que eu acho que foi tremendamente influenciado por \[Steve\] Jobs é a configuração e a experiência de primeiro uso. Eu acho que Jobs está muito ciente da importância das primeiras impressões... Eu acho que Jobs olha para a experiência de primeiro uso e pensa, pode ser apenas um milésimo da experiência geral do usuário com a máquina, mas é o milésimo mais importante, porque é o primeiro milésimo, e define suas expectativas e impressão inicial.

—John Gruber, autor e desenvolvedor web (de Entrevista com John Gruber)