Ideas de diseño para su sitio web multilingüe

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 tienes que pensar antes de tomar una decisión.

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

No kidding!  According to a report from the Society of Digital Agencies (SoDA), a poor website user experience is detrimental to businesses. So having the perfect layout is a pivotal aspect of website and user experience design. 

Es posible que también haya notado que comparten algunas características, eso es porque al igual que todas las demás industrias, las tendencias también toman el mundo del diseño por sorpresa. Hoy en día las imágenes de sangrado completo y un diseño de tres columnas son toda la furia con los diseñadores.

Pero aquí está el problema, usted debe saber de antemano que cualquiera de los 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 puede decidir destacar y llamar la atención a su 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.

According to Adobe, two-thirds of people would rather read something beautifully designed than something plain when pressed for time; and 38% of people will leave a website if it’s unattractive. These seem like very general statements lacking a lot of specificity. But UX and UI are always being studied by design experts, so instead of looking for a definition of “beautiful” according to a stranger, we should look for things that we could turn beautiful, and define what beauty means in our context.

Dado que no todas las empresas 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 usted puede reflexionar sobre ellos mientras que también pensar en su área de negocio y principios.

1. Libre de desorden: Ponga espacio entre su contenido, trate de mostrar sólo lo que el usuario está interesado en. Deshazte de los "adornos". Tener espacio negativo subestadial para que los elementos se lean más fácilmente.
2. Interfaz: Haga que la navegación sea sencilla. Tener rutas directas de una sección a otra.
3. Visual hierarchy: Arrange the graphic elements in order of importance. The most important things can come first or can occupy the most space, help your visitors navigate by guiding their eyes through the different elements. For example, people read bigger things first.
4. Paleta de colores y elección de imagen: En pocas palabras, los colores brillantes se destacan y por lo tanto funcionan muy bien como acentos, y emparejados con las imágenes correctas puede mantener a sus visitantes interesados por más tiempo!
5. Mobile-friendly: As of July 2019, the default for all new web domains is mobile-first indexing and also boosted ranks of mobile-friendly webpages in searches. So make sure that the layout of your mobile version also works well.
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 en varios idiomas no es una opción si estás buscando prosperar.

¿Qué aspecto tienen los sitios web en varios idiomas?

¡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 lo que los hace tan atractivos.

Crabtree & Evelyn

Comencemos con Crabtree & Evelyn, una empresa de carrocería y fragancia que comenzó en Alemania pero ha tomado su negocio global con un gran diseño y opciones de lenguaje.

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

Es un aspecto muy 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 puede escribir una palabra clave, si ha reducido lo que está buscando; o haga clic en el botón de la tienda y, a continuación, elija dónde o cómo desea explorar, por categoría, por colección o echa un vistazo a los conjuntos de regalos.

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.

And this is something we’ve talked about previously on the article on types of language buttons, it’s fantastic that they have two options, one for area and the other for language, because we know that not everyone is browsing in their language or in their country. This website is the perfect example of a well done localization job. Contact the ConveyThis team to find out more information on how you can make your website more welcoming to users all over the world!

Menta digital

En primer lugar, un trabajo impresionante. Grandes decisiones por todas partes, ¿no crees? Y un fantástico uso del color para establecer áreas de contraste y enfoque. Vamos a enumerar 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:

De menos a lo más importante: los socios comerciales en tonos más claros, "Hacer que suceda" en una fuente pequeña, botón "hablemos" con fondo negro y letras blancas, "Digital evolutivo" en una fuente grande y en negrita, y "marketing" en la misma fuente que antes, pero resaltado con verde.

Además, los imperativos "Hacer 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 Crabtree & Evelyn's, y la barra de medios sociales a la derecha es una gran opción para las empresas que dependen en gran medida de las redes sociales como una herramienta.

Puedes 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.

Yogang

Aquí tenemos un ejemplo adorable de sitios web ordenados. Hay mucho espacio negativo y las figuras de color están animadas, ¡esto infunde una sensación 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.

Simultáneamente adorable y un llamado a la acción para hacer Que Yogang sea parte de la infancia de tus hijos. Atraen a los compradores de impulso con un botón "Comprar" y también ayudan a un cliente potencial a aprender más sobre el producto primero guiándolos 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 lenguaje estrechas, pero identificaron claramente sus mercados más grandes y se han centrado en gran medida en proporcionar la mejor experiencia posible para el usuario.

Azul marino o gris

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

La Marina y Grey es el último ejemplo de esta lista, también tiene las características que hemos elogiado antes, ¿también las identificó? Es una experiencia muy sofisticada, cautivadora. Me hace sentir tranquilo, viendo todo ese espacio negativo, no estoy abrumado en absoluto por la idea de navegar por este sitio web y la barra de menú clara me asegura que voy a encontrar lo que estoy buscando sin ninguna lucha.

Agradezco cómo han separado "Camisetas" 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 eso también es una decisión razonable, pero para La Marina 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, debido a que todas las decisiones pueden ser justificadas, las razones pueden ser el área de negocio 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 tomar decisiones.

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

En pocas palabras, brinde a sus visitantes una llamada a la acción tan pronto como accedan a la página de inicio, y use el espacio negativo para crear contraste y resaltar las cosas importantes, como su mensaje; y por último, pero no menos importante, tener un menú sencillo 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!