Idéias de layout para seu site multilíngue: aprimorando a experiência do usuário

Ideias de layout para seu site multilíngue: Aprimorando a experiência do usuário com ConveyThis, usando IA para garantir uma navegação perfeita em vários idiomas.
Transmita esta demonstração
Transmita esta demonstração
loja 4156934 1280

Criar ou projetar um site não é tão fácil quanto escolher entre uma variedade de modelos aquele que você considera o mais legal. Embora a aparência de um site sejam fatores muito importantes, não são as únicas coisas em que você deve pensar antes de tomar uma decisão.

É fato: o sucesso do seu site está ligado ao seu layout, como os usuários se sentem enquanto o estão usando ou navegando. Isso definitivamente influencia seus visitantes para melhor ou para pior em sua opinião sobre seu site e se eles considerarão fazer uma compra.

Sem brincadeiras! De acordo com um relatório da Society of Digital Agencies (SoDA) , uma má experiência do usuário no site é prejudicial para as empresas. Portanto, ter o layout perfeito é um aspecto fundamental do design do site e da experiência do usuário.

Você também deve ter notado que eles compartilham algumas características, isso porque, assim como todas as outras indústrias, as tendências também tomam o mundo do design de assalto. Hoje em dia, imagens sem margens e um design de três colunas estão na moda entre os designers.

Mas aqui está o problema, você deve saber de antemão que qualquer um dos caminhos é válido, ambos têm seus prós e contras. Então, o que você acha que deveria fazer? As opções são aproveitar a familiaridade desses elementos no imaginário coletivo, ou você pode optar por se destacar e chamar a atenção para sua loja fazendo algo totalmente diferente! Não é uma pergunta fácil de responder, e sua escolha vai depender do seu público-alvo.

As características de um ótimo site

Podemos dizer confortavelmente que as possibilidades de grandeza vêm de muitas formas e de muitos lugares, há muito com o que trabalhar, muitas opções, muito potencial. Suas melhores escolhas dependerão do seu público-alvo e do tipo de negócio que você executa. Essas escolhas formam e refletem sua imagem de marca.

De acordo com a Adobe , dois terços das pessoas preferem ler algo com um design bonito do que algo simples quando pressionado pelo tempo; e 38% das pessoas deixarão um site se ele não for atraente. Estas parecem declarações muito gerais, sem muita especificidade. Mas UX e UI estão sempre sendo estudados por especialistas em design, então, ao invés de buscar uma definição de “bonito” segundo um estranho, devemos buscar coisas que podemos tornar belas, e definir o que significa beleza em nosso contexto.

Como nem todos os negócios são iguais, os critérios para um bom site também não vão corresponder, mas podemos falar de todos os diferentes elementos que compõem a tarefa de criar um site e você pode refletir sobre eles pensando também na sua área de negócio. e princípios.

  1. Descomplicado : Coloque espaço entre o seu conteúdo, tente mostrar apenas o que o usuário está interessado. Livre-se dos “enfeites”. Tenha um espaço negativo substancial para que os elementos sejam lidos com mais facilidade.
  2. Interface : Simplifique a navegação. Tenha caminhos diretos de uma seção para outra.
  3. Hierarquia visual : Organize os elementos gráficos em ordem de importância. As coisas mais importantes podem vir primeiro ou podem ocupar mais espaço, ajude seus visitantes a navegar guiando seus olhos pelos diferentes elementos. Por exemplo, as pessoas leem coisas maiores primeiro .
  4. Paleta de cores e escolha de imagem : em poucas palavras, as cores vivas se destacam e, portanto, funcionam muito bem como destaques e, combinadas com as imagens certas, você pode manter seus visitantes interessados por mais tempo!
  5. Compatível com dispositivos móveis : a partir de julho de 2019, o padrão para todos os novos domínios da Web é a indexação em primeiro lugar para dispositivos móveis e também aumentou as classificações de páginas da Web compatíveis com dispositivos móveis nas pesquisas. Portanto, certifique-se de que o layout da sua versão móvel também funcione bem.
  6. Botão de troca de idioma : quando os fatos dizem que vivemos em uma economia transfronteiriça em que o país em que você mora não limita onde você pode comprar, não ter um site multilíngue não é uma opção se você deseja prosperar .

