A la hora de diseñar una tienda online debemos empezar por lo básico. ¿Qué quieren nuestros clientes? ¿qué esperan de nuestra página web? ¿cómo podemos mejorar su experiencia de usuario? Conocer lo que nuestra tienda online debe contener, antes de siquiera empezar a diseñarla, es básico.
Una vez resueltas estas dudas, deberemos conocer cómo debemos disponer los elementos en la tienda online. Para esto existen herramientas de ayuda que sirven para conocer cómo se comportan nuestros clientes en una página web. Pero para ello tenemos primero que tener la tienda online montada e ir modificándola probando que les facilita la compra a tus usuarios. Una herramienta muy útil es Hotjar, con ella puedes obtener información básica para saber qué elementos son los más usados y a los que más recurren tus usuarios.
Aquí te dejo una lista con los elementos básicos que debe contener una tienda online, y cómo adaptarlos a las necesidades concretas de cada tienda. Así podrás generar mejores ventas a través de tu tienda online y readáptala al gusto de tus clientes.
Barra de búsqueda
La barra de búsqueda debe situarse en un lugar visible, con el objetivo de llamar a la acción en el caso de que algún usuario quiera interactuar con algún elemento que no esté visible en la primera página. Esta herramienta es habitualmente una de las más usadas por los internautas y es necesario tenerla en cuenta desde el punto de vista del diseño para que los usuarios accedan rápidamente a aquello que desean.
En cuanto a la versión móvil, es recomendable que se coloque justo debajo del logo, en la parte alta, junto al menú, o dentro de él si la página así lo requiere.
Carrito de la compra
Las técnicas de diseño de carrito de la compra están más enfocadas a llenarlo y realizar una conversión que en el lugar de la página donde se encuentre.
Realiza técnicas de diseño emocional con el objetivo de que tus clientes disfruten con la experiencia de la compra. Así serán más proclives a comprar en tu tienda online y, sobre todo, ayuda a que crear reconocimiento de marca. No dudes en aplicar todas las técnicas disponibles, incluyendo adaptar la tienda online a tu marca (si tienes una web preminentemente roja, puedes usar iconos rojos si el diseño lo permite). También puedes usar el sentido del humor siempre que puedas. Aquí te pongo un ejemplo de la cesta de la compra de PepUp, una tienda online que realizamos hace poco.
Lo más importante en cuanto al diseño del carrito de compra es mantener un diseño claro, amigable y que haga muy fácil la navegación. Adicionalmente, también podremos mantener una estrategia de gamificación incitando, a través de retos o premios (como envío gratis), a desbloquear productos según se vayan añadiendo.
Slider
El slider es la imagen grande que puede ocupar la pantalla principal. Aunque lo ideal es que el slider sea fijo. Pero si es dinámico el máximo recomendable son 3 diapositivas. Lo recomendable es que las imágenes se correspondan a una campaña temporal, aunque también pueden tener otro objetivo. Sea como sea, es recomendable cambiarla cada cierto tiempo.
El contenido del slider debe contener la información clara sobre tu tienda online para que el cliente que lo vea sepa con una claridad suficiente qué estás vendiendo. También puedes realizar llamadas a la acción para momentos o promociones concretas. Recuerda, nuestro principal objetivo es que nuestro cliente se lo pase bien en nuestra tienda online.
Menú
El menú es un aspecto cuya usabilidad dependerá en gran medida de si el usuario accede a través de ordenador o de un aparato móvil. Si llega desde un ordenador, será lo primero que vea al aterrizar en tu tienda online. Si llega desde un dispositivo móvil, lo más recomendable es ponerlo como un desplegable.
En el ordenador, al tener una pantalla más grande, el usuario podrá ver mejor todos los elementos del menú, así que será bastante útil para que éste se guíe a través de la página web. Aun así, debe contener entre 3 y 8 elementos, con el objetivo de no abarrotar la tienda online.
A la hora de escoger qué grupos se deben exponer, céntrate en los grupos jerárquicos, no en productos concretos, salvo si lo más visitado es esto último, entonces si es una buena opción usarlo. Otra opción es incluir ofertas según la época del año que sea, basándonos en productos típicos de un periodo concreto o en festividades concretas.
Lo realmente importante es resumir. Lo bueno, si es breve, dos veces bueno. No uses dos palabras cuando puedas usar una. En el menú también puedes incluir otros aspectos ajenos, como un blog si existiese o submenús con fotos o banners promocionales.
Opciones de filtrado
A pesar de ser muy típicos en las páginas de categoría o producto, también se pueden utilizar en la página principal si esta contiene productos, con el objetivo de que los clientes puedan acceder a los productos de una manera más rápida y sencilla.
En cuanto a los filtros, usa todos los que se te ocurran, aunque generalmente es bueno escuchar a nuestros clientes y aprender de los filtros que nos puedan proponer en los comentarios. También es bueno hacer un filtro sobre el uso en vez del objeto en sí mismo.
Aunque lo ideal es que fuese desplegable, no es obligatorio, especialmente si existen pocos filtros. Aun así, la posición ideal es uno de los márgenes laterales.
Productos en la home
¿Qué es una tienda sin un escaparate? Muestra los productos más interesantes en la página principal de tu tienda online para llamar la atención de tu cliente y enlazarlo hacia las páginas de tu producto.
También es ideal demostrar por qué ese producto debe estar en el escaparate. Entre estos motivos pueden destacar el que sea una novedad, últimas unidades, o incluso una serie de productos en oferta. En el caso de que sea una característica que pueda llamar a las ventas, aprovéchala siempre que puedas.
Social Media
Al final de la página, antes del footer, o pie de página, puedes incluir una sección en la que pongas opiniones positivas que tengan los clientes de ti. También puedes incluir fotos que hayan hecho tus clientes sobre ti, o aprovechar el contenido que los clientes hayan dejado en las redes sociales a tu favor e incluirlo.
En cuanto a lo que respecta a las acciones que puedes hacer apoyado en las redes sociales, debido a su juventud, son amplias, y no está todo inventado, así que puedes realizar casi cualquier acción innovadora, con la seguridad de que casi siempre te saldrá bien.
Pie de página
En el pie de página deberás introducir todas las opciones de contacto que tengas disponibles, así como enlaces para tus redes sociales y otra información de utilidad (Mapa Web, Envío y Devolución, Condiciones Web…). También puedes incluir los métodos de pago y los sistemas de seguridad para ganar aún más la confianza del cliente, especialmente, si es primerizo. También puedes incluir un formulario de contacto, o de registro para poder enviarle una Newsletter, si éste así lo desea.
Conclusión
En definitiva, la home en una tienda online es importantísima, ya que será la primera imagen que tus clientes recibirán de tu tienda online. El cuidado de esta página principal se notará en el tiempo que tus clientes pasen en ésta. Además, una home cuidada puede ayudar a ganar confianza, notoriedad, y reducir la tasa de rebote.
Para ello, Prestashop, uno de los gestores de tiendas online más conocidos, tiene una serie de plantillas completamente adaptadas para lo que necesites, si necesitas crear una tienda online, contáctenos, estaremos encantados de atenderle.
