Mais Conversões

[Infográfico] 33 dicas sobre webdesign e usabilidade que irão alavancar suas conversões

Usabilidade e Conversão andam lado a lado.

Entretanto, poucos sites dão a devida atenção a experiência do usuário como forma de conseguir alavancar suas conversões.

Veja todos os detalhes sobre Usabilidade e Conversão no infográfico logo abaixo.

Eu irei compartilhar 33 dicas sobre design e usabilidade que irão transformar simples pesquisadores em compradores.

Veja algumas estatísticas abaixo sobre Usabilidade:

  • 40% das pessoas abandonarão uma página da web se ela demorar mais que três segundos para carregar;
  • 46% dos usuários móveis relataram ter dificuldade de interagir com uma página web, e 44% reclamaram que a navegação era difícil;
  • Apenas 55% das empresas estão atualmente realizando algum teste online de experiência do usuário.

Pensando na importância do assunto, o Viver de Blog produziu um rico infográfico com absolutamente tudo sobre Usabilidade e Conversão.

Clique aqui ou na imagem abaixo para baixar uma versão em alta qualidade desse infográfico:

[Viver de Blog] Infográfico Conversão e Usabilidade-600px

» Clique Aqui para baixar uma versão em Alta Resolução desse infográfico «

Compartilhe esse Infográfico no seu site (copie e cole o código HTML)

Criar um infográfico memorável nunca foi tão fácil.  Descubra como pessoas comuns estão gerando até 10x mais tráfego e vendas usando o mesmo  processo criativo que atraiu mais de 4 milhões de visitas na Viver de Blog. Clique aqui embaixo e saiba mais!

banner-infograficos-memoraveis

Fatos e Estatísticas para Tweetar:

  1. (tweet) 40% das pessoas abandonarão uma página da web se ela demorar mais que três segundos para carregar.
  2. (tweet) $1.1 trilhão das vendas do varejo em 2011 foram influenciadas pela web.
  3. (tweet) 46% dos usuários móveis relataram ter dificuldade de interagir com uma página web, e 44% reclamaram que a navegação era difícil.
  4. (tweet) A taxa de rejeição (bounce rate) em um site pode até dobrar se ele demorar mais de 4 segundos para carregar e aumentar em até 150% se ele demorar mais de 8 segundos.
  5. (tweet) Mais de 80% dos empresários consideram o aumento global da conversão com sendo de alta prioridade para seus programas de otimização de site.
  6. (tweet) 78% dos clientes entrevistados afirmaram que sua companhia era extremamente ou muito empenhada em oferecer a melhor experiência online para o usuário.
  7. (tweet) 48% dos usuários dizem que se eles visitam um site de negócios que não está funcionando bem no celular, eles tomam isso como uma indicação de que a companhia simplesmente não está se importando com o consumidor.
  8. (tweet) 62% das companhias que projetam um site especificamente para celulares verificam um aumento nas suas vendas.
  9. (tweet) Apenas 55% das empresas estão atualmente realizando algum teste online de experiência do usuário.
  10. (tweet) 86,6% das pequenas e médias empresas citam websites como a sua tática de marketing mais importante.
  11. (tweet) 90% das pessoas usam várias janelas de trabalho ao mesmo tempo, indicando que a grande maioria realiza multi-tarefas.

Você gostou desse Infográfico sobre Usabilidade e Conversão?

Espero que você tenha gostado das informações no infográfico e aplique no seu site e na sua empresa.

Se você gostou desse artigo e infográfico, por favor compartilhe com seus amigos.

Aproveite também para conhecer todos os infográficos já divulgados aqui no Viver de Blog.

E para receber mais infográficos como esse, basta se cadastrar na nossa lista de email para ser o primeiro a receber novas atualizações!

Fique atualizado!

Insira aqui o seu email para receber gratuitamente as atualizações do blog!

33 dicas sobre webdesign e usabilidade que irão alavancar suas conversões

Conversão e usabilidade 1

Parte #1: 11 estatísticas sobre Webdesign e Usabilidade

Conversão e Usabilidade 2

1) 40% das pessoas abandonarão uma página da web se ela demorar mais que três segundos para carregar.

2) $1.1 trilhão das vendas do varejo em 2011 foram influenciadas pela web.

3) 46% dos usuários móveis relataram ter dificuldade de interagir com uma página web, e 44% reclamaram que a navegação era difícil.

4) A taxa de rejeição (bounce rate) em um site pode até dobrar se ele demorar mais de 4 segundos para carregar e aumentar em até 150% se ele demorar mais de 8 segundos.

5) Mais de 80% dos empresários consideram o aumento global da conversão alta prioridade para seus programas de otimização de site.

6) 78% dos clientes entrevistados afirmaram que sua companhia era extremamente ou muito empenhada em oferecer a melhor experiência online para o usuário.

7) 48% dos usuários dizem que se eles visitam um site de negócios que não está funcionando bem no celular, eles tomam isso como uma indicação de que a companhia simplesmente não está se importando com o consumidor.

8) 62% das companhias que projetam um site especificamente para celulares verificam um aumento nas suas vendas.

9) Apenas 55% das empresas estão atualmente realizando algum teste online de experiência do usuário.

10) 86.6% das pequenas e médias empresas citam websites como a sua tática de marketing mais importante.

