Web design e desenvolvimento

Um site que ajuda o visitante a dar o passo seguinte.

Deixe claro o que oferece, onde trabalha e como entrar em contacto. Concebemos e corrigimos as páginas e as funções que ajudam o visitante a concluir essa tarefa.

Uma ilustração de um site em estilo art déco mostra um caminho claro até um botão em destaque.

Responda às perguntas que vêm antes do contacto.

Imagine o site de uma empresa de montagem de cozinhas. O proprietário de uma casa precisa de saber que trabalhos aceita, onde atua e o que deve enviar para obter um orçamento. Uma página cuidada pode deixar as três perguntas sem resposta.

Reúna essas respostas. Uma página de serviço útil liga o trabalho oferecido, um exemplo relevante e uma explicação clara de como contactar a empresa. A ilustração mostra como estas partes se completam.

Uma página ilustrada de montagem de cozinhas liga os trabalhos oferecidos, a área de serviço e os dados necessários para um pedido.
Exemplo ilustrado: uma página de serviço explica que trabalhos são feitos, em que área e o que o cliente deve enviar.

Dê uma função a cada parte da página.

Use o espaço para ajudar a pessoa a decidir se o serviço é adequado. Comece pelos dados que o visitante teria de perguntar de outra forma.

Indique o trabalho e a área.

«Montagem de cozinhas em Coimbra» diz mais do que «Soluções de qualidade». Explique que trabalhos estão incluídos e se abrange a localização do visitante. A área de serviço deve ser fácil de atualizar.

Explique o que o exemplo mostra.

Uma fotografia de uma cozinha precisa de contexto: montar móveis novos é diferente de substituir portas. Explique o âmbito numa legenda curta. Exclua dados privados e identifique as ilustrações como tal.

Torne a ligação seguinte específica.

«Fale-nos do seu projeto de cozinha» dá um propósito ao pedido. Antes de abrir o formulário ou o e-mail, indique o que enviar: por exemplo, localização, uma descrição breve e fotografias úteis.

A confirmação no ecrã é apenas metade da verificação.

Um formulário deve identificar claramente os campos, pedir apenas informação útil e explicar como corrigir erros. Após o envio, diga ao visitante o que aconteceu. O guia do W3C sobre formulários explica estes princípios.

Verifique também a receção. Com o acordo do proprietário do site, envie uma mensagem de teste claramente identificada e confirme que chega à caixa de correio certa. Uma confirmação no ecrã não prova, por si só, a entrega.

Um telemóvel mostra a confirmação de um pedido. Uma seta conduz à mesma mensagem recebida numa caixa de correio.
Verifique o envio e a receção: o visitante vê uma confirmação e o destinatário certo recebe o pedido.

Ajuste a dimensão da alteração ao problema.

A resposta em falta determina o primeiro passo. Um novo estilo visual, por si só, não corrige um formulário com falhas nem acrescenta uma área de serviço que não está indicada.

Uma correção pontual

Se o percurso já funciona, uma frase pode bastar para indicar a área de serviço. Um passo seguinte pouco claro pode precisar de uma ligação melhor e de uma explicação breve. Teste a alteração com a tarefa original do visitante.

Uma reformulação mais ampla

Se as pessoas não encontram o serviço certo entre várias páginas, ou se a disposição dificulta tarefas básicas no telemóvel, a estrutura pode precisar de mais trabalho. Acorde o âmbito e as verificações antes do desenvolvimento.

Qualquer que seja a solução, as alterações correntes devem continuar a ser simples. A equipa deve conseguir atualizar serviços, exemplos e contactos sem reconstruir a página.

Comece por uma página e uma tarefa concreta.

Dê ao trabalho um objetivo verificável, desde a primeira descrição até à última revisão.

Envie a página e o objetivo.

Indique o visitante a que se destina e a ação pretendida. Por exemplo: os proprietários de casas na área de serviço devem conseguir pedir um orçamento para montar uma cozinha.

Acorde a alteração necessária.

Percorremos esse caminho, identificamos o obstáculo e recomendamos uma alteração com um âmbito claro. Pode dizer respeito ao texto, à navegação, à disposição, ao carregamento ou ao próprio pedido.

Repita a tarefa após a alteração.

Verifique o percurso acordado no computador e no telemóvel, incluindo a navegação por teclado. Confirme que o texto é legível, as imagens mantêm o seu lugar, a informação certa é fácil de encontrar e qualquer pedido de teste chega ao destino.

Uma ilustração de um site em estilo art déco mostra um caminho claro até um botão em destaque.

Encontre a primeira alteração que vale a pena fazer.

Envie a página, os clientes que pretende alcançar e o que devem conseguir fazer. Podemos ajudar a transformar esse objetivo numa melhoria concreta do site.