Dicas de usabilidade para conversão: Como é uma loja online amigável para o usuário

Dicas de usabilidade para conversão: Como é uma loja online amigável para o usuário

Dicas de usabilidade para conversão: Como é uma loja online amigável para o usuário

Dicas de usabilidade para conversão: Como é uma loja online amigável para o usuário

Aumente a conversão na sua loja online criando uma experiência amigável e focada no cliente. E coloque sua loja à prova com a nossa Lista de Verificação de Usabilidade.

Aumente a conversão na sua loja online criando uma experiência amigável e focada no cliente. E coloque sua loja à prova com a nossa Lista de Verificação de Usabilidade.

Ecommerce-tips

Ecommerce-tips

Ecommerce-tips

01/04/2021

Nick Knuppe

Chefe de Marketing de Produto

Como retalhista de comércio eletrónico, sabe quão importante é a usabilidade do website para o sucesso do seu negócio. Afinal, se os clientes não conseguirem facilmente entender como usar a sua loja, serão menos propensos a fazer uma compra. É tão simples quanto isso. 

Este artigo explica como pode aumentar a sua taxa de conversão tornando a sua loja online mais fácil de usar. Também inclui a nossa Lista de Verificação de Usabilidade, que abrange todos os exemplos e dicas contidas no artigo.

Como retalhista de comércio eletrónico, sabe quão importante é a usabilidade do website para o sucesso do seu negócio. Afinal, se os clientes não conseguirem facilmente entender como usar a sua loja, serão menos propensos a fazer uma compra. É tão simples quanto isso. 

Este artigo explica como pode aumentar a sua taxa de conversão tornando a sua loja online mais fácil de usar. Também inclui a nossa Lista de Verificação de Usabilidade, que abrange todos os exemplos e dicas contidas no artigo.

Como retalhista de comércio eletrónico, sabe quão importante é a usabilidade do website para o sucesso do seu negócio. Afinal, se os clientes não conseguirem facilmente entender como usar a sua loja, serão menos propensos a fazer uma compra. É tão simples quanto isso. 

Este artigo explica como pode aumentar a sua taxa de conversão tornando a sua loja online mais fácil de usar. Também inclui a nossa Lista de Verificação de Usabilidade, que abrange todos os exemplos e dicas contidas no artigo.

Como retalhista de comércio eletrónico, sabe quão importante é a usabilidade do website para o sucesso do seu negócio. Afinal, se os clientes não conseguirem facilmente entender como usar a sua loja, serão menos propensos a fazer uma compra. É tão simples quanto isso. 

Este artigo explica como pode aumentar a sua taxa de conversão tornando a sua loja online mais fácil de usar. Também inclui a nossa Lista de Verificação de Usabilidade, que abrange todos os exemplos e dicas contidas no artigo.

Definindo usabilidade: O que significa facilidade de uso no e-commerce?

'Usabilidade’ refere-se a quão amigável é um website. Trata-se de criar uma experiência de utilizador sem complicações que faça com que seus clientes gostem de fazer compras no seu site. Isso significa projetar a sua loja online para que os visitantes possam encontrar exatamente o que precisam de forma rápida e fácil.

Talvez o aspecto mais importante da usabilidade seja a facilidade de navegação no seu site. O design do seu website deve tornar a navegação intuitiva e levar rapidamente os clientes aos produtos ou informações que estão a procurar. Outras funções práticas, como o uso de preenchimento automático para dados de formulários, também ajudam a otimizar a experiência do utilizador (UX) no seu site.

'Usabilidade’ refere-se a quão amigável é um website. Trata-se de criar uma experiência de utilizador sem complicações que faça com que seus clientes gostem de fazer compras no seu site. Isso significa projetar a sua loja online para que os visitantes possam encontrar exatamente o que precisam de forma rápida e fácil.

Talvez o aspecto mais importante da usabilidade seja a facilidade de navegação no seu site. O design do seu website deve tornar a navegação intuitiva e levar rapidamente os clientes aos produtos ou informações que estão a procurar. Outras funções práticas, como o uso de preenchimento automático para dados de formulários, também ajudam a otimizar a experiência do utilizador (UX) no seu site.

'Usabilidade’ refere-se a quão amigável é um website. Trata-se de criar uma experiência de utilizador sem complicações que faça com que seus clientes gostem de fazer compras no seu site. Isso significa projetar a sua loja online para que os visitantes possam encontrar exatamente o que precisam de forma rápida e fácil.

Talvez o aspecto mais importante da usabilidade seja a facilidade de navegação no seu site. O design do seu website deve tornar a navegação intuitiva e levar rapidamente os clientes aos produtos ou informações que estão a procurar. Outras funções práticas, como o uso de preenchimento automático para dados de formulários, também ajudam a otimizar a experiência do utilizador (UX) no seu site.

'Usabilidade’ refere-se a quão amigável é um website. Trata-se de criar uma experiência de utilizador sem complicações que faça com que seus clientes gostem de fazer compras no seu site. Isso significa projetar a sua loja online para que os visitantes possam encontrar exatamente o que precisam de forma rápida e fácil.

Talvez o aspecto mais importante da usabilidade seja a facilidade de navegação no seu site. O design do seu website deve tornar a navegação intuitiva e levar rapidamente os clientes aos produtos ou informações que estão a procurar. Outras funções práticas, como o uso de preenchimento automático para dados de formulários, também ajudam a otimizar a experiência do utilizador (UX) no seu site.

Por que o design web amigável é tão importante para a conversão no e-commerce?

A usabilidade e uma UX positiva aumentam a probabilidade de… 

  • um utilizador fazer uma compra, e

  • clientes de primeira viagem tornarem-se clientes recorrentes. 

Quanto mais fácil for para os utilizadores navegarem na sua loja online, mais rapidamente encontram os produtos que desejam. E isso torna-os muito mais propensos a tornarem-se clientes satisfeitos. 