Como são os sites multilíngues?

Ótimas notícias! Você pode relaxar, criar um site multilíngue não é uma provação, é tão fácil quanto adicionar um pequeno botão de idioma a um dos cantos do layout do seu site usando ConveyThis. Fazer negócios online internacionalmente nunca foi tão fácil.

Vamos dar uma olhada em alguns layouts de sites e analisar o que os torna tão atraentes.

Crabtree e Evelyn

site multilíngue

Vamos começar com a Crabtree & Evelyn, uma empresa de corpo e fragrância que começou na Alemanha, mas tornou seus negócios globais com um ótimo layout e opções de idioma.

Como a variedade de produtos é tão grande, eles optaram por não sobrecarregar seus visitantes, cuidando de seu layout e tomando decisões de design cuidadosas, como preencher a tela de sua página inicial primeiro com uma mensagem simples, neste caso, sobre as festas de fim de ano. , e ao rolar para baixo ou clicar no botão “Comprar Agora”, o visitante é direcionado aos produtos.

É um visual realmente sofisticado e clean, os visitantes com certeza ficarão mais tempo, cativados pela experiência. Em relação ao menu, existem duas opções de busca, um botão de busca onde você pode digitar uma palavra-chave, caso tenha restringido o que procura; ou clique no botão comprar e escolha onde ou como deseja explorar, por categoria, por coleção ou confira os conjuntos de presentes.

E agora a coisa mais incrível de todas, o alternador de idioma. Você pode encontrá-lo na parte inferior da página e, ao clicar nele, ele mostra as configurações atuais da loja, com menus suspensos com alternativas.

Gcacrx9aHcLT83pfrM3tsUTkczvFLdifAUuzTIzAc0 JD4ssXXK9W3v1SBX4QgTnq5 VscYbO1yuAM0rT1jyDiLnl9nFx38ItYRKXyF QLupqiwCH4S6cFSd KlOnlGubU7cDiQ

E isso é algo que já falamos anteriormente no artigo sobre tipos de botões de idioma , é fantástico que eles tenham duas opções, uma por área e outra por idioma, porque sabemos que nem todo mundo está navegando em seu idioma ou em seu país. Este site é o exemplo perfeito de um trabalho de localização bem feito. Entre em contato com a equipe do ConveyThis para saber mais informações sobre como você pode tornar seu site mais acolhedor para usuários de todo o mundo!

Casa da Moeda Digital

9Bgi1xjIeqWsHHxUtgmNPV5OqJ8mVeU DG rPp yObUWhRIL 2uI4KnwMHTiU6hSsYVi6 uOnt3D4XEe EqGk6ftiSJRCY0 jVXPvyzljFBbytI

Em primeiro lugar, um trabalho deslumbrante. Ótimas decisões em todos os lugares, você não acha? E uso fantástico de cores para estabelecer áreas de contraste e foco. Vamos listar todas as coisas boas deste site: espaço negativo, fontes de tamanhos diferentes, arte personalizada, cor e tonalidade.

O arranjo dos diferentes elementos de tamanho mostra por onde começar a ler e o espaço branco dá ao leitor tempo para fazer uma pausa.

Aqui temos um exemplo claro de hierarquia visual:

UI60HMa9kr5 TVrbfB6sBOR4krOnGhSznoboGVJKTwjugQ9UAgY clb0vWrpEkZSy8pxhIatF9XNk4odFt1IzVnEI8oVr E468 03Y962iuJW3GXTSSklNTAZ6TugRYMzKOogul9

Do menos ao mais importante: os parceiros de negócios em tons mais claros, “Faça acontecer” em fonte pequena, botão “vamos conversar” com fundo preto e letras brancas, “Evolutionary digital” em fonte grande e em negrito e “marketing” na mesma fonte de antes, mas destacada em verde.

Além disso, os imperativos “Faça acontecer” e “Vamos conversar” também auxiliam o visitante em sua experiência de navegação.

A barra de navegação é tão simples e clara quanto a da Crabtree & Evelyn, e a barra de mídia social à direita é uma ótima opção para empresas que dependem muito da mídia social como ferramenta.

