Diseño web de tiendas electrónicas: defensa de la tipografía
¿Carga rápida? ¡Comprobado! ¿Navegación sencilla? ¡Comprobado! ¿Botones persuasivos de llamada a la acción? ¡Comprobado! ¿Imágenes de productos de alta calidad? ¡Comprobado! ¿Contenido de producto potente? ¡Comprobado! ¿Proceso de pago seguro? ¡Comprobado!
tipografía? ¡¿Realmente?! ¿Importa la tipografía? – Una pregunta que surgiría en la cabeza de muchos de los emprendedores de comercio electrónico que están listos para lanzar su tienda en línea.
La respuesta es ‘SÍ’, ¡y este artículo le demostrará este hecho!
Idealmente, los nuevos empresarios de tiendas electrónicas están llenos de celo y entusiasmo para convertir su tienda física en un negocio en línea rentable. En su prisa por ver que sus sitios web se activen, muchos de estos empresarios podrían centrarse en preguntas más grandes y más amplias; ignorando algunos elementos de diseño pequeños pero de gran impacto como la tipografía.
Pero, el hecho es que la tipografía es uno de los elementos de diseño web más esenciales que, si se ignoran, pueden afectar negativamente los ingresos.
Entonces, vayamos al meollo de la tipografía para comprender su importancia e impacto en las ventas de las tiendas electrónicas:
Tipografía: ¿Qué es exactamente?
Aquí está la definición Wiki :
“La tipografía es el arte y la técnica de organizar los tipos para hacer que el lenguaje escrito sea legible, legible y atractivo cuando se muestra. La disposición del tipo implica la selección de tipos de letra, tamaños de puntos, longitudes de línea, espaciado entre líneas (interlineado) y espaciado entre letras (seguimiento) y el ajuste del espacio entre pares de letras (interletraje)".
Impacto de la tipografía en la experiencia del usuario
La tipografía le habla a tus visitantes.
La gente mira tu página de inicio como un todo, escaneando el texto, el tipo de fuente, el tamaño de las letras y la longitud de las líneas. Ahora, si no encuentran su contenido legible, abandonarán el sitio inmediatamente y saltarán al sitio de su competidor. Esta no es una decisión consciente. Pero el diseño del sitio web (que incluye el tipo, el tamaño de la fuente, el color y los espacios en blanco) los impulsa a hacerlo.
Ha habido un estudio de investigación que prueba el hecho de que los tipos de letra tienen un gran impacto en la forma en que procesamos la información. Un estudio fue realizado por el documentalista ganador del Oscar Errol Morris y se tituló "¿Eres optimista o pesimista?" En este interesante estudio, descubrió que es más probable que los lectores confíen en una declaración si está escrita en la fuente Baskerville que en cualquier otra fuente como Georgia, Comic Sans, Computer Modern, Helvetica o Trebuchet.
Es claramente evidente a partir de este estudio que simplemente tener páginas ricas en palabras clave o contenido de calidad (descripción del producto, imágenes del producto y videos del producto) no es suficiente para generar ventas; pero es igualmente importante tener el tipo y tamaño de fuente correctos en su tienda web.
Seleccionar la tipografía correcta proporcionará una experiencia de usuario excepcional a sus visitantes. Le ayudará a mantener la atención de los visitantes por mucho tiempo; asegurando que los visitantes se centren por completo en los productos/servicios que ofrece. Una atención enfocada te ayudará a impulsar tus ventas.
Impacto de la tipografía en las clasificaciones de Google
El algoritmo de clasificación de búsqueda de Google considera casi 200 señales para clasificar un sitio web. La tipografía, actualmente no ha ganado un lugar en esta lista de factores de clasificación. Por lo tanto, elegir el tipo de letra y el tamaño de fuente correctos no lo ayudarán directamente a clasificarse alto en los SERP.
Sin embargo, todos los diseñadores web de tiendas electrónicas son muy conscientes del hecho de que brindar una buena experiencia de usuario a los visitantes los ayudará a obtener una clasificación más alta en Google en comparación con los sitios web que brindan una experiencia web deficiente. Queda claro desde el punto mencionado anteriormente que la tipografía juega un papel importante para proporcionar una buena experiencia de usuario a los usuarios. Entonces, la ecuación ahora es:
Aquí está la versión de Steve Jobs de la tipografía
Esto es lo que dijo Steve Jobs, justamente conocido como el padrino de las fuentes, sobre la tipografía en uno de los discursos de graduación más inspiradores que pronunció en la Universidad de Stanford:
Factores a considerar antes de seleccionar la tipografía
Ahora que conocemos el impacto de la tipografía en las tasas de conversión, profundicemos para comprender cómo puede tomar decisiones relacionadas con la tipografía:
No existe una fórmula única para la tipografía que pueda funcionar para todas las tiendas electrónicas. Depende de algunos factores críticos como el público objetivo, la imagen de su marca, la industria en la que se encuentra su negocio, si es una empresa B2B o B2C, los productos/servicios que desea vender y el mensaje que desea transmitir a sus visitantes. La evaluación crítica de todos estos factores lo ayudará a seleccionar la tipografía adecuada para su empresa.
Por ejemplo, una empresa B2B debe optar por fuentes como sans serif que les ayuden a ganarse el respeto y la confianza en el espacio digital. Yapstone, un proveedor de servicios de pago en línea, por ejemplo, utiliza el tipo de letra Gotham que le da a la marca una imagen digna de confianza. Gotham incluso se utilizó en el material de campaña de Barack Obama en las elecciones presidenciales de 2008.
Fuente: Yapstone.com
Por otro lado, una tienda electrónica que vende artículos para niños, como ropa o juguetes, debe optar por fuentes que den una sensación lúdica y divertida. Echa un vistazo a cómo childrensplace consigue conquistarnos con su tipografía:
Fuente: Childrensplace.com
Otro factor importante que debe tenerse en cuenta es la audiencia móvil. Dado que cada vez más personas se están cambiando al comercio móvil, debe tener en cuenta la audiencia móvil antes de concentrarse en la tipografía.
En definitiva, después de analizar a fondo los factores mencionados, elige la tipografía que mejor se adapte a tu imagen de marca.
Elementos de tipografía
Está claro que la tipografía mejora la experiencia de tu visitante. He detallado aquí algunos elementos de tipografía para mejorar la clasificación orgánica de su sitio y la experiencia del usuario:
Color:
El color es uno de los elementos más importantes de la tipografía. El color correcto atrae la atención de los visitantes y, al mismo tiempo, los colores deficientes en la página de inicio aumentarán la tasa de rebote de su sitio.
Muchos sitios web populares como Skype, WordPress, Twitter, LinkedIn usan el color azul en su página de inicio. Una de las principales razones detrás de esto es que el color azul simboliza la confiabilidad y la honestidad. Por lo tanto, es vital que los diseñadores web tengan un conocimiento profundo de la psicología del color y su impacto en las conversiones de comercio electrónico. En un experimento, Monetate descubrió que los CTA azules superan a los CTA naranjas en un 9 %.
Fuente: Monetate.com
Sin embargo, hemos visto a Amazon, el minorista de comercio electrónico más grande del mundo, que tiene CTA naranjas en sus páginas de productos. Por lo tanto, es recomendable no pasar por experimentos generalizados y elegir el mejor color que funcione para la imagen de su marca y las conversiones.
Longitud de línea y espacio entre líneas:
Las líneas demasiado largas o demasiado cortas no se verán estéticamente agradables. La longitud de línea promedio es de 45 a 90 caracteres, incluidos los espacios.
El interlineado es la distancia entre dos líneas de texto. El interlineado recomendado es entre 120% y 145% del tamaño de fuente.
Espacio en blanco:
Los espacios en blanco le dan un aspecto elegante al diseño de su sitio web. Una página de producto que está repleta de toda la información sobre el producto, como la descripción del producto, imágenes, videos y CTA, convertirá menos en comparación con una página de producto con información de producto desordenada. Además, facilita que los compradores en línea encuentren fácilmente la información deseada sobre el producto.
Haga un uso adecuado de los espacios en blanco para que las páginas de sus productos sean visualmente impactantes.
Tamaño y tipo de fuente:
Las fuentes juegan un papel importante en la legibilidad del contenido. Los tipos de letra difíciles de leer alejarán a sus visitantes. Alternativamente, los tipos de letra correctos persuadirán a los visitantes a realizar la acción deseada.
Elija el que sea legible, compatible con todos los navegadores y tamaños de pantalla y el que mejor se adapte a su imagen de marca. No utilice más de 2 tipos de letra. Seleccione un tipo de letra para los encabezados y otro para la descripción del producto.
Las fuentes pequeñas o diminutas consumen más tiempo de lectura y, por lo tanto, pueden ahuyentar a los visitantes del sitio web de inmediato. Por lo tanto, asegúrese de que el tamaño de la fuente sea lo suficientemente grande para que los visitantes de la web puedan leer fácilmente el contenido.
Si bien no existe un tamaño de fuente o tipo de letra ideal para los diseños de comercio electrónico, la regla general es seleccionar el que lo haga legible, se adapte a la imagen de su marca y esté de acuerdo con los productos que está vendiendo.
Por ejemplo, de los siguientes 3 tipos de letra, ¿cuál crees que dará la impresión de confianza para una tienda médica en línea?
No es difícil adivinar que los diseñadores web de tiendas electrónicas médicas optarán por la fuente Arial.
Evalúe el rendimiento de su tipografía
Ha establecido el tipo de letra, el tamaño de fuente, los colores de sus CTA y todos los demás elementos de diseño de su tipografía. ¿Pero está funcionando para su sitio web de comercio electrónico?
La mejor manera de saber si la tipografía seleccionada funciona para su tienda electrónica o no, es hacer algunas pruebas de división A/B. Muchos propietarios de tiendas electrónicas afirman que no tienen tiempo para hacer pruebas tipográficas. ¿No es como decir: "No tengo tiempo para parar por gasolina porque estoy ocupado conduciendo"? (Analogía tomada del libro más vendido de Robin Sharma: ‘Un monje que vendió su Ferrari’) Eventualmente, pagará el precio; y las métricas afectadas serían: recuento de visitantes, tasa de rebote y tasa de conversión.
Por otro lado, las pruebas le permitirán saber si la elección de colores, tipo de fuente, tamaño de fuente, tipos de letra y espacios en blanco está teniendo el efecto deseado en sus ventas o no. ¡Sea experimental y vea qué funciona mejor para su público objetivo!
Envolviendolo
La tipografía es un ingrediente clave en la receta de diseño web de comercio electrónico. Un empresario de comercio electrónico que ha gastado miles de dólares en la contratación de una costosa agencia de desarrollo para desarrollar una plataforma de comercio electrónico de vanguardia puede ver fracasar su puesta en marcha de comercio electrónico si se ignora este elemento de diseño básico y crucial.
Debe ser lo suficientemente simple para que sea legible y, al mismo tiempo, lo suficientemente convincente para persuadir al público objetivo de navegar y permanecer más tiempo en el sitio web.
Una tipografía sólida creará una fuerte identidad de marca, atraerá a nuevos visitantes y animará a los clientes a volver a visitar su sitio; aumentando así las ventas y los beneficios de su negocio.
¿Está enviando el mensaje correcto a sus posibles clientes con tipografía? ¿Qué tipos de letra está utilizando para que su empresa tenga el máximo de conversiones? Comparta sus ideas o preguntas con nosotros en los comentarios a continuación.