Redesigning

Uma pinceladinha de UI no exercício de rewriting

Impressões

Mudar uma tela da qual não conhecemos o contexto é um pouco difícil, afinal não sabemos quais foram as motivações e o porquê da escolhas do designer.

Antes de qualquer coisa, preciso dizer que esta tela é importantíssima no fluxo, visto que é uma confirmação de que o e-mail foi de fato enviado. Além da heurística ‘controle e liberdade para o usuário’ presente no botão ‘voltar’, a tela em si é uma confirmação de que sim, o e-mail foi corretamente enviado, trata-se da heurística ‘visibilidade do status do sistema’.

Ao me deparar com a tela, as sensações que que me foram passadas é de que:

• O agradecimento é muito e o mais importante de toda o contexto;
• ‘Caixa de entrada’ tem um grau de importância maior no texto, não se sabe bem o porquê.

Essas duas sensações pareciam não casar com o conteúdo da página.

A imagem original

O que incomodou ou geraram dúvidas:

• A hierarquia está confusa. Há quatro tamanhos de fonte, sendo o termo ‘OBRIGADA’ o foco principal;
• Qual o motivo do foco em ‘caixa de entrada’?;
• Há pouco respiro (espaço em branco).

Versão modificada

O que foi mudado:

• Equilíbrio na hierarquia das fontes;
• Respeito ao grid e espaçamentos;
• Foco no no slogan da empresa;
• Respiro (espaço em branco) entre os elementos.

Faz sentido? :)