hlPLF9aRT2abusoxAsMPwSqdqCiiQyB0RLyZNnXZURFu0O9hM3oUx8k JJ2yECvMplqEImO1dl4MHTqZN0zP60aHq 0gPnOoq

Você pode encontrar os botões de idioma deles no final da página, eles são pequenos, mas todas as opções são visíveis e suas cores são vivas e muito diferentes da paleta de cores do Digital Menta para que possam ser facilmente encontradas.

Ioga

Aqui temos um exemplo adorável de sites organizados. Há muito espaço negativo e as figuras coloridas são animadas, o que desperta curiosidade nos visitantes! Navegadores casuais definitivamente ficarão e darão uma olhada no resto do site e aprenderão mais sobre Yogang. Projeto brilhante.

Yogang é um jogo divertido para crianças que combina atividade física, relaxamento, compartilhamento e criatividade, e sua página inicial reflete isso. A animação dos diferentes personagens fazendo poses de yoga não é sobre mostrar habilidades de programação, é um reflexo do espírito do produto.

Simultaneamente adorável e um apelo à ação para fazer do Yogang parte da infância de seus filhos. Eles atraem os compradores por impulso com um botão “Comprar” e também ajudam um cliente em potencial a aprender mais sobre o produto primeiro, guiando-o para os tutoriais.

Sua barra de menu mais longa é justificada porque eles vendem B2B e B2C, então eles têm diferentes tipos de visitantes procurando por coisas diferentes e todos eles têm que encontrar o que estão procurando rapidamente.

Seu botão de idioma é um botão discreto com as opções “EN” e “FR”. Eles têm opções de idioma limitadas, mas identificaram claramente seus maiores mercados e se concentraram fortemente em fornecer a melhor experiência possível para o usuário.

Marinho ou cinza

PARA

Muitas artes personalizadas nesta lista, nós sabemos. É um elemento tão versátil e esses sites os usam tão bem para criar uma aparência específica.

Marinho e cinza é o último exemplo desta lista, ele também possui os recursos que elogiamos antes, você também os identificou? É uma experiência muito sofisticada, é cativante. Isso me deixa tranquilo, vendo todo aquele espaço negativo, não estou nem um pouco sobrecarregado com a ideia de navegar neste site e a barra de menu clara me garante que encontrarei o que procuro sem nenhum esforço.

Eu aprecio como eles separaram “Camisas” e “Ternos” no menu, é uma decisão adequada para um negócio de alfaiataria, muitas outras lojas teriam criado subpáginas para esses produtos, e isso também é uma decisão razoável, mas para Marinha ou Cinza, contribui para aquela aparência polida.

Este site, em particular, colocou seu botão de idioma no canto superior direito, e a fonte que eles escolheram é a mesma do resto do site. E no canto inferior esquerdo, eles adicionaram um botão de Whatsapp para contato rápido.

Crie um ótimo site para o seu público

Os sites listados são ótimos porque seguem os princípios gerais do bom design, mas também porque todas as decisões podem ser justificadas, os motivos podem ser a área de negócios em que estão inseridos, mas também pode ser o público-alvo. Portanto, lembre-se de ter em mente a identidade, os ideais e o público da sua empresa ao tomar decisões.

A chave é pensar em como simplificar a busca e como levar o visitante ao que ele procura com o mínimo de cliques.

Resumindo, faça um call to action para seus visitantes assim que eles acessarem a página inicial, e use o espaço negativo para criar contraste e destacar as coisas importantes, como sua mensagem; e por último, mas não menos importante, tenha um menu simples e um botão de idioma.

Você parece pronto para vender internacionalmente, e provavelmente veio com muitas ideias fantásticas enquanto lia este artigo. Saiba mais sobre ConveyThis e aumente suas vendas online!

Comentário (1)

  1. 4 Ecommerces inspiradores que estão fazendo tudo certo
    20 de fevereiro de 2020 Resposta

    [...] Os indicados mencionados têm grandes designers dando tudo de si e trazendo todas as melhores ideias que refletirão todos os ideais da marca em uma loja virtual deslumbrante que transformará visitantes em clientes. [...]

Deixe um comentário

Seu endereço de e-mail não será publicado. Os campos obrigatórios estão marcados*