Os clientes raramente estão conscientemente cientes de uma boa usabilidade. No entanto, uma má usabilidade é claramente perceptível (por exemplo, se faltarem filtros importantes ou se o site for difícil de navegar). Se o seu site não corresponder às expectativas do cliente, ele simplesmente sairá sem comprar nada. Isto ilustra a ligação direta entre usabilidade e conversão: tornar a sua loja mais intuitiva é crucial para aumentar as vendas a longo prazo.

A usabilidade e uma UX positiva aumentam a probabilidade de… 

  • um utilizador fazer uma compra, e

  • clientes de primeira viagem tornarem-se clientes recorrentes. 

Quanto mais fácil for para os utilizadores navegarem na sua loja online, mais rapidamente encontram os produtos que desejam. E isso torna-os muito mais propensos a tornarem-se clientes satisfeitos. 

Os clientes raramente estão conscientemente cientes de uma boa usabilidade. No entanto, uma má usabilidade é claramente perceptível (por exemplo, se faltarem filtros importantes ou se o site for difícil de navegar). Se o seu site não corresponder às expectativas do cliente, ele simplesmente sairá sem comprar nada. Isto ilustra a ligação direta entre usabilidade e conversão: tornar a sua loja mais intuitiva é crucial para aumentar as vendas a longo prazo.

A usabilidade e uma UX positiva aumentam a probabilidade de… 

  • um utilizador fazer uma compra, e

  • clientes de primeira viagem tornarem-se clientes recorrentes. 

Quanto mais fácil for para os utilizadores navegarem na sua loja online, mais rapidamente encontram os produtos que desejam. E isso torna-os muito mais propensos a tornarem-se clientes satisfeitos. 

Os clientes raramente estão conscientemente cientes de uma boa usabilidade. No entanto, uma má usabilidade é claramente perceptível (por exemplo, se faltarem filtros importantes ou se o site for difícil de navegar). Se o seu site não corresponder às expectativas do cliente, ele simplesmente sairá sem comprar nada. Isto ilustra a ligação direta entre usabilidade e conversão: tornar a sua loja mais intuitiva é crucial para aumentar as vendas a longo prazo.

A usabilidade e uma UX positiva aumentam a probabilidade de… 

  • um utilizador fazer uma compra, e

  • clientes de primeira viagem tornarem-se clientes recorrentes. 

Quanto mais fácil for para os utilizadores navegarem na sua loja online, mais rapidamente encontram os produtos que desejam. E isso torna-os muito mais propensos a tornarem-se clientes satisfeitos. 

Os clientes raramente estão conscientemente cientes de uma boa usabilidade. No entanto, uma má usabilidade é claramente perceptível (por exemplo, se faltarem filtros importantes ou se o site for difícil de navegar). Se o seu site não corresponder às expectativas do cliente, ele simplesmente sairá sem comprar nada. Isto ilustra a ligação direta entre usabilidade e conversão: tornar a sua loja mais intuitiva é crucial para aumentar as vendas a longo prazo.

Como pode testar a usabilidade da sua loja online?

Para saber se o design da sua loja é centrado no utilizador, pode realizar um teste de usabilidade. Existe uma variedade de testes para escolher, dependendo do seu orçamento, do seu nível de experiência e do que pretende alcançar. 

As empresas aprendem mais ao realizar testes ao vivo com utilizadores reais que podem oferecer sugestões imediatas para melhorar o design de uma loja online. Existem também muitas ferramentas para o ajudar a obter informações sobre a usabilidade da sua loja.


Para saber se o design da sua loja é centrado no utilizador, pode realizar um teste de usabilidade. Existe uma variedade de testes para escolher, dependendo do seu orçamento, do seu nível de experiência e do que pretende alcançar. 

As empresas aprendem mais ao realizar testes ao vivo com utilizadores reais que podem oferecer sugestões imediatas para melhorar o design de uma loja online. Existem também muitas ferramentas para o ajudar a obter informações sobre a usabilidade da sua loja.


Para saber se o design da sua loja é centrado no utilizador, pode realizar um teste de usabilidade. Existe uma variedade de testes para escolher, dependendo do seu orçamento, do seu nível de experiência e do que pretende alcançar. 

As empresas aprendem mais ao realizar testes ao vivo com utilizadores reais que podem oferecer sugestões imediatas para melhorar o design de uma loja online. Existem também muitas ferramentas para o ajudar a obter informações sobre a usabilidade da sua loja.


Para saber se o design da sua loja é centrado no utilizador, pode realizar um teste de usabilidade. Existe uma variedade de testes para escolher, dependendo do seu orçamento, do seu nível de experiência e do que pretende alcançar. 

As empresas aprendem mais ao realizar testes ao vivo com utilizadores reais que podem oferecer sugestões imediatas para melhorar o design de uma loja online. Existem também muitas ferramentas para o ajudar a obter informações sobre a usabilidade da sua loja.


KPIs para testes de usabilidade

Para tornar a usabilidade mensurável, é uma boa ideia começar por definir alguns indicadores-chave de desempenho (KPIs). Eles ajudam a determinar se o seu design de web é eficaz e focado no usuário.

KPIs quantitativos de usabilidade incluem:

  • taxa de sucesso para completar tarefas

  • quanto tempo leva para completar tarefas

  • usar a função de pesquisa vs. navegação no site

  • com que frequência ocorrem erros (por exemplo, ao usar métodos de pagamento específicos)

KPIs qualitativos de usabilidade incluem:

  • expectativas e desempenho do usuário

  • satisfação geral

Fora do ambiente de testes, os seguintes KPIs dão aos retalhistas de eCommerce insights sobre quão amigáveis são os seus sites:

Para tornar a usabilidade mensurável, é uma boa ideia começar por definir alguns indicadores-chave de desempenho (KPIs). Eles ajudam a determinar se o seu design de web é eficaz e focado no usuário.

KPIs quantitativos de usabilidade incluem:

  • taxa de sucesso para completar tarefas

  • quanto tempo leva para completar tarefas

  • usar a função de pesquisa vs. navegação no site

  • com que frequência ocorrem erros (por exemplo, ao usar métodos de pagamento específicos)

KPIs qualitativos de usabilidade incluem:

  • expectativas e desempenho do usuário

  • satisfação geral

Fora do ambiente de testes, os seguintes KPIs dão aos retalhistas de eCommerce insights sobre quão amigáveis são os seus sites:

Para tornar a usabilidade mensurável, é uma boa ideia começar por definir alguns indicadores-chave de desempenho (KPIs). Eles ajudam a determinar se o seu design de web é eficaz e focado no usuário.

KPIs quantitativos de usabilidade incluem:

  • taxa de sucesso para completar tarefas

  • quanto tempo leva para completar tarefas

  • usar a função de pesquisa vs. navegação no site

  • com que frequência ocorrem erros (por exemplo, ao usar métodos de pagamento específicos)

KPIs qualitativos de usabilidade incluem:

  • expectativas e desempenho do usuário

  • satisfação geral

Fora do ambiente de testes, os seguintes KPIs dão aos retalhistas de eCommerce insights sobre quão amigáveis são os seus sites:

Para tornar a usabilidade mensurável, é uma boa ideia começar por definir alguns indicadores-chave de desempenho (KPIs). Eles ajudam a determinar se o seu design de web é eficaz e focado no usuário.

KPIs quantitativos de usabilidade incluem:

  • taxa de sucesso para completar tarefas

  • quanto tempo leva para completar tarefas

  • usar a função de pesquisa vs. navegação no site

  • com que frequência ocorrem erros (por exemplo, ao usar métodos de pagamento específicos)

KPIs qualitativos de usabilidade incluem:

  • expectativas e desempenho do usuário

  • satisfação geral

Fora do ambiente de testes, os seguintes KPIs dão aos retalhistas de eCommerce insights sobre quão amigáveis são os seus sites:

Otimizando a sua loja online: 7 dicas de usabilidade para um design de site intuitivo

Como um retalhista de e-commerce, tem mais escolhas do que nunca quando se trata de adicionar funções à sua loja online. Ainda assim, é geralmente uma boa ideia seguir a regra de ouro: menos é mais. As chaves para melhorar a usabilidade no seu site são uma interface de utilizador intuitiva e um design claro e fácil de navegar. Aqui estão algumas dicas para o ajudar a tornar o seu website ainda mais amigável para os utilizadores.

Optimising your online shop: 7 usability tips for user-friendly web design


Dica 1: Mantenha os tempos de carregamento ao mínimo

Em muitos casos, os visitantes decidem se ficam numa página ou a abandonam rapidamente com base apenas no tempo que a página leva a carregar. Se a sua loja online não tiver carregado completamente em dois a três segundos, há uma boa chance de que o utilizador clique imediatamente no botão de voltar e retorne aos resultados de pesquisa. Se isso acontecer, perdeu-os para os seus concorrentes. Além disso, a sua taxa de conversão sofrerá, e a taxa de rejeição mais alta na sua página enviará um sinal negativo para o Google. O ranking do seu site nos motores de busca será prejudicado se os utilizadores frequentemente saírem dentro de apenas alguns segundos. Por isso, uma das melhores coisas que pode fazer para melhorar a usabilidade é otimizar o tempo de carregamento do seu site (por exemplo, usando imagens de produtos comprimidas). 

As imagens que utiliza no seu site nunca devem ser maiores do que 1920 x 1280 pixels. E siga esta regra básica: carregue fotos e gráficos de alta qualidade como ficheiros JPEG, e carregue gráficos menores ou com poucas cores ou transparências como ficheiros PNG.

Dica 2: Mantenha um design clássico

Ao longo dos anos, os websites adotaram gradualmente um layout de página mais ou menos padrão. Isto permite aos compradores online navegar intuitivamente por um website. Normalmente, os elementos de uma loja online são dispostos da seguinte forma:


Isto não significa que todas as lojas online devam ter exatamente a mesma aparência. No entanto, estes elementos padrão tornam o site intuitivo para os seus utilizadores, o que melhora a usabilidade. Se o seu site usar um design invulgar, excessivamente criativo que coloque os elementos padrão em locais difíceis de encontrar, é provável que afaste os seus potenciais clientes. O mesmo vale para os termos que utiliza. Evite usar nomes não convencionais para coisas como o carrinho de compras ou login. Isto só leva a confusões.

Dica 3: Facilite a pesquisa

Os seus clientes devem ser capazes de encontrar produtos no seu site da forma mais fácil possível. É por isso que os seguintes elementos são tão importantes:

  • Categorias de produtos lógicas

  • Filtros claramente definidos

  • Função de pesquisa

Pode também usar a auto-completar para tornar a barra de pesquisa ainda mais amigável para o utilizador. À medida que o utilizador digita um termo de pesquisa, mostre-lhe uma lista de possíveis correspondências e o número de resultados de pesquisa para cada correspondência.

Dica 4: Organize as imagens e descrições de forma útil

Uma vez que o utilizador encontre o produto que procura, imagens detalhadas e descrições informativas ajudam a incentivá-lo a fazer uma compra. Mais uma vez, é importante organizar os elementos no ecrã para que o comprador possa navegar intuitivamente pela página. Alguns elementos, por exemplo, geralmente aparecem à direita da galeria de imagens. Estes incluem:

  • Seleção de tamanho e quantidade

  • O botão ‘Adicionar ao carrinho’

  • Uma lista rápida das principais características do produto

  • Uma tabela de tamanhos (se aplicável)

