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)