11) 90% das pessoas usam várias janelas de trabalho ao mesmo tempo, indicando que a grande maioria realiza multi-tarefas.

Parte #2: 22 Dicas sobre usabilidade para transformar leitores e compradores indecisos em verdadeiros fãs

Uma boa interface de usuário é um verdadeiro ganha-ganha, pois apresenta altas taxas de conversão e é fácil de usar.

1. Experimente um layout com uma só coluna ao invés de várias

Conversão e Usabilidade 3

Um layout de uma só coluna dá a você mais controle sobre sua narrativa. Ele deve guiar seus leitores de cima para baixo.

Um layout com várias colunas corre o risco de distrair os leitores do próposito central de uma página. Guie os leitores com uma boa história e uma Call to action de destaque no final.

Você já percebeu que landing pages ou páginas de venda só possuem 1 coluna? 🙂

2. Experimente dar um presente ao invés de fechar uma venda imediatamente

Conversão e Usabilidade 4

Dar um presente é uma tática efetiva de persuasão baseada no gatilho mental da reciprocidade.

Por mais óbvio que pareça, praticar o bem para alguém oferecendo um pequeno gesto de agradecimento pode favorecer você futuramente em algum momento.

3. Experimente juntar funções similares ao invés de fragmentar a interface de usuário

Conversão e Usabilidade 5

Ao longo do tempo é fácil criar, involuntariamente, seções, elementos e recursos os quais desempenham todos a mesma função.

Mantenha-se atento para a funcionalidade duplicada de várias maneiras, pois quanto mais fragmentada é uma interface de usuário, maior a curva de aprendizagem a qual seus clientes terão que lidar.

4. Experimente a credibilidade social ao invés de falar de você mesmo

Conversão e Usabilidade 6

Essa é outra boa tática de persuasão para aumentar as taxas de conversão. Ver que as pessoas estão recomendando sua oferta é uma ótima maneira de reforçar uma Call to Action.

Experimente usar depoimentos ou dados que comprovem que seu produto/serviço é realmente bom como aparenta.

5. Experimente repetir sua Call to Action ao invés de mostrá-la uma vez só

Conversão e Usabilidade 7

Essa estratégia é mais aplicada a páginas longas. Certamente você não quer ter sua oferta exibida 10 vezes na mesma tela e deixar as pessoas frustradas.

No entanto, páginas longas estão tornando cada vez mais comuns e a ideia de colocar tudo acima da dobra (“above the fold”) está desaparecendo.

Quando as pessoas chegam ao fim da página, elas param e pensam no que fazer depois – este é um lugar em potencial para fazer uma oferta ou fechar um negócio.

6. Experimente diferentes estilos entre itens clicáveis e aplique-os de forma consistente em uma interface.

Conversão e Usabilidade 8

Estilos visuais, como cor, profundidade e contraste podem ser usados como um sinal de confiança para ajudar as pessoas a compreender a linguagem fundamental de navegar em sua interface: onde estou e onde eu posso ir.

Para comunicar isso claramente aos seus usuários, os estilos de suas ações clicáveis (links, botões), elementos selecionados e textos simples devem ser claramente distintos um do outro e, em seguida, aplicados de forma consistente através de uma interface.

Quando aplicado corretamente, as pessoas vão aprender mais facilmente a usar esses sinais para navegar em sua interface.

7. Experimente recomendar ao invés de mostrar escolhas iguais

Conversão e Usabilidade 9

Ao mostrar várias ofertas, sugerir um dos produtos pode ser uma boa idéia quando  algumas pessoas precisam de um empurrãozinho, pois quanto mais escolhas disponíveis, menor as chances de uma decisão e de colocá-la em prática. Sendo assim, tente enfatizar e destacar certas opções de escolhas.

8. Experimente mostrar a opçõa desfazer ao invés de confirmar uma ação.

Conversão e Usabilidade 10

Imagine que você pressionou um botão de ação em um link. Mostrar a opção desfazer é mais coerente com a expectativa do usuário.

Pop-ups de confirmações, por outro lado, sugerem que o usuário não sabe o que está fazendo, questionando sua intenção o tempo todo.

A ineficiência e a feiúra dos prompts é visível quando os usuários têm que realizar ações repetidamente e há necessidade de confirmações ao longo do caminho.

Considere fazer seus usuários se sentirem mais no controle, permitindo ações de desfazer e não pedindo a confirmação sempre que possível.

9. Experimente se comunicar diretamente com seu público-alvo ao invés de buscar atingir a todos

Conversão e Usabilidade 11

 

 

Esta é uma ideia de conversão onde você pode dizer para quem exatamente seu produto ou serviço se destina.

Ao comunicar os critérios de qualificação de seus clientes, você pode ser capaz de se conectar mais com eles e, ao mesmo tempo, demonstrar um sentimento de exclusividade. O risco dessa estratégia é que você pode estar restringindo possíveis clientes.

10. Experimente ser direto ao invés de indeciso

Conversão e Usabilidade 12

Demonstrar incerteza no principal momento de fechar uma venda ou incentivar o usuário a tomar uma ação só irá baixar a sua taxa de conversão.

Se você está terminando suas mensagens com pontos de interrogação, usando termos passivos como “talvez”, “interessado?” ou “quer?” então provavelmente você tem alguma oportunidade de ser um pouco mais ativo e autoritário.

11. Experimente mais contraste na sua Call to Action ao invés de similaridade

