Ideas de diseño para su sitio web multilingüe: mejora de la experiencia del usuario

Ideas de diseño para su sitio web multilingüe: mejora de la experiencia del usuario con ConveyThis, utilizando IA para garantizar una navegación fluida en varios idiomas.
Transmitir esta demostración
Transmitir esta demostración
tienda 4156934 1280

Crear o diseñar un sitio web no es tan fácil como elegir entre una variedad de plantillas la que consideres más genial. Si bien la apariencia de un sitio web son factores muy importantes, no son las únicas cosas en las que debe pensar antes de tomar una decisión.

Es un hecho: el éxito de tu sitio web está ligado a su diseño, a cómo se sienten los usuarios mientras lo usan o navegan. Esto definitivamente influye en sus visitantes para bien o para mal en su opinión sobre su sitio y si considerarán hacer una compra.

¡No es broma!  Según un informe de la Sociedad de Agencias Digitales (SoDA), una mala experiencia de usuario del sitio web es perjudicial para las empresas. Por lo tanto, tener el diseño perfecto es un aspecto fundamental del diseño del sitio web y la experiencia del usuario.

Es posible que también haya notado que comparten algunas características, eso se debe a que, al igual que todas las demás industrias, las tendencias también conquistan el mundo del diseño. Hoy en día, las imágenes con sangrado completo y un diseño de tres columnas están de moda entre los diseñadores.

Pero aquí está el problema, debes saber de antemano que cualquiera de los dos caminos es válido, ambos tienen sus pros y sus contras. Entonces, ¿qué crees que deberías hacer? Las opciones son aprovechar la familiaridad de estos elementos en el imaginario colectivo, o puedes decidir sobresalir y llamar la atención sobre tu tienda haciendo algo muy diferente. No es una pregunta fácil de responder y su elección dependerá de su público objetivo.

Las características de un gran sitio web

Podemos decir cómodamente que las posibilidades de grandeza vienen en muchas formas y de muchos lugares, hay mucho con lo que trabajar, muchas opciones, mucho potencial. Sus mejores opciones dependerán de su público objetivo y del tipo de negocio que dirija. Estas opciones se forman y reflejan su imagen de marca.

Según Adobe, dos tercios de las personas prefieren leer algo bellamente diseñado que algo simple cuando se presiona por el tiempo; Y el 38% de las personas abandonará un sitio web si no es atractivo. Estas parecen declaraciones muy generales que carecen de mucha especificidad. Pero UX y UI siempre están siendo estudiados por expertos en diseño, por lo que en lugar de buscar una definición de "hermoso" según un extraño, debemos buscar cosas que podamos convertir en hermosas y definir qué significa belleza en nuestro contexto.

Como no todos los negocios son iguales, los criterios para un buen sitio web tampoco coincidirán, pero podemos hablar de todos los diferentes elementos que componen la tarea de diseñar un sitio web y puedes reflexionar sobre ellos pensando también en tu área de negocio. y principios

  1. Libre de desorden : Pon espacio entre tu contenido, trata de mostrar solo lo que le interesa al usuario. Deshazte de los “adornos”. Tenga un espacio negativo sustancial para que los elementos se lean más fácilmente.
  2. Interfaz : simplifica la navegación. Tener caminos directos de una sección a otra.
  3. Jerarquía visual: Organiza los elementos gráficos por orden de importancia. Las cosas más importantes pueden venir primero o pueden ocupar la mayor cantidad de espacio, ayudar a sus visitantes a navegar guiando sus ojos a través de los diferentes elementos. Por ejemplo, la gente lee cosas más grandes primero.
  4. Paleta de colores y elección de imágenes : en pocas palabras, los colores brillantes se destacan y, por lo tanto, funcionan muy bien como acentos, y combinados con las imágenes adecuadas, ¡puede mantener a sus visitantes interesados por más tiempo!
  5. Compatible con dispositivos móviles: a partir de julio de 2019, el valor predeterminado para todos los dominios web nuevos es la indexación móvil primero y también aumentó los rangos de páginas web optimizadas para dispositivos móviles en las búsquedas. Así que asegúrese de que el diseño de su versión móvil también funcione bien.
  6. Botón de cambio de idioma : cuando los hechos dicen que vivimos en una economía transfronteriza donde el país en el que vives no limita dónde puedes comprar, no tener un sitio web multilingüe no es una opción si buscas prosperar. .

