Tendencias de diseño en e-commerce
La industria e-commerce crece por momentos. Invesp ha realizado una encuesta a los 230 mejores sitios web del mercado actual, creando la infografía que vamos a comentar a continuación y obteniendo los datos finales con una muestra de 200 encuestas. Esta infografía bajo el nombre “Desing trends of top 200 e-commercewebsite» proporciona información sobre la experiencia del usuario y el proceso de compra.
Cuando el usuario se encuentra en la página de compra, ¿La página cuenta con un botón para continuar la compra? Casi el 80 % de los encuestados afirman contar con dicho botón pues es una forma de incrementar el pedido del usuario y obtener mayores ventas.
Tras esta cuestión se plantean 3 preguntas relacionadas:
- ¿El botón “continuar comprando” es del mismo color que “proceder a la compra”? El 88% de los e-commerce encuestados dicen diferenciar el color de los botones, mientras que el 12% de ellos afirma usar el mismo color en ambos botones. Esto puede deberse a que al diferenciar los botones y utilizar un color más llamativo en “continuar comprando” se capte la atención del cliente. De este modo, el usuario podrá volver a ojear el catálogo de productos del e-commerce pudiendo así obtener más productos e incrementar el precio de su pedido.
- ¿El botón “continuar comprando” es del mismo tamaño que “proceder a la compra”? El 35% afirma utilizar el mismo tamaño para los botones, por lo que el 65% restante juega con los tamaños de dichos botones quizás para poder influir en la decisión del cliente. Es decir, si el tamaño del botón de “continuar comprando” duplica el de “proceder a la compra” hay un alto porcentaje de que los usuarios hagan clic en el botón más grande y visible.
- ¿Ambos botones tienen el mismo tamaño y apariencia? El 79% de los e-commerce encuestados afirman tener el mismo tamaño y apariencia de estos botones. Esto puede deberse a dar un aspecto limpio y cuidado del sitio web.
A la pregunta, ¿El sitio web cuenta con un chat online en la página de carrito de compra? El 82% de los encuestados no cuentan con un servicio de chat online en esta página.
¿El e-commerce cuenta con asistencia telefónica en la página de carrito de compra? El 58% de los encuestados afirma contar con un teléfono de contacto. Esta práctica puede ser empleada por parte de los e-commerce en caso de que el usuario tenga cualquier incidencia a la hora de efectuar el pago o con su pedido.
¿Dispone el sitio web de un cajón para aplicar los códigos de descuento o promociones? En esta cuestión en concreto el 50% de los e-commerce emplean está práctica en su página, mientras que el otro 50% de los e-commerce no. Imaginamos que los e-commerce que habilitan un espacio en su página de carrito de compra para que los usuarios puedan teclear su código promocional no tiene otra función que incentivar la compra.
¿El sitio web ofrece múltiples opciones de envío? El 68% de los e-commerce ofrecen diferentes formas de envío. Esto puede deberse a facilitar la compra del usuario, pues cuantas más formas de envío ofrezca más cómodo se encontrara el usuario y más venderá ese e-commerce.
Adjuntamos la infografía completa para que podáis extraer vuestras propias conclusiones. Al tratar esta temática, hemos decidido concluir el artículo con las tendencias sobre diseño web que se están llevando en este 2013 de una forma más genérica:
a) Diseño Responsive.
Esta tendencia se hizo novedosa en el 2012. Cada vez son más los e-commerce que han hecho de esta tendencia una tendencia indispensable para su negocio. Contar con este diseño que se adapta a la perfección al tamaño de cada pantalla según el dispositivo es una tendencia que estamos seguros que se seguirá desarrollando durante los próximos años. Los usuarios acceden desde cualquier lugar y dispositivo a los sitios web, por lo que contar con este diseño proporciona a vuestra página mayor visibilidad.
b) Encabezados fijos.
Los encabezados fijos quizás sea la tendencia más empleada a lo largo de este año junto con el «Diseño Responsive». Permite ahorrar al usuario tener que hacer scroll para volver a la home. Además, el contar con un encabezado fijo os permitirá que el usuario continuamente este viendo vuestra marca o nombre, logrando así un mayor recuerdo por su parte.
c) Jerarquía del contenido.
La jerarquización del contenido cuenta con grandes ventajas. Como hemos hablado anteriormente en el apartado de «tipografías y color», las grandes tipografías están en auge. Ir de más a menos hace el contenido visible, claro a la hora de leer y diferenciar los puntos tratados de forma esquemática, pero lo más importante es que ayudará a posicionar bien la página web pues Google tiene en cuenta esta cuestión para posicionar en su buscador.
El empleo de la negrita también es una tendencia que se ha puesto muy de moda, pues con ella centras la atención del lector haciendo más énfasis en esa frase o palabra. Como en cada uno de los puntos tratados entra en juego los gustos de cada uno, si se diferencia el contenido por tamaño, color…
d) Navegación sencilla.
Los visitantes deben saber cómo navegar en un sitio web. Se debe hacer una home intuitiva donde sea fácil encontrar la información que el usuario demanda. En este caso concreto, los menús y los buscadores juegan un gran papel pues ayudan a facilitar la búsqueda a los visitantes encontrando así en el menor tiempo posible aquello que desean adquirir.
e) Imágenes y vídeos.
Muchos diseñadores afirman que las imágenes a tamaño completo llaman la atención del usuario. Esta tendencia de utilizar grandes imágenes que cubran toda la Home se ha hecho más que evidente en este último año.
Son muchas las páginas que apoyan su contenido con imágenes ilustrativas o las famosas infografías explicativas. Este tipo de imágenes facilitan al usuario entender la información con tan solo un vistazo. Esta tendencia ha dado pie a redes sociales como Pinterest y cada día coge más fuerza. Las imágenes tienen un gran papel en los e-commerce, pues permite al usuario visualizar el producto que demanda. Muchas páginas web muestran varias imágenes permitiendo al usuario conocer más características del producto y hacerse una idea de su tamaño, peso, conocer el color o variedad de colores del producto…
Otra nueva tendencia en lo que a e-commerce se refiere es la “vista previa”, es decir, mover el cursor del ratón encima de la imagen y se abre una mini-venta que permite ampliar el tamaño de la imagen con las medidas necesarias para visualizar bien el producto sin necesidad de salir de la página en la que se encuentra el usuario.
Los vídeos están más presentes cada día que pasa. Los internautas comienzan a estar cansado del exceso de información que hay en la red, por lo que muchas veces prefieren obtener la información a través de un vídeo que es más ameno y dinámico. Estos vídeos de los que hablamos van más allá que los vídeos tutoriales. Esta tendencia ha dado pie a lo que hoy conocemos como vídeo marketing.
f) Tipografía.
La tipografía del sitio web debe pensarse a fondo. Dependiendo del tipo de página que deseéis tener usaréis una u otra, es decir, si vuestra página web tiene mucho contenido y los usuarios van a leer varios artículos en la misma, una tipografía de palo seco sería la elección perfecta pues facilita la lectura. La tipografía debe ser elegida en función a lo que quiera transmitir el sitio web.
En este último año hemos observado un crecimiento en el uso de fuentes con gran tamaño. Otra tendencia que se lleva mucho es el empleo de las negritas en los textos, pues permite hacer un mayor énfasis en una frase del documento.
Referencias:
Design Trends of Top200 eCommerce Sites by- Invesp