Conversão e Usabilidade 13

Fazendo suas Call to Actions um pouco mais chamativas e distintas dos elementos que as cercam, fará sua interface mais forte.

Você pode facilmente aumentar o contraste de suas Call to Actions primárias de várias maneiras. Usando tons, você pode fazer alguns elementos parecerem mais escuros ou mais claros. Utilizando profundidade, você pode fazer um item aparecer mais perto enquanto o resto do conteúdo aparece mais longe.

Finalmente, você também pode escolher cores complementares da roda de cores (como azul e laranja, por exemplo) para aumentar ainda mais o contraste.

12. Experimente menos campos de formulário ao invés de pedir demais

Conversão e Usabilidade 14

Os seres humanos são resistentes a tarefas de trabalho intensivo e esta mesma idéia também se aplica ao preenchimento dos campos de um formulário.

A cada campo a ser preenchido você corre o risco de fazer seus visitantes desistirem, principalmente se a digitação ocorrer em dispositivos móveis.

Pergunte-se se cada campo é realmente necessário e remova o maior número deles possível.

13. Experimente expor opções ao invés de escondê-las

Conversão e Usabilidade 15

 

Cada pull down menu que você usa, esconde um conjunto de ações que exigem esforço para serem descobertas. Tente reservar menus suspensos para as opções que são previsíveis e não requerem um novo aprendizado, como para datas e referências de tempo (calendários, por exemplo).

14. Experimente sugerir continuidade ao invés de finais falsos

Conversão e Usabilidade 16

Um final falso é um assassino da conversão. Rolar longas páginas é bom, mas tome cuidado ao dar a seus visitantes uma sensação de que a página chegou a um fim, quando ainda há conteúdo para mostrar. Se suas páginas vão rolar, tente estabelecer um padrão visual ou ritmo que o usuário pode aprender a confiar em ler mais abaixo.

15. Experimente manter o foco ao invés de se usar múltiplos links em pouco espaço

Conversão e Usabilidade 17

É fácil criar uma página com muitos links na esquerda e na direita, na esperança de encontrar o maior número de clientes possível. Se, contudo, você está criando uma página de narrativa que está sendo construída para uma específica Call to Action na parte inferior, então pense duas vezes.

Esteja ciente de que qualquer link acima da Call to Action principal corre o risco de levar seus clientes longe do que você está esperando que eles façam. Fique de olho no número de links em suas páginas.

16. Experimente botões com benefícios ao invés de botões apenas com ações

Conversão e Usabilidade 18

 

 

Um processo de inscrição exige esforço e é freqüentemente associado a formulários longos, enquanto botões que reforçam um benefício podem levar a conversões elevadas.

Sendo assim, o benefício pode ser colocado perto de onde está o botão de ação para lembrar às pessoas por que eles estão prestes a tomar essa ação.

17. Experimente transições ao invés de mostrar as mudanças imediatamente

Conversão e Usabilidade 19

Elementos de interface, muitas vezes aparecem, desaparecem, movem-se, mudam e redimensionam de acordo com a necessidade do usuário.

Uma configuração com atraso intencional na forma de animação ou de transição, respeita a cognição e dá às pessoas o tempo necessário para compreender uma mudança no tamanho ou posição.

Porém, tenha em mente que à medida que começamos aumentar a duração de tais transições para acima de 0,5 segundos, aqueles que desejam fazer as coisas depressa, este atraso pode ser um fardo.

18. Experimente menos bordas ao invés de desperdiçar atenção

Conversão e Usabilidade 20

Bordas competem com conteúdo pela atenção. Certamente, bordas podem ser usadas para definir um espaço precisamente, mas elas também nos custam energia cognitiva porque são percebidas como linhas explícitas.

A fim de definir relações entre elementos de tela que utilizam menos atenção, estas podem ser também agrupadas pela proximidade, estarem alinhadas ou apenas compartilhar um estilo tipográfico similar.

Quando se trabalha em ferramentas de interface abstratas é fácil espalhar caixas por todos os lugares. No entanto, páginas com muitas caixas, às vezes, podem parecer barulhentas ou desalinhadas.

Experimente jogar uma linha aqui e ali, mas considere formas alternativas de definir relações visuais que exigem menos atenção para que seu conteúdo tenha êxito.

19. Experimente vender benefícios ao invés de recursos

Conversão e Usabilidade 21

As pessoas tendem a se preocupar mais com benefícios do que com recursos. Benefícios tem seus valores mais bem definidos.

As pessoas estão preocupadas em ter mais Amor, Dinheiro, Aceitação e Tempo livre, enquanto desejam ao mesmo tempo menos Stress, Conflito, Aborrecimentos e Incertezas.

Ao mostrar os recursos não se esqueça de vinculá-los aos benefícios sempre que possível.

20. Experimente consistência ao invés de fazer as pessoas reaprenderem

Conversão e Usabilidade 22

Possuir uma interface mais consistente é uma boa forma de reduzir o processo de aprendizado pelo qual alguém tem que passar à medida que utiliza esta interface.

A consistência solidifica a forma de aprender a interagir e, logo que é retirada, nós somos forçados a aprender tudo de novo. Interfaces consistentes podem ser alcançadas de várias maneiras, tais como: cores, direções, comportamentos, posicionamento, tamanho, forma, rotulagem e linguagem.