¿Cómo son los sitios web multilingües?

¡Buenas noticias! Puede relajarse, crear un sitio web en varios idiomas no es un calvario, es tan fácil como añadir un pequeño botón de idioma a una de las esquinas del diseño de su sitio web utilizando ConveyThis. Hacer negocios en línea a nivel internacional nunca ha sido tan fácil.

Echemos un vistazo a algunos diseños de sitios web y analicemos qué los hace tan atractivos.

Crabtree y Evelyn

sitio web multilingüe

Comencemos con Crabtree & Evelyn, una empresa de fragancias y cuerpo que comenzó en Alemania pero ha globalizado su negocio con un gran diseño y opciones de idioma.

Dado que la variedad de productos es tan amplia, han optado por no abrumar a sus visitantes al cuidar su diseño y tomar decisiones de diseño cuidadosas, como llenar la pantalla de su página de inicio primero con un mensaje simple, en este caso, sobre la temporada navideña. , y cuando se desplaza hacia abajo o hace clic en el botón "Comprar ahora", el visitante es dirigido a los productos.

Es un aspecto realmente sofisticado y limpio, los visitantes definitivamente se quedarán más tiempo, cautivados por la experiencia. En cuanto al menú, hay dos opciones para buscar, un botón de búsqueda donde puedes escribir una palabra clave, si has acotado lo que buscas; o haz clic en el botón de comprar y luego elige dónde o cómo quieres explorar, por categoría, por colección, o echa un vistazo a los juegos de regalo.

Y ahora, lo más asombroso de todos, el cambiador de idiomas. Puede encontrarlo en la parte inferior de la página, y cuando hace clic en él, le muestra la configuración actual de la tienda, con menús desplegables con alternativas.

Gcacrx9aHcLT83pfrM3tsUTkczvFLdifAUuzTIzAc0 JD4ssXXK9W3v1SBX4QgTnq5 VscYbO1yuAM0rT1jyDiLnl9nFx38ItYRKXyF QLupqiwCH4S6cFSd KlOnlGubU7cDiQ

Y esto es algo de lo que hemos hablado anteriormente en el artículo sobre tipos de botones de idioma, es fantástico que tengan dos opciones, una por área y otra por idioma, porque sabemos que no todos están navegando en su idioma o en su país. Este sitio web es el ejemplo perfecto de un trabajo de localización bien hecho. ¡Póngase en contacto con el equipo de ConveyThis para obtener más información sobre cómo puede hacer que su sitio web sea más acogedor para los usuarios de todo el mundo!

Digital Menta

9Bgi1xjIeqWsHHxUtgmNPV5OqJ8mVeU DG rPp yObUWhRIL 2uI4KnwMHTiU6hSsYVi6 uOnt3D4XEe EqGk6ftiSJRCY0 jVXPvyzljFBbytI

En primer lugar, impresionante trabajo. Grandes decisiones por todas partes, ¿no crees? Y fantástico uso del color para establecer áreas de contraste y enfoque. Enumeremos todas las cosas buenas de este sitio: espacio negativo, fuentes de diferentes tamaños, ilustraciones personalizadas, color y tinte.

La disposición de los diferentes elementos de tamaño muestra dónde empezar a leer y el espacio en blanco le da al lector tiempo para pausar.

Aquí tenemos un claro ejemplo de jerarquía visual:

UI60HMa9kr5 TVrbfB6sBOR4krOnGhSznoboGVJKTwjugQ9UAgY clb0vWrpEkZSy8pxhIatF9XNk4odFt1IzVnEI8oVr E468 03Y962iuJW3GXTSSklNTAZ6TugRYMzKOogul9

De menos a más importante: los socios comerciales en tonos más claros, "Haz que suceda" en letra pequeña, botón "hablemos" con fondo negro y letras blancas, "Evolutivo digital" en letra grande y en negrita, y "marketing" en la misma fuente que antes pero resaltada en verde.

Además, los imperativos "Haz que suceda" y "Hablemos" también ayudan al visitante en su experiencia de navegación.

La barra de navegación es tan simple y clara como la de Crabtree & Evelyn, y la barra de redes sociales a la derecha es una excelente opción para las empresas que dependen en gran medida de las redes sociales como herramienta.