As descrições detalhadas dos produtos e avaliações de clientes devem ser posicionadas abaixo da galeria de imagens.

Dica 5: Permita que os clientes ‘continuem a comprar’

Outra característica importante de usabilidade é permitir que o utilizador continue a comprar imediatamente após ter adicionado um item ao carrinho de compras. Por exemplo, pode usar uma janela pop-up para dar ao utilizador a opção de ‘Ir para o carrinho’ ou ‘Continuar a comprar’. Se escolherem continuar a comprar, devem ser capazes de retomar exatamente onde pararam, sem ter que fazer uma nova pesquisa ou definir novamente os seus filtros de pesquisa.

É também importante incluir um botão de ‘Continuar a comprar’ dentro do carrinho de compras. Em muitas lojas online, um cliente não tem opção de retornar à loja depois de entrar no carrinho de compras. Como resultado, demora mais a encontrar o caminho de volta para a seleção de produtos que estava a ver anteriormente, e poderão até abandonar o carrinho. Para garantir a máxima usabilidade, inclua sempre um botão claramente visível de ‘Voltar à loja’ ou ‘Continuar a comprar’.

Dica 6: Simplifique o processo de checkout

A usabilidade do Checkout é um dos fatores mais importantes que podem aumentar a sua taxa de conversão como um retalhista de eCommerce. Isso pode significar reduzir os passos no processo de encomenda ao menor número possível. Também dê aos seus clientes a opção de fazer uma compra instantânea com um clique, sem criar uma conta. Para mais dicas, veja o nosso guia completo sobre otimização do seu processo de Checkout para aumentar a conversão.

Dica 7: Automatize formulários

Estas duas opções de automação facilitam o preenchimento de formulários no seu website e tornam-nos mais amigáveis para o utilizador:

  • O preenchimento automático preenche automaticamente os campos de dados do formulário assim que o cliente insere as suas informações de endereço.

  • A validação inline encontra possíveis erros nas informações que o utilizador inseriu, verificando instantaneamente coisas como:

Como um retalhista de e-commerce, tem mais escolhas do que nunca quando se trata de adicionar funções à sua loja online. Ainda assim, é geralmente uma boa ideia seguir a regra de ouro: menos é mais. As chaves para melhorar a usabilidade no seu site são uma interface de utilizador intuitiva e um design claro e fácil de navegar. Aqui estão algumas dicas para o ajudar a tornar o seu website ainda mais amigável para os utilizadores.

Optimising your online shop: 7 usability tips for user-friendly web design


Dica 1: Mantenha os tempos de carregamento ao mínimo

Em muitos casos, os visitantes decidem se ficam numa página ou a abandonam rapidamente com base apenas no tempo que a página leva a carregar. Se a sua loja online não tiver carregado completamente em dois a três segundos, há uma boa chance de que o utilizador clique imediatamente no botão de voltar e retorne aos resultados de pesquisa. Se isso acontecer, perdeu-os para os seus concorrentes. Além disso, a sua taxa de conversão sofrerá, e a taxa de rejeição mais alta na sua página enviará um sinal negativo para o Google. O ranking do seu site nos motores de busca será prejudicado se os utilizadores frequentemente saírem dentro de apenas alguns segundos. Por isso, uma das melhores coisas que pode fazer para melhorar a usabilidade é otimizar o tempo de carregamento do seu site (por exemplo, usando imagens de produtos comprimidas). 

As imagens que utiliza no seu site nunca devem ser maiores do que 1920 x 1280 pixels. E siga esta regra básica: carregue fotos e gráficos de alta qualidade como ficheiros JPEG, e carregue gráficos menores ou com poucas cores ou transparências como ficheiros PNG.

Dica 2: Mantenha um design clássico

Ao longo dos anos, os websites adotaram gradualmente um layout de página mais ou menos padrão. Isto permite aos compradores online navegar intuitivamente por um website. Normalmente, os elementos de uma loja online são dispostos da seguinte forma:


Isto não significa que todas as lojas online devam ter exatamente a mesma aparência. No entanto, estes elementos padrão tornam o site intuitivo para os seus utilizadores, o que melhora a usabilidade. Se o seu site usar um design invulgar, excessivamente criativo que coloque os elementos padrão em locais difíceis de encontrar, é provável que afaste os seus potenciais clientes. O mesmo vale para os termos que utiliza. Evite usar nomes não convencionais para coisas como o carrinho de compras ou login. Isto só leva a confusões.

Dica 3: Facilite a pesquisa

Os seus clientes devem ser capazes de encontrar produtos no seu site da forma mais fácil possível. É por isso que os seguintes elementos são tão importantes:

  • Categorias de produtos lógicas

  • Filtros claramente definidos

  • Função de pesquisa

Pode também usar a auto-completar para tornar a barra de pesquisa ainda mais amigável para o utilizador. À medida que o utilizador digita um termo de pesquisa, mostre-lhe uma lista de possíveis correspondências e o número de resultados de pesquisa para cada correspondência.

Dica 4: Organize as imagens e descrições de forma útil

Uma vez que o utilizador encontre o produto que procura, imagens detalhadas e descrições informativas ajudam a incentivá-lo a fazer uma compra. Mais uma vez, é importante organizar os elementos no ecrã para que o comprador possa navegar intuitivamente pela página. Alguns elementos, por exemplo, geralmente aparecem à direita da galeria de imagens. Estes incluem:

  • Seleção de tamanho e quantidade

  • O botão ‘Adicionar ao carrinho’

  • Uma lista rápida das principais características do produto

  • Uma tabela de tamanhos (se aplicável)

As descrições detalhadas dos produtos e avaliações de clientes devem ser posicionadas abaixo da galeria de imagens.

Dica 5: Permita que os clientes ‘continuem a comprar’

