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

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

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

Sério! De acordo com um relatório da Society of Digital Agencies (SoDA) , uma experiência ruim do usuário em um site é prejudicial para as empresas. Então, ter o layout perfeito é um aspecto essencial do design de experiência do usuário e do site.

Você também pode 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 sangradas 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 caminho é válido, ambos têm seus prós e contras. Então, o que você acha que deve fazer? As opções são aproveitar a familiaridade desses elementos no imaginário coletivo, ou você pode decidir 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 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ê administra. Essas escolhas formam e refletem a imagem da sua marca.

De acordo com a Adobe, dois terços das pessoas preferem ler algo bem projetado do que algo simples quando estão com pressa; e 38% das pessoas abandonam 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 serão os mesmos, mas podemos falar sobre todos os diferentes elementos que compõem a tarefa de projetar um site e você pode refletir sobre eles enquanto também pensa na sua área de negócios e princípios.

1. Sem desordem : Coloque espaço entre seu conteúdo, tente exibir apenas o que o usuário está interessado. Livre-se dos “ornamentos”. Tenha espaço negativo substancial para que os elementos sejam lidos mais facilmente.
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 imagens : em poucas palavras, cores brilhantes se destacam e, portanto, funcionam muito bem como detalhes. Além disso, combinadas com as imagens certas, você pode manter o interesse dos seus visitantes 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 mobile-first e também aumentou a classificação de páginas da web otimizadas para 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, onde o país em que você vive não limita onde você pode comprar, não ter um site multilíngue não é uma opção se você quer 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

Vamos começar com a Crabtree & Evelyn, uma empresa de produtos para o corpo e fragrâncias que começou na Alemanha, mas que expandiu seus negócios para o mundo todo com um ótimo layout e opções de idiomas.

Como a variedade de produtos é tão grande, eles optaram por não sobrecarregar seus visitantes, cuidando do layout e tomando decisões de design cuidadosas, como preencher a tela da página inicial primeiro com uma mensagem simples, neste caso, sobre a temporada de férias, e quando você rola para baixo ou clica no botão "Comprar agora", o visitante é levado aos produtos.

É um visual realmente sofisticado e limpo, os visitantes definitivamente ficarão mais tempo, cativados pela experiência. Em relação ao menu, há duas opções de busca, um botão de busca onde você pode digitar uma palavra-chave, se tiver restringido o que está procurando; ou clicar no botão de loja e, em seguida, escolher onde ou como deseja explorar, por categoria, por coleção ou conferir os conjuntos de presentes.

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

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 para área e outra para 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 ConveyThis para saber mais informações sobre como você pode tornar seu site mais acolhedor para usuários em todo o mundo!

Casa da Moeda Digital

Primeiro de tudo, um trabalho impressionante. Ótimas decisões em todos os lugares, não acha? E uso fantástico de cores para estabelecer contraste e áreas de foco. Vamos listar todas as coisas boas sobre este site: espaço negativo, fontes de tamanhos diferentes, arte personalizada, cor e matiz.

A disposição dos elementos de tamanhos diferentes mostra onde começar a leitura e o espaço em branco dá ao leitor tempo para fazer uma pausa.

Aqui temos um exemplo claro de hierarquia visual:

Do menos para o 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, “Digital evolucionário” em fonte grande e em negrito, e “marketing” na mesma fonte de antes, mas destacado 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 escolha para empresas que dependem muito das mídias sociais como ferramenta.

Você pode encontrar os botões de idioma na parte inferior da página. Eles são pequenos, mas todas as opções são visíveis e suas cores são brilhantes e muito diferentes da paleta de cores do Digital Menta, então eles podem ser facilmente encontrados.

Yogang

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

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

Simultaneamente adorável e um chamado à ação para fazer Yogang parte da infância dos seus filhos. Eles apelam aos compradores impulsivos 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.

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

O botão de idioma deles é 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

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

Navy and Grey é o último exemplo desta lista, ele também tem os recursos que elogiamos antes, você os identificou também? Ele cria uma experiência muito sofisticada, é cativante. Ele me faz sentir calmo, vendo todo aquele espaço negativo, não estou nem um pouco sobrecarregado pela ideia de navegar neste site e a barra de menu clara me garante que encontrarei o que estou procurando sem nenhuma luta.

Gostei da maneira 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 essa também é uma decisão razoável. Mas, para azul-marinho ou cinza, contribui para aquele visual elegante.

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 do Whatsapp para contato rápido.

Crie um ótimo site para 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, mas também pode ser o público-alvo. Então, lembre-se de ter em mente a identidade, os ideais e o público do seu negócio ao tomar decisões.

O segredo é pensar em como simplificar a pesquisa e como levar seu visitante ao que ele está procurando com o mínimo de cliques.

Resumindo, faça um apelo à ação aos seus visitantes assim que eles acessarem a página inicial e use espaço negativo para criar contraste e destacar 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 teve muitas ideias fantásticas enquanto lia este artigo. Saiba mais sobre ConveyThis e aumente suas vendas online!