Entretanto, elementos ou comportamentos inconsistentes podem buscar a atenção nas profundezas de nosso inconsciente, o que pode ser bom quando você quer que as coisas sejam notadas. Logo, use a inconsistência com cautela e poucas vezes.

21. Experimente Convenções ao invés de reinventar a roda

Conversão e Usabilidade 23

Se mantivermos as coisas semelhantes em uma interface, as pessoas não terão tanto trabalho, diminuíndo ainda mais a curva de aprendizagem.

Com a ajuda de convenções de interface estabelecidas, aprendemos a esperar uma certa aparência de nossos ícones de configuração e lixeira, por exemplo.

22. Experimente a aversão à perda ao invés de enfatizar ganhos

Conversão e Usabilidade 24

De acordo com as regras de persuasão da psicologia, preferimos evitar perdas do que ganhar algo. Destacar que um produto/serviço protege o bem-estar, riqueza ou status social do cliente, pode ser mais efetivo do que tentar fornecer a ele algo novo.

Conteúdo VIP

Coloque o seu email abaixo para receber gratuitamente as atualizações do blog!

Sobre o autor

vive exclusivamente de blog desde seus 23 anos e quer ajudar você a Viver de Blog também. Saiba mais aqui →

  • Rafael Motta

    Caramba Henrique vc faz infográficos cada vez melhores, vc merece o troféu “infomaster” the best infográficos 🙂

    • Muito obrigado Rafael!

      Produzir esses infográficos é uma experiência incrível de aprendizado. Fico muito feliz que tenha gostado. 🙂

      Abraços!

  • Cleison Ferreira

    Ficou TOP, mais uma obra de arte!
    Valeu pelo curso de usabilidade Henrique!

  • Parabéns Henrique! Tenho aprendido muito com seus infográficos. Valeu!

  • Thiago

    Sem dúvida um infográfico que fala a lingua de todos. HC poderia citar sua fonte? Não acho que 55% das empresas conduzem testes de usabilidade. Na minha opinião como proprietario de uma consultoria de usabilidade, esse número esta por volta de 5% no Brasil. Sua fonte vem de fora?

    • Oi Thiago!

      Sim, os números desse estudo são do mercado americano. Você tem razão. Aqui no Brasil, pouquíssimas empresas e sites conduzem testes de usabilidade.

      Parabéns pelo seu trabalho nessa área. Desejo sucesso para sua empresa e que mais gente atente para testes de usabilidade para melhorar suas conversões e a boa experiência do usuário.

      Forte Abraço!

      • Obrigado Henrique! Vou compartilhar seu post com minha rede. Um abraço, Thiago.

    • Marcelo Braun

      Oi, Thiago.

      O Henrique sempre coloca as fontes no final de seus infográficos. E esse não é uma exceção.

      Aqui no Brasil duas coisas, me restringindo apenas a esse contexto, são bastante atrasadas que em outros países. Um você citou, que é o baixo índice de testes de usabilidade.

      O outro, é a falta de pesquisas e estatísticas sobre assuntos relevantes. Manutenção e análise de métricas é algo importante, que gera resultado, mas que não é valorizado em nosso país.

      • Marcelo, acabei de ver as fontes. Obrigado! Porque você acha que esse índice de empresas realizando testes de usabilidade é baixo? Será que o conceito ainda é muito inovador? O mercado de testes de usabilidade no Brasil ainda é embrionário e tem muito espaço para crescer. Atualmente as empresas do meio oferecem pacotes com altos custos que inviabilizam o serviço para muitos. O slogan oficial da minha empresa é “usabilidade para todos”, ou seja desenvolvi um produto onde qualquer empresa pode rodar testes de usabilidade. Assim espero poder expandir o conceito de usabilidade em escala nacional.

        • Marcelo Braun

          Tenho um amigo que tem uma empresa de testes (não de usabilidade, o negócio dele é defeito se software mesmo), e em conversas com ele dá pra saber que não são muitos os interessados em investir não.

          Muito legal a sua proposta do testa isso. E bem acessível também. A impressão que tenho é que basta você anunciar que conseguirá bons clientes.

          • Obrigado Marcelo. Se precisar de um teste gratuito é só me avisar. Um abraço!

  • Vanessa Alkmim

    Incrível, como sempre! 🙂

  • Wagner

    Bom, bom; muito bom! Obrigado. Abraço.

  • Natanael de Souza

    Sempre o melhor! Parabéns Grande Henrique!

  • Marcelo Pinheiro

    Ricos esses infográficos, informação de qualidade, Parabéns HC, como sempre entregando qualidade e valor informacional !

    • Muito obrigado Marcelo!

      É uma honra poder contribuir com os infográficos. Prazer enorme produzí-los e divulgá-los aqui para todos os leitores.

      Abraços!

  • Maria Cristina Rosa

    Seu conteúdo é muito bom e está me ajudando muito neste momento! Muito obrigada, tudo de bom recaia sobre vc e sua vida!

    • Muito obrigado Maria!

      Desejo enorme sucesso para você.

      Abraços!

  • Neto Maximizado

    Tudo que você produz é muito bom mestre, simplesmente!

    • Obrigado Neto!

      É uma honra poder colaborar um pouco com esses infográficos.

      Abraços!

  • Mardem Mesquita

    Excelente infografico e boas considerações iniciais. O que me incomoda no blog é que nao posso selecionar uma parte do texto pra ler em destaque que já aparece o pluguim para compartilhar em redes sociais. Esse pluguin é muito chato e é o tipo de coisa que me faz fechar um site e nao voltar mais nele.

    • Oi Mardem!

      Você poderia me ajudar a entender esse problema?

      1. Você está acessando o site pelo computador, um tablet ou smartphone?
      2. Caso seja um tablet ou smartphone, ele é um Android ou iOS?
      3. Caso seja um computador, qual é o tamanho da tela que você usa?
      4. Você consegue ver o “x” para fechar esse plugin que fica flutuando na lateral direita do blog?

      Abraços!

      • Mardem Mesquita

        Olá.

        Estou em um notebook. a minha tela acho qeu tem 15 polegadas. Acho que fechei esse X, pelo menos nao vejo mais, porém quando seleciono o texto ainda aparecem os icones de redes sociais.

      • Rodrigo

        Henrique, também achei chato o plugin pq tenho a mania de selecionar o texto que estou lendo.

        Não tinha percebido o X até ler seu comentário.

        Talvez, colocar ele mais evidente seria legal!

  • Muito bom o infográfico cara! Abraço

  • Excelente, apenas excelente. Seu conteúdo está me ajudando muito. Muito mesmo.

    Obrigado!

  • Diego Mangabeira

    Henrique, parabéns pelo infográfico e pelas valiosas informações! Vai contribuir positvamente para muitos sites e blogs que necessitam de foco em resultados e na experiência do usuário! Sucesso!

    • Grande Diego!

      Muito obrigado pelo comentário meu caro. Prazer te conhecer pessoalmente em SP. 🙂

      Abraços!

  • Ítalo Carlos

    Muito bom! Rapaz, estou cada vez mais querendo “viver de blog”!

    • Que ótimo Ítalo!

      Espero que as dicas aqui no site possa ajudar você a alcançar esse objetivo.

      Abraços!

  • Douglas Souza

    Perfeito

    Parabéns Henrique, são estratégias poderosas.

    Vou aplica-las agora mesmo.

    Um grande abraço

    • Obrigado Douglas!

      Desejo sucesso na aplicação dessas estratégias.

      Abraços!

  • A qualidade do conteúdo do Henrique é incrível! Cara, você me inspira. Parabéns!

  • Marcelo Braun

    Praticamente impossível não soar repetitivo. Vou ter que me juntar a multidão e elogiar o seu empenho em produzir conteúdos de alta qualidade e simples. Imagino que não seja nada fácil condensar toda a informação pesquisada em um infográfico atraente, simples e informativo.

    Parabéns pelo excelente trabalho. Digo isso não só para os seus infográficos, mas para seus posts de modo geral.

    • Grande (literalmente) Marcelo!

      Fantástico conhecer você pessoalmente em SP.

      Obrigado mesmo pelo comentário aqui no blog e espero que possamos nos encontrar mais vezes pelos eventos desse Brasil. 🙂

      Abração!

      • Marcelo Braun

        Com certeza, Henrique.

        Muito bom te conhecer pessoalmente e vamos sim continuar nos encontrado. Quem sabe até em alguns eventos fora do Brasil. Mas por hora vou seguir o que aprendi com o Andrei Parabellum, aprender menos e fazer mais. Não só inspirar, mas também expirar.

        Abração (com 2m de envergadura não tem como ser diferente 🙂

  • Holmes

    Parabéns Henrique! Eu sou profissional de User Experience e Arquitetura de Informação e posso dizer que seu infográfico ficou muito bom! Infelizmente como o Thiago comentou, é em torno de 5% mesmo a preocupação das empresas com usabilidade no Brasil. Abraços.

  • Thales Duarte

    Excelente!

  • Caio Henrique Teodoro

    Posso falar palavrão? isso sim é conteúdo!
    compartilhando em 3….2…1…

    • hahaha Todo palavrão como elogio é válido Caio! 🙂

      Obrigado pelo comentário e por compartilhar o infográfico!

      Abraços!

  • Graciela

    Parabéns Henrique! Sempre com ótimos artigos e infográficos. Essas são realmente dicas muito simples, mas que fazem grande diferença no resultado final do trabalho. A cada dia que passa estou aprendendo sempre mais com você.

    • Obrigado Graciela!

      Fico muito feliz em saber que o Viver de Blog está ajudando você. 🙂

      Abraços!

  • Caio Phidávera

    Henrique, como sempre indo na raiz do problema e deixando tudo de forma mais clara. Conseguimos identificar vários gatilhos que melhoram a usabilidade, incluindo alguns gatilhos de persuasão do Mestre Cialdini. Muito bom conteúdo, cara!
    Em relação ao Call to Action, acredito que seria um ponto muito importante para as empresas se alertarem. Para esse tipo de chamada, uma das fontes que mais utilizo é seu infográfico de Psicologia das Cores.
    A cada publicação, você se supera ainda mais. Grande abraço, amigo!

    • Grande Caio!

      Prazer enorme te conhecer ao vivo lá em SP cara!

      Misturando gatilhos de persuasão com uma boa usabilidade e webdesign temos uma verdadeira situação de uma Oferta Impossível de Ser Recusada. 🙂

      Abraços amigo!

      • Caio Phidávera

        O prazer foi meu, cara! Sua sabedoria, energia e simplicidade aumentam ainda mais pessoalmente. Grande abraço!

  • Gabriel Cavalcante

    usabilidade é uma coisa muito importante eu sempre tenho que pensar ,
    em como ajudar o visitante do site ha entender e usar o site de forma simples e ao mesmo tempo
    complexa mais isso nem sempre , mais coisas assim deveriam ser pensadas mais , por essas empresas
    aqui do Brasil e tem esse negocio de ser leve leve ,vale a pena d+

  • Eduardinho

    Henrique, tudo bem? Parabéns pelo trabalho!
    Poderia me informar como faz capas de ebooks, como no caso da landing page do infografico (link acima). É um software? Um actionscript do Photoshop? Poderia indicar? Obrigado.

  • claudio machado

    Pra variar, mais um conteúdo matador. VdB tem sido sinônimo de excelência!

    Vou compartilhar uma de um colega de curso digital que achei interessante: Toda vez que ele faz uma página, ele chama a mãe dele e pede para ela usar. Se ela, que não tem muito contato com o mundo digital, não conseguir usar, ele repensa a usabilidade da página. Pode parecer besta, mas faz todo o sentido

    • Muito obrigado Claudio!

      É uma dica muito valiosa (e simples) essa. Já usei diversas vezes. Se for a vó então, melhor ainda. 🙂

      Abraços!

  • Olá Henrique. Vou compartilhar a experiência que estou tendo com o meu site aqui com você e seus leitores. Primeiro quero dizer que a maior parte das técnicas que eu tenho aplicado no meu site eu obtenho aqui no seu site. Há menos de 3 meses comecei um site do zero e, como era de se esperar, as primeiras semanas foram difíceis, cheguei a ter 6 visitas por dia. Mas não parei de trabalhar, escrevendo posts regularmente e tentando sempre aprimorar a experiência do usuário no meu site. Enfim, hoje, menos de 3 meses depois do lançamento, meu site já tem atingido 600 visitas diárias. Talvez não seja um número muito expressivo para muitos aqui, mas pessoalmente estou muito satisfeito com este crescimento, e o quão promissor este projeto tem se tornado. Agradeço a você Henrique pelas valiosas dicas. Um grande Abraço. Se alguém ficou interessado em conhecer o site ao qual me refiro, segue link: http://www.chancedeganhar.com.br.

    • Fantástico Cassio!

      Parabéns pelos resultados. Sem dúvida, são excelentes! Não perca essa garra e vontade de melhorar.

      Fico muito feliz de poder colaborar um pouquinho nesse seu caminho.

      Sobre o seu site, procure dar menos relevância para a área de busca (quase ninguém deve usar, pode comprovar isso) e procure não usar botões de compartilhamento social na homepage se você não tiver uma boa prova social (vários likes, tweets, +1), porque pode parecer que é um site “fantasma”, com poucos visitantes.

      Abraços!

      • Olá Henrique, muito obrigado pelo feed back.

        Realmente faz todo o sentido sua observação, como é sempre dito em seus posts,
        a primeira dobra é a mais importante e eu estou subutilizando este espaço. Vou
        substituir este formulário de busca por um de captação de e-mails, assim como é
        feito aqui no seu site e em outros como o queroficarrico.com.

        Aproveitando este assunto, gostaria de saber se você usa algum plugin do wp para estes formulários? Como é a integração do com MailChimp, sugerido por você neste post (http://viverdeblog.wpengine.com/melhores-plugins-para-wordpress/)?
        Estou pensando em assinar.

        Obrigado.

        • Giuliano Saores

          Falando de estatisticas tempo, usabilidade olha que o link do site do e-book do Hemrique Carvalho retornou: The requested URL /form_submissions/create/ was not found on this server. sem contar que levou mais de 20 segundos para abrir e não abriu …

  • William Andrade

    Henrique, você utiliza alguma dessas ferramentas online para criar seus infográficos ou é com PS, AI ou algo do tipo?

    • Oi William, eles são feitos por um designer no Photoshop e Adobe Illustrator.

      Abraços!

  • Iago Melanias

    Olá Henrique, tudo bem?

    E então, dicas valiosíssimas. Vou reservar um bom tempo para testar cada uma delas.

    Eu acrescentaria algumas outras dicas, preciso fazer testes mais avançados para uma delas, mas são ideias interessantes.
    – Layouts maiores (1140, 1200, etc), com responsivo, claro.
    – Links de navegação bem apresentados. Tipo, um tutorial sobre criação de landing pages, já no início, você dá 5 links internos que vão para respectivas partes do tutorial. A mesma coisa deveria ser bem útil na navegabilidade e usabilidade em páginas voltadas para conversão.
    – Layouts com Ajax e com HTML5 History API e com a técnica 17. Tipo, ao acessar qualquer link interno, uma espécie de loading leve iria trazer suavidade à navegação e ainda economizaria tempo de carregamento, fazendo a navegação em um site ficar “mais gostosa”. Como layouts single-page movidos por um menu e efeitos de transição.

    E mais uma sugestão, hehe. Nos próximos infográficos, reserva um espaço mais “usável” para conhecer as fontes da sua pesquisa, gosto bastante de acessar cada uma das fontes e ver os conteúdos de cada site, e o link já clicável ao invés de digitar o endereço economizaria tempo 🙂

    Abraços e, como sempre, ótimo trabalho. o/

    • Excelente comentário Iago!

      Muito obrigado por contribuir aqui nos comentários ajudando o pessoal. 🙂

      Abração!

  • Elielton_Queiroz

    Muito bom, nós aprendemos nos posts e também nos comentários, blog rico de conteúdo, parabéns Henrique.

  • Dicaonline Sitededicas

    Caro Henrique, cada dia fico mais ligado em seu site, pois ele se tornou um bureau de informações para mim, mais uma vez, parabéns!!!

  • Ramon Alonso Costa

    Um espetáculo de matéria. Parabéns Henrique!

  • Breno Filpo

    Henrique muito bom o seu blog e muito bom o seu trabalho. Tudo com ótima qualidade!!!!! Estou lendo tudo o que eu posso para aprender cada vez mais. Queria saber qual é o soffware que vc usa para fazer as caixas que são mostradas quando vamos fazer o download dos infograficos.. obrigado!
    Att
    Breno

  • Henrique, parabéns pelo teu blog e pelo ebook. Este blog é como uma porta de entrada para quem quer entrar neste ramo. Suas postagens são ótimas e super didáticas. Parabéns mesmo.

  • Guest

    Excelente infográfico Henrique…

  • Adilson Rodrigues Santos Rodri

    Olá Henrique,gostei muito dos infográicos..Posso usar em meu Blog???

    • Oi Adilson!

      Claro, pode usar sim, basta citar a fonte ou manter o link para a versão em alta qualidade. 🙂

      Abraços!

  • Ailton25

    Mais uma vez você surpreendeu. Fico feliz quando sou surpreendido por um serviço bem prestado e por inovações constantes. Creio que você tem feito isto, surpreendido e e o que falta na internet e no mercado em geral, a preocupação com a experiencia do usuário, surpreende-lo sempre.

    Desejo a você um 2014 espetacular!

    Parabéns e sucesso!

  • INTERATIVO

    Parabéns, Excelente Blog !!!

    Design excelente, Posts práticos com excelente conteúdo e ótimas dicas, infográficos exclusivos, enfim Parabéns e Excelente 2014 pra Vocês !!!

  • Anna

    Quando comecei a pensar em desistir do meu sonho de escrever, trabalhar em casa, encontrei você! Após 15 anos dedicados à cirurgia oral, a internet era um bicho de 70 dentes..kkk Você vem facilitando muito a minha vida. Gostaria de saber se posso entrar em contato contigo via email ? Abraço e meu muito obrigada.

  • Fábio Borges

    Parabéns, Henrique! Mais um infográfico muito bom!

  • Guilherme Lopes

    Muito legal, Henrique! Esse assunto ainda está começando no Brasil (Design Centrado em Conversão). No meu curso bônus lá do iJumper estou focando nisso. Sempre encontro aqui dicas e informações ricas. Inclusive, cito o seu trabalho lá! =) Depois te mando o curso de brinde! 😉 Valeu e abs!

  • Guilherme Lopes

    Henrique! Mais uma vez, muito legal! Adoro seus infográficos! Esse assunto (Design Centrado em Conversão) ainda é muito pouco explorado no Brasil, tanto que no meu curso bônus lá no iJUMPER eu foquei nisso. Inclusive eu cito o seu trabalho e indico o seu blog lá como boa referência! =) Mais uma vez, parabéns! Depois te mando o meu curso de presente! Abs!

    • Muito obrigado Guilherme!

      É um assunto que definitivamente precisa de mais atenção e você saberá explicar com maestria sobre o assunto.

      Abração!

  • bideyks

    É muito gratificante ler um artigo de qualidade e perceber que várias dicas citadas aqui – eu já siga mesmo sem ter o conhecimento devido. Agora me sinto bem mais capacitado. #obrigado

    • Opa, é uma honra poder contribuir com essas informações!

      Muito bom saber que são úteis. 🙂

      Abraços!

  • Claudio

    Tenho alguns vários anos na área de desenvolvimento e design, para os outros. Estou lançando um blog com uma parceria significativa no mundo fitness e vc me abriu os olhos para uma forma de abordagem que possuía muito pouca (ou quase nenhuma) base para enfrentar, com alguma solidez, essa empreitada. Obrigado e me espelhando em seu blog e de alguns outros mestres espero trazer essa qualidade ao público.

  • Douglas Avíla

    Sensacional, meus parabéns Henrique, estou aprendendo bastante com seus posts ! (:

  • Caio Marcelo

    Faz alguns meses que venho acompanhando os seus blogs e gosto muito de todo o contéudo e do design que você usa. Parabéns pelo trabalho.

    Tenho uma dúvida, qual o plugin que você usa no final dos post para mostrar os post anteriores e os próximos posts ?

    • Olá Caio!

      Na verdade, não se trata de um plugin, mas sim uma customização que meu designer fez para mim.

      Ela está 100% disponível no tema Épico, da Uberfácil.

      O Épico é um blog profissional com foco na captura de emails, além de um lindo design aliado a boas práticas de usabilidade.

      Você pode saber mais detalhes nessa página aqui: http://www.uberfacil.com/temas/epico/

      Forte Abraço!

  • Eduardinho Teixeira

    Henrique, você já viu um infográfico animado? Aqui tem um: http://animagraffs.com/cheetah-natures-speed-machine/

    Bacana, não é? O que você achou?

    • Oi Eduardo!

      Sim, o Neil Patel (Quick Sprout) comenta que eles serão o futuro dos infográficos. Também compartilho da mesma visão. 🙂

      Abraços!

  • Pedro Costa

    Olá Henrique, o seu blog esta simplesmente de parabéns. Estou utilizando ele como um bíblia para evitar erros em um projeto para lançamento de loja virtual. Gostaria de ter contato também com as questões de edição de imagem e estou em busca de um curso para focar no processo de fazer. Aprendo muito rápido e gostaria de ir direto ao ponto. Você tem alguma indicação para compartilhar?

    Obrigado,

    Atenciosamente

    Pedro Costa

    • Olá Pedro!

      Muito obrigado por comentar e por acompanhar o blog.

      Abraços e sucesso.

  • uaimax

    Excelente infográfico, realmente esclarecedor.

    Só fiquei pensativo quanto a questão de colunas, todos os sites de vendas que conheço (os mais “badalados”) utilizam 2 colunas. NetShoes, Americanas, Submarino, etc… O que quis dizer nesse item?

    • Esses sites do tipo e-commerce precisam de mais espaço para vender e por isso mais colunas com mais produtos.

      Porém, se você olhar landing pages ou sales pages, elas só tem uma coluna porque são páginas com um único objetivo.

      Abraços!

  • Carlos silva

    Quero saber como faço para anunciar

  • Nilson Leite Haenisch

    Parabéns Henrique, tenho aprendido muito com você. Que Deus te ilumine sempre por toda sua vida.

  • Bruno Dos Santos

    Sensacional , mais nada a declarar .

  • David Silva

    Henrique,

    Muito bom seu infográfico, assim como todo o conteúdo do site.

    Estou começando agora com meu empreendimento digital e sua ajuda tem sido muito válida!

    Vou me preocupar ainda mais com a usabilidade dos meus visitantes a partir de agora.

    Parabéns pelo excelente trabalho e muito obrigado!

  • Rodrigo Santana

    Cara, demais, demais, demais meeeeesmo.
    Ta me ajudando muuuuito com uns projetos da facudlade
    vlw mano!

    • Obrigado pelo comentário Rodrigo!

      É uma honra poder ajudar.

      Abraços!

  • Thiago Borges

    Olá Henrique, Adorei o infográfico! Sou da área de Administração e estou começando a me inteirar dos negócios digitais faz alguns meses. Não tem muito a ver com o seu post, mas gostaria de saber quais conhecimentos você considera essenciais para ter um blog de sucesso?

    Thiago Borges
    Pr1me Consultoria

    • Olá Thiago!

      Considero importante todos os assuntos que já tratei aqui no blog… rs.

      Abraços e sucesso!

  • Renato

    Adorei suas dicas. Realmente muito relevantes para se pensar sobre o uso em blogs e sites. Estou seguindo suas dicas e conteúdo

  • Gilvan Ribeiro

    Você quer saber a verdade que 99% das pessoas não sabem sobre como ganhar dinheiro online. O Jonathan Taioba te mostra como : http://www.segredosdoadsense.com.br/?ref=J2073111G

  • Sempre com excelentes dicas!
    Valeu campeão!!!

  • Diego Gonçalves Silva

    Muito bom o infográfico.
    Parabéns pela iniciativa de divulgá-lo.
    Sou estudante de web desing pelo curso adv, http://www.cursoadv.com.br
    Este material vai me ajudar muito nos estudos

    • Muito obrigado pelo seu comentário Diego!

      Sempre que puder e desejar, deixe um comentário aqui no blog, combinado?

      Eles são meu maior indicativo de que estou caminhando na direção correta.

      Forte Abraço e sucesso!

  • Marcelo Lino

    Amigo, estou surpreso com a qualidade do conteúdo do blog, Parabéns!!!

  • Jeferson Santana

    Detalhes que pode mudar tudo… Muito Bom Valew

  • Ciro Vargas

    Muito bom seu artigo, esse ramo de UX/CRO é muito interessante. Aproveitar pra divulgar meus serviços, na parte em que fala da velocidade (os famosos 3 segundos) posso te ajudar. Trabalho com melhoria de servidores e aplicações web sob o regime de consultoria. http://www.cirovargas.com.br

  • Emerson Pereira

    Seria legal se pudesse inserir exemplos de 10 sites que usam essas técnicas. O que acha?
    Além de enriquecer o artigo poderia até se transformar em novos posts.

  • Luan Oliveira

    Cara, quero muito dividir essas ideias com meus colegas web designers aqui na alemanha.. mas ficar traduzindo tudo sempre é muito chato!! Por que você não faz uma versão beta em ingles???? Valeu

    • Opa Luan! Obrigado por comentar e por contribuir com sua opinião 😀

      Abração e sucesso!

  • Carollina Li

    Olá Henrique legal o seu artigo. Seria legal vc colocar as referências no texto… acho que passa uma idéia de conteudo mais confiável.

    • Olá Carollina, obrigadão! No final do infográfico tem todas as nossas fontes de referências 😉

      Forte abraço e sucesso!

  • Olá, muito bom este infográfico. Parabéns.

  • Rita de Cassia

    Oi Henrique, obrigada pelas dicas já provei que geram resultados! Gostaria de saber os critérios básicos para chamar a atenção do usuário através de um banner. Aguardo uma resposta 🙂