Outra característica importante de usabilidade é permitir que o utilizador continue a comprar imediatamente após ter adicionado um item ao carrinho de compras. Por exemplo, pode usar uma janela pop-up para dar ao utilizador a opção de ‘Ir para o carrinho’ ou ‘Continuar a comprar’. Se escolherem continuar a comprar, devem ser capazes de retomar exatamente onde pararam, sem ter que fazer uma nova pesquisa ou definir novamente os seus filtros de pesquisa.

É também importante incluir um botão de ‘Continuar a comprar’ dentro do carrinho de compras. Em muitas lojas online, um cliente não tem opção de retornar à loja depois de entrar no carrinho de compras. Como resultado, demora mais a encontrar o caminho de volta para a seleção de produtos que estava a ver anteriormente, e poderão até abandonar o carrinho. Para garantir a máxima usabilidade, inclua sempre um botão claramente visível de ‘Voltar à loja’ ou ‘Continuar a comprar’.

Dica 6: Simplifique o processo de checkout

A usabilidade do Checkout é um dos fatores mais importantes que podem aumentar a sua taxa de conversão como um retalhista de eCommerce. Isso pode significar reduzir os passos no processo de encomenda ao menor número possível. Também dê aos seus clientes a opção de fazer uma compra instantânea com um clique, sem criar uma conta. Para mais dicas, veja o nosso guia completo sobre otimização do seu processo de Checkout para aumentar a conversão.

Dica 7: Automatize formulários

Estas duas opções de automação facilitam o preenchimento de formulários no seu website e tornam-nos mais amigáveis para o utilizador:

  • O preenchimento automático preenche automaticamente os campos de dados do formulário assim que o cliente insere as suas informações de endereço.

  • A validação inline encontra possíveis erros nas informações que o utilizador inseriu, verificando instantaneamente coisas como:

Como um retalhista de e-commerce, tem mais escolhas do que nunca quando se trata de adicionar funções à sua loja online. Ainda assim, é geralmente uma boa ideia seguir a regra de ouro: menos é mais. As chaves para melhorar a usabilidade no seu site são uma interface de utilizador intuitiva e um design claro e fácil de navegar. Aqui estão algumas dicas para o ajudar a tornar o seu website ainda mais amigável para os utilizadores.

Optimising your online shop: 7 usability tips for user-friendly web design


Dica 1: Mantenha os tempos de carregamento ao mínimo

Em muitos casos, os visitantes decidem se ficam numa página ou a abandonam rapidamente com base apenas no tempo que a página leva a carregar. Se a sua loja online não tiver carregado completamente em dois a três segundos, há uma boa chance de que o utilizador clique imediatamente no botão de voltar e retorne aos resultados de pesquisa. Se isso acontecer, perdeu-os para os seus concorrentes. Além disso, a sua taxa de conversão sofrerá, e a taxa de rejeição mais alta na sua página enviará um sinal negativo para o Google. O ranking do seu site nos motores de busca será prejudicado se os utilizadores frequentemente saírem dentro de apenas alguns segundos. Por isso, uma das melhores coisas que pode fazer para melhorar a usabilidade é otimizar o tempo de carregamento do seu site (por exemplo, usando imagens de produtos comprimidas). 

As imagens que utiliza no seu site nunca devem ser maiores do que 1920 x 1280 pixels. E siga esta regra básica: carregue fotos e gráficos de alta qualidade como ficheiros JPEG, e carregue gráficos menores ou com poucas cores ou transparências como ficheiros PNG.

Dica 2: Mantenha um design clássico

Ao longo dos anos, os websites adotaram gradualmente um layout de página mais ou menos padrão. Isto permite aos compradores online navegar intuitivamente por um website. Normalmente, os elementos de uma loja online são dispostos da seguinte forma:


Isto não significa que todas as lojas online devam ter exatamente a mesma aparência. No entanto, estes elementos padrão tornam o site intuitivo para os seus utilizadores, o que melhora a usabilidade. Se o seu site usar um design invulgar, excessivamente criativo que coloque os elementos padrão em locais difíceis de encontrar, é provável que afaste os seus potenciais clientes. O mesmo vale para os termos que utiliza. Evite usar nomes não convencionais para coisas como o carrinho de compras ou login. Isto só leva a confusões.

Dica 3: Facilite a pesquisa

Os seus clientes devem ser capazes de encontrar produtos no seu site da forma mais fácil possível. É por isso que os seguintes elementos são tão importantes:

  • Categorias de produtos lógicas

  • Filtros claramente definidos

  • Função de pesquisa

Pode também usar a auto-completar para tornar a barra de pesquisa ainda mais amigável para o utilizador. À medida que o utilizador digita um termo de pesquisa, mostre-lhe uma lista de possíveis correspondências e o número de resultados de pesquisa para cada correspondência.

Dica 4: Organize as imagens e descrições de forma útil

Uma vez que o utilizador encontre o produto que procura, imagens detalhadas e descrições informativas ajudam a incentivá-lo a fazer uma compra. Mais uma vez, é importante organizar os elementos no ecrã para que o comprador possa navegar intuitivamente pela página. Alguns elementos, por exemplo, geralmente aparecem à direita da galeria de imagens. Estes incluem:

  • Seleção de tamanho e quantidade

  • O botão ‘Adicionar ao carrinho’

  • Uma lista rápida das principais características do produto

  • Uma tabela de tamanhos (se aplicável)

As descrições detalhadas dos produtos e avaliações de clientes devem ser posicionadas abaixo da galeria de imagens.

Dica 5: Permita que os clientes ‘continuem a comprar’

Outra característica importante de usabilidade é permitir que o utilizador continue a comprar imediatamente após ter adicionado um item ao carrinho de compras. Por exemplo, pode usar uma janela pop-up para dar ao utilizador a opção de ‘Ir para o carrinho’ ou ‘Continuar a comprar’. Se escolherem continuar a comprar, devem ser capazes de retomar exatamente onde pararam, sem ter que fazer uma nova pesquisa ou definir novamente os seus filtros de pesquisa.