hlPLF9aRT2abusoxAsMPwSqdqCiiQyB0RLyZNnXZURFu0O9hM3oUx8k JJ2yECvMplqEImO1dl4MHTqZN0zP60aHq 0gPnOoq

Puede encontrar sus botones de idioma en la parte inferior de la página, son pequeños, pero todas las opciones son visibles y sus colores son brillantes y muy diferentes a la paleta de colores de Digital Menta, por lo que se pueden encontrar fácilmente.

Yoga

Aquí tenemos un adorable ejemplo de sitios web ordenados. Hay mucho espacio negativo y las figuras de colores están animadas, ¡esto infunde un sentimiento de curiosidad en los visitantes! Los navegadores casuales definitivamente se quedarán y echarán un vistazo al resto del sitio web y aprenderán más sobre Yogang. Diseño brillante.

Yogang es un divertido juego para niños que combina actividad física, relajación, compartir y creatividad, y su página de inicio refleja eso. La animación de los diferentes personajes que hacen poses de yoga no se trata de mostrar habilidades de programación, es un reflejo del espíritu del producto.

A la vez adorable y una llamada a la acción para que Yogang forme parte de la infancia de tus hijos. Atraen a los compradores impulsivos con un botón "Comprar" y también ayudan a un cliente potencial a aprender más sobre el producto primero al guiarlo a los tutoriales.

Su barra de menú más larga se justifica porque venden B2B y B2C, por lo que tienen diferentes tipos de visitantes que buscan cosas diferentes y todos tienen que encontrar lo que buscan rápidamente.

Su botón de idioma es un botón discreto con las opciones "EN" y "FR". Tienen opciones de idioma limitadas, pero identificaron claramente sus mercados más grandes y se han centrado en gran medida en brindar la mejor experiencia posible para el usuario.

Azul marino o gris

A

Un montón de obras de arte personalizadas en esta lista, lo sabemos. Es un elemento tan versátil y estos sitios web los usan muy bien para crear una apariencia específica.

Azul marino y gris es el último ejemplo de esta lista, también tiene las características que hemos elogiado antes, ¿las identificaste también? Es una experiencia muy sofisticada, es cautivadora. Me hace sentir tranquilo ver todo ese espacio negativo, no me abruma en absoluto la idea de navegar por este sitio web y la barra de menú clara me asegura que encontraré lo que estoy buscando sin ningún problema.

Aprecio como han separado “Camisas” y “Trajes” en el menú, es una decisión adecuada para un negocio de sastrería, muchas otras tiendas habrían creado subpáginas para estos productos, y esa también es una decisión razonable, pero para Navy o Grey, contribuye a ese aspecto pulido.

Este sitio web en particular, ha puesto su botón de idioma en la parte superior derecha, y la fuente que han elegido es la misma que el resto del sitio web. Y en la parte inferior izquierda, han añadido un botón de Whatsapp para un contacto rápido.

Diseña un gran sitio web para tu audiencia

Los sitios web enumerados son geniales porque siguen los principios generales del buen diseño, pero también porque todas las decisiones pueden estar justificadas, las razones pueden ser el área comercial en la que se encuentran, pero también puede ser el público objetivo. Así que recuerda tener en cuenta la identidad, los ideales y la audiencia de tu negocio al momento de tomar decisiones.

La clave es pensar en cómo simplificar la búsqueda y cómo llevar a tu visitante a lo que busca con la menor cantidad de clics.

En pocas palabras, brinde a sus visitantes un llamado a la acción tan pronto como accedan a la página de inicio y use espacios negativos para crear contraste y resaltar las cosas importantes, como su mensaje; y por último, pero no menos importante, tener un menú simple y un botón de idioma.

Te ves listo para vender internacionalmente, y probablemente se te ocurrió un montón de ideas fantásticas mientras lees este artículo. ¡Aprende más sobre ConveyThis y aumenta tus ventas online!

Comentario (1)

  1. 4 comercios electrónicos inspiradores que lo están haciendo todo bien
    20 de febrero de 2020 Respuesta

    [...] Los nominados mencionados tienen grandes diseñadores dándole todo y aportando todas las mejores ideas que reflejarán todos los ideales de la marca en una impresionante tienda virtual que convertirá a los visitantes en clientes. [...]

Dejar un comentario

Su dirección de correo electrónico no será publicada. Los campos obligatorios están marcados*