# 7 ferramentas para web designs melhores

> Analise e melhore seus web designs com ferramentas essenciais. Descubra heat maps, testes A/B, análise de usabilidade e otimização de conversão.

URL: https://dpw.dev/design/7-ferramentas-para-web-designs-melhores/  
Publicado em: 2010-02-22  
Categoria: design  
Tags: ferramentas, layout, web-design  
Autor: Tárcio Zemel

**Web design é uma arte!** Através dos princípios de [Gestalt](http://www.desenvolvimentoparaweb.com/design/gestalt-aplicado-ao-design-web-parte-1-origem-do-termo-significado-e-utilidade/), cores, [_call to actions_](http://www.desenvolvimentoparaweb.com/usabilidade/4-elementos-design-call-to-action/) bem feitos e outras técnicas e práticas (tudo isso aliado ao bom gosto), é possível criar ambientes incríveis na _internet_! Saber desenvolver um **excelente _design_ para _web_** é fruto de bastante estudo, conhecimento técnico e experimentação.

E, a fim de saber se determinado _design_ é eficiente e está conseguindo atingir os objetivos a que se propõe, é preciso analisar seu desempenho. Mas como analisar se um _web design_ é eficiente? Através de algumas ferramentas interessantes e bastante úteis.

> Artigo baseado em [7 Tools You Should Be Using For Better Web Designs](http://sixrevisions.com/web_design/7-tools-you-should-be-using-for-better-web-designs/).

## Heat Maps

**Heat Maps** (ou Mapas de Calor) feitos por empresas como a [CrazyEgg](http://crazyegg.com/) (ou o gratuito [ClickHeat](http://www.labsmedia.com/clickheat/index.html)) dão uma representação visual de o que os visitantes estão fazendo em seu _site_ através do rastreamento individual de cada clique. Heat Maps, geralmente, também controlam cliques que não são _links_ (algo que o Google Analytics, por exemplo, não faz).

Com mapas de calor, você pode descobrir se as pessoas estão usando o _site_ da maneira desejada e fazer alterações quando necessário. Por exemplo, os visitantes estão clicando incorretamente em textos ou imagens que se parecem com _links_?

## Testes de Usabilidade Online

Recrutar pessoas para testes de usabilidade "tradicionais", em um ambiente controlado, pode ser um processo muito demorado e oneroso. Várias empresas fornecem **testes de usabilidade totalmente online**, tanto em estilo um "moderado", quanto "não moderado". Isso pode economizar tempo e dar mais controle sobre seus cenários de testes.

Em um teste de usabilidade _online_ **moderado** (confira [UserTesting.com](http://www.usertesting.com/)), você cria cenários de teste, pode atribuí-los a usuários pré-selecionados e ver os resultados. Em um estilo **não moderado** (veja [ClickTale](http://www.clicktale.com/)), cenários e/ou tarefas não são especificados; Ao invés disso, sessões de _browser_ inteiras da navegação de visitantes são anonimamente monitoradas, registradas e estudadas.

## Teste A/B

Está tendo problemas para decidir qual _web design_ para a página inicial trará melhores resultados? O [Google Web Optimizer](http://www.google.com/websiteoptimizer) pode implementar testes A/B em seu _site_ para ajudar a determinar qual delas é mais eficaz. Ele permite que você implemente projetos múltiplos da mesma página, que são então aleatoriamente mostrado aos visitantes.

Você pode, então, comparar os resultados e ver qual projeto é mais eficaz. Os **testes A/B** eliminam qualquer forma de "adivinhação", usando informação real para ajudar a tomar decisões sensatas sobre o _web design_ de seu _site_. Veja este [vídeo de experiências A/B com o Google Web Otimizador no YouTube](http://www.youtube.com/watch?v=1yTjj9MnzRY).

## Crowdsourcing

O [Huffington Post](http://www.huffingtonpost.com/) deu um passo adiante nos testes A/B, usando uma técnica conhecida como [crowdsourcing](http://techbits.com.br/2006/esqueca-o-outsourcing-o-negocio-agora-e-o-crowdsourcing/) para determinar como os visitantes preferem o texto da manchete. Manchetes são conhecidos para literalmente fazer ou "quebrar" um artigo, independentemente do seu teor.

Para ajudar a criar as manchetes mais interessantes, para estimular o interesse do público, os visitantes são mostrados a, aleatoriamente, um dos dois títulos diferentes para um mesmo artigo em uma página. Após os primeiros 5 minutos de ser lançado, o título com o maior número de cliques é selecionado e mostrado para todo o restante do público.

## Buscas Internas

O Google Analytics tem um recurso chamado [Site Search](http://analytics.blogspot.com/2007/11/site-search-now-available.html), que usa dados de pesquisas internas para acompanhar e analisar o que os visitantes estão procurando em seu _site_. Dados de **buscas internas** são muito importantes, já que auxiliam e dão dicas sobre o que seus visitantes querem e por que estão lá.

Usando esta informação, você pode descobrir se seu _site_ tem o conteúdo que seus visitantes querem/precisam. O Site Search também pode o quão eficazmente seu conteúdo é organizado e se ele pode ser facilmente encontrado.

Por exemplo, quando os visitantes utilizam sua busca, que _link_ eles clicam em primeiro nos resultados da pesquisa? É a página correta? Ou será que eles procuram por um número reduzido de páginas e então se sentem desencorajados e abandomam o _site_? Estas são apenas algumas das questões importantes o Site Search pode ajudar a responder para ajudar a gerenciar seu conteúdo.

Até que ponto você quer permitir que outras empresas (no caso, Google) saibam sobre você e seu _site_? Pense no seguinte: permitir uma análise completa das buscas e padrões de seu _site_ é, falando em _business_, interessante **para você**?

## Serviços de Monitoramento

[O que as pessoas estão dizendo sobre o seu _site_?](http://sixrevisions.com/tools/tools_monitoring_website_popularity/) Ouvindo o seu público e o acompanhando através de comentários não solicitados podem ser uma ferramenta muito importante para ajudar a entendê-lo. Esses canais permitem que você permaneça relevante com o seu público. Dessa forma, você pode criar decisões informadas e embasadas sobre a direção e _web design_ do seu _site_.

### Alertas do Google

[Alertas do Google](http://www.google.com.br/alerts?hl=pt-BR&t=1) permite que você selecione termos de pesquisa específicos e irá notificá-lo via e-mail ou _feed_ a qualquer momento que esse(s) termo(s) for encontrado pelo Google. Ele lhe dá a capacidade de procurar dentro de _blogs_, notícias, grupos, vídeo e _web_.

### Twitter Search

O [Twitter Search](http://search.twitter.com/) permite controlar o que as pessoas estão dizendo, em tempo real. Além disso, dentro das opções avançadas, você pode limitar as pesquisas a determinados locais, datas e mesmo se os usuários estão fazendo uma pergunta.

## Blogs

**Blog**: o "avô" de todas as ferramentas (deste gênero) e algo que sempre deve ser considerado pelos administradores de um _site_. Ao implementar um _blog_, você cria um canal oficial de comunicação entre você e seu público. Você pode mantê-los informados sobre as mudanças ou novos recursos e incentivar a participação e _feedback_ do público.

## Conclusão sobre ferramentas para melhores designs para web

Muitas vezes os administradores de _sites_ lançam um novo _web design_ e julgam que o trabalho está feito. Bons _web designers_ e desenvolvedores devem **constantemente permanecer relevantes** para sua audiência.

Estas ferramentas irão ajudá-lo a participar e interagir mais com seu público. Vão ajudá-lo a compreendê-lo de forma mais eficaz, conduzir a uma maior facilidade de utilização e entregar o máximo proveito do seu _site_. Obviamente não são todas as formas de se fazer isso, mas, certamente, um bom passo para começar a otimizar seus **web designs**.

Gostaria de indicar mais alguma ferramenta ou serviço para a melhora de _web designs_? Alguma outra dica?

---

Fonte: [dpw - desenvolvimento para web](https://dpw.dev/) (pt-BR).
Guia para agentes: https://dpw.dev/llms.txt
Índice completo: https://dpw.dev/sitemap-index.xml
Feed: https://dpw.dev/rss.xml