É também importante incluir um botão de ‘Continuar a comprar’ dentro do carrinho de compras. Em muitas lojas online, um cliente não tem opção de retornar à loja depois de entrar no carrinho de compras. Como resultado, demora mais a encontrar o caminho de volta para a seleção de produtos que estava a ver anteriormente, e poderão até abandonar o carrinho. Para garantir a máxima usabilidade, inclua sempre um botão claramente visível de ‘Voltar à loja’ ou ‘Continuar a comprar’.

Dica 6: Simplifique o processo de checkout

A usabilidade do Checkout é um dos fatores mais importantes que podem aumentar a sua taxa de conversão como um retalhista de eCommerce. Isso pode significar reduzir os passos no processo de encomenda ao menor número possível. Também dê aos seus clientes a opção de fazer uma compra instantânea com um clique, sem criar uma conta. Para mais dicas, veja o nosso guia completo sobre otimização do seu processo de Checkout para aumentar a conversão.

Dica 7: Automatize formulários

Estas duas opções de automação facilitam o preenchimento de formulários no seu website e tornam-nos mais amigáveis para o utilizador:

  • O preenchimento automático preenche automaticamente os campos de dados do formulário assim que o cliente insere as suas informações de endereço.

  • A validação inline encontra possíveis erros nas informações que o utilizador inseriu, verificando instantaneamente coisas como:

Como um retalhista de e-commerce, tem mais escolhas do que nunca quando se trata de adicionar funções à sua loja online. Ainda assim, é geralmente uma boa ideia seguir a regra de ouro: menos é mais. As chaves para melhorar a usabilidade no seu site são uma interface de utilizador intuitiva e um design claro e fácil de navegar. Aqui estão algumas dicas para o ajudar a tornar o seu website ainda mais amigável para os utilizadores.

Optimising your online shop: 7 usability tips for user-friendly web design


Dica 1: Mantenha os tempos de carregamento ao mínimo

Em muitos casos, os visitantes decidem se ficam numa página ou a abandonam rapidamente com base apenas no tempo que a página leva a carregar. Se a sua loja online não tiver carregado completamente em dois a três segundos, há uma boa chance de que o utilizador clique imediatamente no botão de voltar e retorne aos resultados de pesquisa. Se isso acontecer, perdeu-os para os seus concorrentes. Além disso, a sua taxa de conversão sofrerá, e a taxa de rejeição mais alta na sua página enviará um sinal negativo para o Google. O ranking do seu site nos motores de busca será prejudicado se os utilizadores frequentemente saírem dentro de apenas alguns segundos. Por isso, uma das melhores coisas que pode fazer para melhorar a usabilidade é otimizar o tempo de carregamento do seu site (por exemplo, usando imagens de produtos comprimidas). 

As imagens que utiliza no seu site nunca devem ser maiores do que 1920 x 1280 pixels. E siga esta regra básica: carregue fotos e gráficos de alta qualidade como ficheiros JPEG, e carregue gráficos menores ou com poucas cores ou transparências como ficheiros PNG.

Dica 2: Mantenha um design clássico

Ao longo dos anos, os websites adotaram gradualmente um layout de página mais ou menos padrão. Isto permite aos compradores online navegar intuitivamente por um website. Normalmente, os elementos de uma loja online são dispostos da seguinte forma:


Isto não significa que todas as lojas online devam ter exatamente a mesma aparência. No entanto, estes elementos padrão tornam o site intuitivo para os seus utilizadores, o que melhora a usabilidade. Se o seu site usar um design invulgar, excessivamente criativo que coloque os elementos padrão em locais difíceis de encontrar, é provável que afaste os seus potenciais clientes. O mesmo vale para os termos que utiliza. Evite usar nomes não convencionais para coisas como o carrinho de compras ou login. Isto só leva a confusões.

Dica 3: Facilite a pesquisa

Os seus clientes devem ser capazes de encontrar produtos no seu site da forma mais fácil possível. É por isso que os seguintes elementos são tão importantes:

  • Categorias de produtos lógicas

  • Filtros claramente definidos

  • Função de pesquisa

Pode também usar a auto-completar para tornar a barra de pesquisa ainda mais amigável para o utilizador. À medida que o utilizador digita um termo de pesquisa, mostre-lhe uma lista de possíveis correspondências e o número de resultados de pesquisa para cada correspondência.

Dica 4: Organize as imagens e descrições de forma útil

Uma vez que o utilizador encontre o produto que procura, imagens detalhadas e descrições informativas ajudam a incentivá-lo a fazer uma compra. Mais uma vez, é importante organizar os elementos no ecrã para que o comprador possa navegar intuitivamente pela página. Alguns elementos, por exemplo, geralmente aparecem à direita da galeria de imagens. Estes incluem:

  • Seleção de tamanho e quantidade

  • O botão ‘Adicionar ao carrinho’

  • Uma lista rápida das principais características do produto

  • Uma tabela de tamanhos (se aplicável)

As descrições detalhadas dos produtos e avaliações de clientes devem ser posicionadas abaixo da galeria de imagens.

Dica 5: Permita que os clientes ‘continuem a comprar’

Outra característica importante de usabilidade é permitir que o utilizador continue a comprar imediatamente após ter adicionado um item ao carrinho de compras. Por exemplo, pode usar uma janela pop-up para dar ao utilizador a opção de ‘Ir para o carrinho’ ou ‘Continuar a comprar’. Se escolherem continuar a comprar, devem ser capazes de retomar exatamente onde pararam, sem ter que fazer uma nova pesquisa ou definir novamente os seus filtros de pesquisa.

