Confira o Processo de Redesign de um Site

Transcrição

1 Confira o Processo de Redesign de um Site O designer holandês Peter Van De Weerd está trabalhando há algumas semanas no redesign de um site brasileiro, o Cupons Mágicos. Apesar da produção já estar num nível relativamente avançado, sempre é possível fazer alterações e melhorias. Aqui vocês conferem o processo de redesign e podem fazer sugestões e críticas para as soluções encontradas por Peter para os seguintes problemas: Antigo Design X Novo Design 1: Recursos Irritantes O designer sempre evita o uso de pops. Ele acredita que, se a mensagem é importante deve ser incorporada à página. Por exemplo: ao invés de usar um pop up pedindo que o usuário se registre para receber a newsletter, inseriu uma barra permanente no canto superior da página. Assim, o visual fica mais clean e não irrita o visitante. A regra já tinha sido adotada no design anterior, mas aqui você confere a barra de registro tanto no site antigo quanto no novo, que será parecido com a versão italiana. X 2: Navegação Pobre A navegação é crucial no webdesign. Ela deve ser capaz de proporcionar a experiência virtual mais fácil e agradável possível. Assim, testes de usabilidade foram realizados para determinar quanto tempo e esforço os usuários gastam para encontrar o que procuram. Peter percebeu que as seções destacadas na barra de navegação obtinham apenas 30% da atenção dos visitantes, além de saturarem as páginas. Optou então por minimizá-la, introduzindo todas as seções sob um único botão. O resultado é uma barra de navegação simples e clara.

2 X 3: Cores De acordo com Peter, escolher cores claras tanto para o background quanto para o texto simplesmente não funciona. Tão pouco o uso exagerado delas. Entender a sua audiência é fundamental na hora de escolher as cores, disse o holandês. O seu público marjoritário é feminino ou masculino? Pesquisas apontam que mulheres preferem verde, violeta e azul. Enquanto homens gostam de verde, azul e preto. Levando os estudos em consideração, o designer decidiu usar a cor comum para ambos em botões call to action. Já em seções informativas, como como usar um cupom, optou por um azul amigável para acolher usuários com dúvidas. 4: Poluição Visual

3 O pior erro em webdesign é apresentar um monte de informação irrelevante. Assim, no novo site, Peter procurou fazer com que cada detalhe contribuísse para a experiência virtual do usuário. Solicitações que os usuários pedem com frequência por e chat também foram implementadas. Além disso, descrições longas foram ocultadas sob o botão "mais informações" para manter o foco no que é mais valioso para o usuário - o cupom de desconto. 5: Design Peter acredita num design intuitivo. Dessa forma, pensou o site de uma forma que o usuário leve apenas alguns segundos para entender o serviço oferecido. O objetivo é criar algo óbvio, agradável e eficaz. No novo projeto, os títulos ganharam destaque com negrito e maior espaçamento do cupom. Equilíbrio é tudo. É importante não colocar o título muito distante do conteúdo central da página, do contrário, a relação visual pode se perder, disse Peter. X

4 6: Coerência Um erro comum em design é ter uma parte do site funcionando de forma diferente da outra ou com identidades visuais diferentes. Por isso, nesta versão, Peter tomou cuidado para manter a coerência gráfica nas fontes, textos, títulos, imagens, ícones, newsletters e etc. 7: Usuários Peter sugere solicitar o menos possível dos usuários. Quanto menor o número de requisitos para usar um serviço, maior o número de pessoas que o experimentam. No modelo de negócios deste site de cupons, não é necessário se registrar para usar o produto principal. Contudo, se o usuário quiser ter acesso a serviços adicionais, é convidado a se cadastrar. Claro que qualquer site gostaria de coletar o maior número de dados possível. Mas a equipe decidiu manter o processo curto, incluindo apenas campos realmente cruciais para que os usuários possam realizar o que desejam. Solicitar muitas informações aborrece e faz com que os visitantes deixem o site antes de completar a ação. Uma vez que os dados básicos são salvos, sempre é possível pedir para que finalizem o registro depois. Para o site de cupons, é importante saber logo no início nome, , gênero, lojas preferidas e tipo de newsletter desejada. De qualquer forma, caso o usuário não queira fornecer uma das informações solicitadas, pode simplesmente pulá-las.

5 X Redesign dos campos de cadastro 8: Escrita Conteúdo on-line é diferente de conteúdo impresso. Assim, é necessário ajustar o estilo de escrita aos hábitos de navegação. Textos comerciais não fazem sucesso, assim como artigos com longos parágrafos e sem imagens. A dica é ir direto ao ponto, evitar termos fofos, muito específicos ou marqueteiros. Por exemplo: se descrever um serviço e quiser que os usuários se registrem, cadastre-se é melhor do que comece agora!. Uma das regras de design para e-commerce é dar destaque apenas ao nome da empresa na parte superior da página. Mas, no novo design, Peter optou por colocar um título que define o serviço.

6 X 9: Espaços em Branco Na verdade é bem difícil dar valor a espaços em branco. Essas áreas aliviam a carga cognitiva e auxiliam os usuários a encontrarem o foco da página. Quando entramos em contato com um layout, escaneamos a página e digerimos o conteúdo por partes. Estruturas complexas são mais difíceis de ler, analisar e trabalhar. Assim, o designer escolheu separar seções com espaços em branco ou linhas. O resultado são páginas mais leves e agradáveis.

7 10: Testes Ninguém gosta de testar a funcionalidade de um website. A tarefa leva um bom tempo, é chata e requer bastante esforço para fazer da maneira correta. Mas, se o site não funcionar apropriadamente, não importa se está lindo ou contém informações exclusivas. Os visitantes vão perder a confiança e acabar acessando o concorrente. A funcionalidade do redesign já passou por vários testes. A primeira rodada foi feita pelo time de Garantia de Qualidade. A segunda ficou por conta da equipe de Projetos, cuja tarefa era encontrar quaisquer falhas que pudessem afetar a experiência do usuário. Nesta terceira, que inclui este artigo, o site divulga o novo design para que os usuários possam dar feedbacks. Esses testes asseguram o bom funcionamento e garantem sucesso na hora da implementação. Dê a sua opinião e fique à vontade para fazer críticas sobre o redesign. Peter Van De Weerd, 29, estudou na GMI Design School (Graphisch Media Instituut) em Amsterdam, Holanda. Trabalhou para a McGregor e agora é designer da Global Leads Group, em Berlim.