El diseño web de tiendas online eficaces trata de lograr que el proceso que el usuario sigue hasta llegar al punto final de su proceso de compra sea lo más rápido y sencillo posible. Si sigues estos 20 consejos crearás un sitio web de comercio electrónico que encantará a tus clientes y te ayudará a aumentar las ventas.
Todos hemos pasado por situaciones parecidas. Queremos comprar un determinado producto por Internet y Google en uno de sus resultados nos devuelve un enlace a una tienda virtual donde está ese artículo que buscamos a un precio fantástico.
Hacemos clic en él con el fin de echar un vistazo… pero nada más entrar lo que encontramos nos hace salir disparados y buscar en otra parte. Otras veces podemos encontrarnos con una tienda online cuyo diseño web es muy bonito, casi podríamos decir que es una obra de arte, pero después nos encontramos que para lograr comprar lo que deseamos, este ecommerce nos obliga a realizar un largo proceso de compra, pidiéndonos rellenar muchos datos, y finalmente nos cansamos y abandonamos.
El diseño web de una tiendas online no ha de tener solo como objetivo crear una web con un diseño estéticamente atrayente (aunque esto sin duda ayuda). También ha de enfocarse en lograr que el potencial cliente llegue al punto final de su proceso de compra de la manera más rápida y sencilla posible, y de esta manera aumentaremos las probabilidades de que finalice su compra.
He aquí algunos consejos clave que hemos recogido a lo largo de nuestros años de experiencia en el diseño y creación de sitios web de comercio electrónico. No pretende ser una lista exhaustiva, son simples recomendaciones que deberías seguir si deseas crear una tienda online exitosa.
1. Da opción al cliente a filtar sus búsquedas
→ Benetton da opción a sus clientes a que filtren por “precio”, “color” y “tamaño”.
Cuando los clientes están tratando de buscar un producto en tu tienda virtual, facilítales una serie de campos de filtrado para ahorrarles tiempo y esfuerzo. Esto es realmente interesante cuando tus productos tienen diversos tamaños, colores y precios, como sucede con la ropa. Los clientes odian encontrar la prenda perfecta para luego descubrir que no está su talla.
2. Facilita que puedan volver atrás en su navegación
→ MediaMarkt en su tienda online incluye una ruta de navegación perfectamente visible
Cuando un usuario accede a una categoría en particular, puede que se de cuenta de que se ha equivocado o desee cambiar a otra. Aquí es de vital importancia dar la opción al cliente a que pueda volver sobre sus pasos, añadiendo por ejemplo una ruta de navegación (miga de pan) en la página. De esta manera no obligamos al cliente ha tener que hacer clic de forma repetida en las flechas de paso atrás de su navegador y evitamos que pierda la atención sobre la tienda online.
3. Coloca el formulario de búsqueda en un lugar visible
→ La página de inicio de Amazon está dominada por un gran formulario de búsqueda.
Muchos de nosotros no somos conscientes de la frecuencia con que se utiliza el campo de búsqueda en un sitio web de comercio electrónico. Cuando un cliente llega a un sitio web buscando algo en particular, si la página de destino donde aterriza no le ofrece lo que busca, la reacción del usuario será la de seguir buscando en el resto de la web.
Considera la posibilidad de que el formulario de búsquedas sea el foco central de tu tienda virtual. Esto además favorecerá que el usuario se mantenga navegando por tu web y que tenga la tentación de buscar otras opciones.
4. Si los artículos están fuera de stock indícalo bien claro
→ Esta importante librería informa de que el producto no está disponible y da la opción de crear un aviso.
Uno de los mayores errores que podemos cometer a la hora de contar con una tienda online es la de no tener al día el stock de los productos. Para el posicionamiento web (SEO) es mejor mantener los productos activos en la tienda, en lugar de eliminarlos y volverlos a cargar cuando haya stock. Si un producto de tu tienda está fuera de stock, indícalo de forma clara, sino el usuario puede molestarse, perder la confianza en tu servicio y cancelar el pedido, y lo que es peor aún, no volver más a tu tienda.
5. Utiliza fotografías de calidad
→ Loewe cuenta en su tienda online con imágenes a pantalla completa de gran calidad.
En una tienda virtual la compra entra por los ojos, puesto que la mayoría de las veces no llegamos a ver o tocar los productos hasta que no nos los han entregado. Contar con diversas imágenes del producto tomadas desde diversos ángulos y opción a hacer zoom para ver los detalles, ayudará a que el cliente tenga la sensación de tener entre sus manos el producto. Has de planificar cómo vas a mostrar a tus clientes tus artículos, si vas a presentar una imagen grande y varias debajo en miniatura, etc. Asegúrate de que las imágenes son de gran calidad y que se visualicen en cualquier tamaño nítidamente. Fotografías borrosas o pixeladas harán que tu cliente se desanime a realizar una compra y transmite un mensaje de que tu sitio es de poca calidad.
6. Situa la cesta de la compra bien visible
→ Cesta de la compra y formulario de búsqueda elegantemente añadidos al sitio.
Los usuarios habituados a las compras online no les gusta ser enviados directamente a la página de su cesta cada vez que añaden un producto. Por tanto es importante que el contenido del carrito de la compra esté bien visible en todas las páginas del sitio.
A muchos diseñadores les gusta usar la columna lateral para situar la cesta, pero a nosotros nos parece que ocupa un espacio valioso para promocionar otros artículos o secciones. Busca cómo incorporar el formulario de búsqueda y el carrito de la compra de forma elegante y limpia en todas las páginas de tu sitio.
Una cesta de la compra también puede aportar más información que simplemente la lista de productos seleccionados. Considera el uso de imágenes en miniatura de los productos que has añadido a la cesta.
7. Haz tu sitio fácil de navegar
→ Ebay facilita el acceso a su contenido con un menú muy completo.
Sobre todo en sitios web con mucho contenido se hace fundamental contar con un contenido bien estructurado y ordenado. Ponte en la piel del usuario y piensa en facilitarle el acceso a todos los productos en el menor número de clics. Pon atención en el lenguaje que utilizas para describir tus categorías y productos. Adáptalos a las palabras que utilizan los clientes al buscar en Internet.
Un buen menú de navegación sin duda te ayudará de manera efectiva a mostrar las distintas categorías de tu sitio. Un consejo, sitúa las categorías por orden de relevancia (de más a menos demandados), en lugar de por orden alfabético, verás como mejoran tus ventas.
Trata de hacer tu sitio fácil de navegar. Usando rutas de navegación en las páginas ayudarás al usuario a saber dónde se encuentra y poder volver atrás sobre sus pasos.
8. No añadas los gastos de envío al final
→ En esta página se muestra claramente los gastos de envío en la ficha de productos.
La mayoría de los usuarios no desean recibir sorpresas al final de su compra y quieren conocer cuanto les va a costar el producto antes de añadirlo a su cesta. Son muchos los procesos de compra que nos hemos encontrado en algunos clientes, donde hemos advertido que los usuarios abandonaban el proceso en el último paso, justo donde se les informaba del coste por gastos de envío. Asegúrate de informar de forma clara al visitante sobre los gastos de envío antes de que realice la compra.
9. Cuestionate cada pixel
→ La tienda online de Apple es un perfecto ejemplo donde cada elemento tiene un porqué.
¿Porqué? ¿Para qué? ¿Cuál es su utilidad? Estas son las preguntas que has de hacerte para cada elemento que incluyas en tu tienda. ¿Porqué necesitas esto? ¿Para qué lo necesitas? ¿Porqué esto beneficiará la experiencia de usuario?
Un diseño web eficaz de una tienda online se basa en proveer de los elementos imprescindibles al cliente para encontrar su producto, ver sus características y el precio, y finalmente realizar la compra rápidamente.
10. Ten en cuenta el SEO
La optimización SEO de todas las páginas de tu tienda online es algo fundamental. Te ayudará a aparecer más arriba en los resultados de búsqueda de Google, con lo que generarás más tráfico a tu web y por tanto a conseguirás más ventas.
Si no tienes optimizada tu tienda la forma más rápida de aumentar las visitas es realizando campañas de anuncios en Google Adwords, donde solo pagas cuando un usuario hace clic en tu anuncio (PPC).
Existen muchos factores que influyen en la optimización de una página, entre ellos: la optimización del contenido (incluyendo tus palabras clave en los títulos, texto de la página, imágenes, enlaces, etc.), la velocidad de carga de la página (poniendo especial cuidado en optimizar las imágenes, y el código), la facilidad de indexación por parte de los buscadores, la inclusión de microdatos, y muchos otros más.
11. Dota de personalidad a tu tienda
→ La página web de Paz Rodríguez cuenta con un diseño limpio y sencillo, pero eso no excluye aportar su personalidad.
Para conseguir que un sitio web destaque de la competencia es necesario aportarle un estilo y personalidad propia. Obviamente, contar con una web limpia y fácil de navegar es básico, pero esto solo por sí mismo no es suficiente. Sin darle un estilo personal a tu tienda no va a destacar ni ser recordada por los usuarios.
El ejemplo anterior muestra una tienda online de ropa infantil, es un diseño limpio, con colores simples, pero con ciertos detalles conseguimos que la web sea visualmente atractiva, con un estilo único.
12. Socializa tu negocio
→ Este sitio web integra elegantemente todos los iconos a sus redes sociales.
Aunque pensemos que un negocio de muebles de cocina no cuenta con un gran número de seguidores en sus redes sociales, estos medios de comunicación social desempeñan un papel importante en el posicionamiento SEO y la generación de enlaces, así como la generación de imagen de marca.
Pero elegir donde van a estar situados los iconos a tus redes sociales no es una tarea sencilla. Deben situarse en una zona bien visible de la página pero que a la vez no oculte otros elementos más relevantes como la cesta de la compra o el formulario de búsqueda de productos.
13. Muestra una vista rápida de tus productos
→ Nike en su tienda online muestra más detalles del producto cuando el usuario pasa el ratón por encima de la imagen.
Hoy en día los usuarios tienen prisa, y acceden a tu tienda online buscando encontrar rápidamente el producto que necesitan. No tienen tiempo que perder, si no lo encuentran se van a otro sitio. Ya sea por la falta de tiempo, que la velocidad de carga de la página sea lenta o por preferencias personales, tener que hacer clic para acceder a la ficha de producto y obtener más detalles de forma individual, para algunos usuarios es algo que puede incomodarles.
Podemos facilitar el proceso incluyendo una vista rápida en cada categoría donde mostremos imágenes en miniatura que ilustren los distintos productos que contiene, así como la opción de visualizar más detalles del producto mediante programación en Ajax (como en el ejemplo de más arriba). De esta manera facilitamos la atención del usuario hacia tus productos y sus detalles.
14. Añade un formulario de subscripción a boletines
→ Zara Home muestra un formulario de suscripción a newsletters la primera vez que accedes al sitio.
La creación de una relevante lista de correos electrónicos es un proceso largo, pero muy valioso para la promoción de tus productos, especialmente en temporadas cercanas a la Navidad. Contar con un formulario de inscripción a boletines es algo estándar en cualquier tienda de comercio electrónico, así que trata de crear el tuyo de una forma más atractiva y original que el de tu competencia.
15. Mantén limpia y ordenada las páginas de productos
→ La ficha de productos de Reebok es muy limpia y muestra la información más relevante.
Hay un tema recurrente en este artículo y es la de mantener un diseño limpio y ordenado. Esto es especialmente importante en la página de detalles del producto.
Los productos han de destacar y brillar. Debemos distribuirlos en su propio espacio, con una imagen de calidad, una descripción detallada y el precio debe estar bien visible, al igual que el botón de compra. No incluyas publicidad o cualquier otro elemento que pueda distraer la atención del producto.
Puedes añadir zonas del tipo “otros clientes también compraron”, “otros clientes también vieron”, son una gran manera de mantener a tu usuario en proceso de compra. Pero han de tratarse con cuidado, rs fácil excederse y saturar al comprador.
16. Incluye opiniones y valoraciones
→ Amazon incluye valoraciones y comentarios de los usuarios de forma clara y visible.
¿Has recibido algún elogio de un cliente por tus servicios? Seguro que si otro cliente lee ese comentario tendrá más razones gastar su dinero en tu tienda. Esto funciona muy bien en todo tipo de negocios de comercio electrónico. Por tanto, te aconsejamos que incluyas debajo de la ficha del producto, los comentarios, opiniones y valoraciones de los usuarios. En este caso has de cuidar mucho a tu cliente y tu producto para que hablen bien de tí y de lo que ofreces.
Además cada vez más Google tiene en cuenta las valoraciones que realizan los clientes de los productos, y mejores valoraciones obtienen mejores posiciones en sus búsquedas.
17. Muestra las distintas variaciones del producto de forma intuitiva
→ Victoria Secret muestra en su ficha de producto las distintas opciones de color y talla de forma clara.
En muchos negocios de comercio electrónico es fundamental para el proceso de compra de un producto elegir entre una serie de opciones disponibles. Por ejemplo, en tienda online de moda cualquier prenda requerirá que el cliente elija una talla y color concreto. Una buena idea es incluir imágenes de diferentes combinaciones y ángulos de visión para ayudar al cliente a hacerse una idea de cómo es el producto.
Utiliza una paleta de muestras de colores e incluye campos que permitan seleccionar las opciones disponibles como el tamaño o color. Puedes usar menús desplegables o botones de selección.
18. Elimina distracciones en el proceso de compra
→ Bershka ofrece información clara de los pasos que incluye el proceso de compra y reduce al máximo el número de estos pasos.
Una vez que tu cliente se decide a realizar el pago, es conveniente facilitarle al máximo los pasos necesarios. En este proceso has de tender a eliminar otros elementos de la pantalla que causen distracción, como por ejemplo el menú de navegación y las columnas laterales, mostrándole un camino claro hacia donde debe avanzar. No promociones otros productos u ofertas en esta página.
Cuanto más pasos incluya el proceso, más probabilidades de que no lo finalize. De echo, los procesos de compra de una sola página tienen un porcentaje más alto de conversión. En caso de que tu proceso requiera de varios pasos asegúrate de que tu cliente es consciente del proceso.
19. Pon bien visible el botón “añadir a la cesta”
→ Bershka ofrece información clara de los pasos que incluye el proceso de compra y reduce al máximo el número de estos pasos.
Esta es por mucho, la regla más importante, y es muy simple. Cuanto más claro, intuitivo y atractivo es el botón de añadir a la cesta, mayor es la probabilidad de que lo utilicen, así de fácil.
20. Facilita que contacten contigo fácilmente
→ Zara en su página ofrece un formulario de contacto, un teléfono y un horario de atención.
Con el fin de generar una mayor confianza entre tus clientes y que sepan que detrás de tu tienda hay personal que estará encantado de poder resolver sus inquietudes has de poner a disposición del cliente distintos medios de contacto, como puede ser un formulario, tu email, tu teléfono, la dirección física de la tienda si la tienes, etc.
Muchos clientes al contar con la posibilidad de hablar con una persona real, se sentirán más tranquilos e incluso puede que cierres una venta directamente por teléfono. De lo contrario estarás perdiendo un gran porcentaje de clientes.
Conclusiones
En resumen, para que el diseño de tu tienda online sea eficaz ha de facilitar el uso y navegación del sitio, la búsqueda de productos por parte del cliente, simplificar el proceso de compra, y otros puntos enumerados más arriba. Añadir secciones como nuevos productos y productos destacados te ayudarán a aumentar también las ventas. Ofrecer cupones o códigos de descuento también es otra manera de fidelizar a tus clientes. En momentos concretos incluso puedes ofrecer ciertos productos con gastos de envío gratuitos, aunque pierdas algo de dinero conseguirás darte a conocer a nuevos clientes.
Otro punto fundamental es que tu tienda online debe de estar adaptada a dispositivos móviles. Cada día más usuarios realizan sus compras online desde un smartphone o tablet y por tanto puedes perder un gran número de ventas si no se visualiza correctamente en cualquier pantalla y resolución.
Y finalmente es importante que esté optimizada para los buscadores, que te promociones en las redes sociales y que realices campañas de anuncios en pago por clic en plataformas como Google o Facebook.
¿Qué otros consejos incluirías a esta lista para diseñar una tienda online eficaz?
Espero que este artículo te ayude a crear una tienda virtual exitosa. Si te ha gustado, asegúrate no perderte ninguno de nuestros posts…
Partyahorro dice
Excelente artículo! Gracias! al final la usabilidad y una buena experiencia del usuario es lo que hace que los clientes repitan.
Gianella dice
Excelentes consejos! Muy precisos en el tema de diseño y creación de sitios web de comercio electrónico.