É também importante incluir um botão de ‘Continuar a comprar’ dentro do carrinho de compras. Em muitas lojas online, um cliente não tem opção de retornar à loja depois de entrar no carrinho de compras. Como resultado, demora mais a encontrar o caminho de volta para a seleção de produtos que estava a ver anteriormente, e poderão até abandonar o carrinho. Para garantir a máxima usabilidade, inclua sempre um botão claramente visível de ‘Voltar à loja’ ou ‘Continuar a comprar’.

Dica 6: Simplifique o processo de checkout

A usabilidade do Checkout é um dos fatores mais importantes que podem aumentar a sua taxa de conversão como um retalhista de eCommerce. Isso pode significar reduzir os passos no processo de encomenda ao menor número possível. Também dê aos seus clientes a opção de fazer uma compra instantânea com um clique, sem criar uma conta. Para mais dicas, veja o nosso guia completo sobre otimização do seu processo de Checkout para aumentar a conversão.

Dica 7: Automatize formulários

Estas duas opções de automação facilitam o preenchimento de formulários no seu website e tornam-nos mais amigáveis para o utilizador:

  • O preenchimento automático preenche automaticamente os campos de dados do formulário assim que o cliente insere as suas informações de endereço.

  • A validação inline encontra possíveis erros nas informações que o utilizador inseriu, verificando instantaneamente coisas como:

Comércio mobile: Design de loja amigável para dispositivos móveis

As compras online por telemóvel estão a tornar-se cada vez mais populares. O estudo Shopping Index 2019 realizado pela Salesforce revelou que 70% dos utilizadores em todo o mundo preferem procurar produtos nos seus dispositivos móveis. Para evitar que potenciais clientes abandonem imediatamente a sua loja online, é importante optimizar a usabilidade do seu site para smartphones e tablets. Aqui estão algumas dicas para criar um design de loja móvel amigável para o utilizador.

Mobile commerce: User-friendly shop design for mobile devices


Reduza o conteúdo

Os dispositivos móveis oferecem muito menos espaço de ecrã do que os monitores de desktop. Isso torna importante simplificar o seu site para as funções principais mais populares e fazer delas o foco do seu design móvel. Certifique-se de que as opções do menu são curtas e claras, isso ajudará a melhorar a usabilidade na versão móvel da sua loja.

Use um design fácil de navegar

Design altamente funcional é ainda mais importante no m-commerce. Evite truques desnecessários, imagens enormes e conteúdo multimédia. Estes não só sobrecarregam o utilizador, como também abrandam o tempo de carregamento da sua página. Ofereça sempre aos seus clientes um caminho claro e fácil de regressar à página inicial a qualquer momento. E certifique-se de que os elementos da página, como o carrinho de compras e as opções de navegação principais, estão sempre facilmente acessíveis.

Use o ecrã táctil eficazmente

Desenhe a versão móvel da sua loja online de forma que os utilizadores nunca tenham que fazer zoom para utilizá-la. Torne os botões de CTA grandes o suficiente para que o utilizador possa facilmente pressioná-los com um dedo. Também pode aproveitar funcionalidades móveis como deslizar, o que permite aos utilizadores folhear fotos de produtos e permite que você exiba textos mais longos de uma maneira mais estruturada.

Sincronize o carrinho de compras

Um carrinho de compras focado no utilizador também é importante no mCommerce. Certifique-se de que as funções são simples de usar e que os clientes podem facilmente gerir produtos no seu carrinho. Também é uma boa ideia permitir a sincronização com a versão de desktop do seu site. Isto permite que os utilizadores comecem a fazer compras no seu dispositivo móvel e depois completem a compra mais tarde no desktop, se preferirem.

As compras online por telemóvel estão a tornar-se cada vez mais populares. O estudo Shopping Index 2019 realizado pela Salesforce revelou que 70% dos utilizadores em todo o mundo preferem procurar produtos nos seus dispositivos móveis. Para evitar que potenciais clientes abandonem imediatamente a sua loja online, é importante optimizar a usabilidade do seu site para smartphones e tablets. Aqui estão algumas dicas para criar um design de loja móvel amigável para o utilizador.

Mobile commerce: User-friendly shop design for mobile devices


Reduza o conteúdo

Os dispositivos móveis oferecem muito menos espaço de ecrã do que os monitores de desktop. Isso torna importante simplificar o seu site para as funções principais mais populares e fazer delas o foco do seu design móvel. Certifique-se de que as opções do menu são curtas e claras, isso ajudará a melhorar a usabilidade na versão móvel da sua loja.

Use um design fácil de navegar

Design altamente funcional é ainda mais importante no m-commerce. Evite truques desnecessários, imagens enormes e conteúdo multimédia. Estes não só sobrecarregam o utilizador, como também abrandam o tempo de carregamento da sua página. Ofereça sempre aos seus clientes um caminho claro e fácil de regressar à página inicial a qualquer momento. E certifique-se de que os elementos da página, como o carrinho de compras e as opções de navegação principais, estão sempre facilmente acessíveis.

Use o ecrã táctil eficazmente

Desenhe a versão móvel da sua loja online de forma que os utilizadores nunca tenham que fazer zoom para utilizá-la. Torne os botões de CTA grandes o suficiente para que o utilizador possa facilmente pressioná-los com um dedo. Também pode aproveitar funcionalidades móveis como deslizar, o que permite aos utilizadores folhear fotos de produtos e permite que você exiba textos mais longos de uma maneira mais estruturada.

Sincronize o carrinho de compras

Um carrinho de compras focado no utilizador também é importante no mCommerce. Certifique-se de que as funções são simples de usar e que os clientes podem facilmente gerir produtos no seu carrinho. Também é uma boa ideia permitir a sincronização com a versão de desktop do seu site. Isto permite que os utilizadores comecem a fazer compras no seu dispositivo móvel e depois completem a compra mais tarde no desktop, se preferirem.

As compras online por telemóvel estão a tornar-se cada vez mais populares. O estudo Shopping Index 2019 realizado pela Salesforce revelou que 70% dos utilizadores em todo o mundo preferem procurar produtos nos seus dispositivos móveis. Para evitar que potenciais clientes abandonem imediatamente a sua loja online, é importante optimizar a usabilidade do seu site para smartphones e tablets. Aqui estão algumas dicas para criar um design de loja móvel amigável para o utilizador.

Mobile commerce: User-friendly shop design for mobile devices


Reduza o conteúdo

Os dispositivos móveis oferecem muito menos espaço de ecrã do que os monitores de desktop. Isso torna importante simplificar o seu site para as funções principais mais populares e fazer delas o foco do seu design móvel. Certifique-se de que as opções do menu são curtas e claras, isso ajudará a melhorar a usabilidade na versão móvel da sua loja.

Use um design fácil de navegar

Design altamente funcional é ainda mais importante no m-commerce. Evite truques desnecessários, imagens enormes e conteúdo multimédia. Estes não só sobrecarregam o utilizador, como também abrandam o tempo de carregamento da sua página. Ofereça sempre aos seus clientes um caminho claro e fácil de regressar à página inicial a qualquer momento. E certifique-se de que os elementos da página, como o carrinho de compras e as opções de navegação principais, estão sempre facilmente acessíveis.

Use o ecrã táctil eficazmente

Desenhe a versão móvel da sua loja online de forma que os utilizadores nunca tenham que fazer zoom para utilizá-la. Torne os botões de CTA grandes o suficiente para que o utilizador possa facilmente pressioná-los com um dedo. Também pode aproveitar funcionalidades móveis como deslizar, o que permite aos utilizadores folhear fotos de produtos e permite que você exiba textos mais longos de uma maneira mais estruturada.

Sincronize o carrinho de compras

Um carrinho de compras focado no utilizador também é importante no mCommerce. Certifique-se de que as funções são simples de usar e que os clientes podem facilmente gerir produtos no seu carrinho. Também é uma boa ideia permitir a sincronização com a versão de desktop do seu site. Isto permite que os utilizadores comecem a fazer compras no seu dispositivo móvel e depois completem a compra mais tarde no desktop, se preferirem.

As compras online por telemóvel estão a tornar-se cada vez mais populares. O estudo Shopping Index 2019 realizado pela Salesforce revelou que 70% dos utilizadores em todo o mundo preferem procurar produtos nos seus dispositivos móveis. Para evitar que potenciais clientes abandonem imediatamente a sua loja online, é importante optimizar a usabilidade do seu site para smartphones e tablets. Aqui estão algumas dicas para criar um design de loja móvel amigável para o utilizador.

Mobile commerce: User-friendly shop design for mobile devices


Reduza o conteúdo

Os dispositivos móveis oferecem muito menos espaço de ecrã do que os monitores de desktop. Isso torna importante simplificar o seu site para as funções principais mais populares e fazer delas o foco do seu design móvel. Certifique-se de que as opções do menu são curtas e claras, isso ajudará a melhorar a usabilidade na versão móvel da sua loja.

Use um design fácil de navegar

Design altamente funcional é ainda mais importante no m-commerce. Evite truques desnecessários, imagens enormes e conteúdo multimédia. Estes não só sobrecarregam o utilizador, como também abrandam o tempo de carregamento da sua página. Ofereça sempre aos seus clientes um caminho claro e fácil de regressar à página inicial a qualquer momento. E certifique-se de que os elementos da página, como o carrinho de compras e as opções de navegação principais, estão sempre facilmente acessíveis.

Use o ecrã táctil eficazmente

Desenhe a versão móvel da sua loja online de forma que os utilizadores nunca tenham que fazer zoom para utilizá-la. Torne os botões de CTA grandes o suficiente para que o utilizador possa facilmente pressioná-los com um dedo. Também pode aproveitar funcionalidades móveis como deslizar, o que permite aos utilizadores folhear fotos de produtos e permite que você exiba textos mais longos de uma maneira mais estruturada.

Sincronize o carrinho de compras

Um carrinho de compras focado no utilizador também é importante no mCommerce. Certifique-se de que as funções são simples de usar e que os clientes podem facilmente gerir produtos no seu carrinho. Também é uma boa ideia permitir a sincronização com a versão de desktop do seu site. Isto permite que os utilizadores comecem a fazer compras no seu dispositivo móvel e depois completem a compra mais tarde no desktop, se preferirem.

Checklist: A sua loja online cumpre todos os critérios de usabilidade?

Esta lista de verificação ajuda-o a avaliar rápida e facilmente a usabilidade da sua loja online. Assim, pode identificar áreas onde pode melhorar a facilidade de uso—e aumentar a sua taxa de conversão.


Fica atualizado

Nunca percas uma atualização. Recebe atualizações de produtos, notícias e histórias de clientes diretamente na tua caixa de entrada.

Fica atualizado

Nunca percas uma atualização. Recebe atualizações de produtos, notícias e histórias de clientes diretamente na tua caixa de entrada.

Connect every payment. Upgrade every part of your business.

Nunca percas uma atualização. Recebe atualizações de produtos, notícias e histórias de clientes diretamente na tua caixa de entrada.

Fica atualizado

Nunca percas uma atualização. Recebe atualizações de produtos, notícias e histórias de clientes diretamente na tua caixa de entrada.

Form fields
Form fields
Form fields

Índice

Índice

Índice

Índice

MollieCrescimentoDicas de usabilidade para conversão: Como é uma loja online amigável para o usuário
MollieCrescimentoDicas de usabilidade para conversão: Como é uma loja online amigável para o usuário
MollieCrescimentoDicas de usabilidade para conversão: Como é uma loja online amigável para o usuário