10 consejos para diseñar un gran escaparate web

Los empresarios y los minoristas tradicionales que buscan expandirse a las compras en línea tienen más opciones disponibles que nunca, pero también tienen más consideraciones sobre el sitio web y opciones técnicas para descifrar. La construcción de una tienda web efectiva todavía tiene proveedores llave en mano, como Wix Stores, que pueden hacer que su presencia inicial sea rápida y simple. Pero aquellos que realmente toman en serio el crecimiento de sus negocios en línea encontrarán que sus necesidades evolucionan más allá de estos servicios llave en mano con bastante rapidez.

Hay muchas preguntas que responder primero antes de que algo aparezca realmente en el ciberespacio y luego mucho más a medida que el negocio madura. La recopilación de datos sobre los clientes es un gran ejemplo, y una pregunta importante hoy, especialmente para cualquier tienda que busque acceder a los mercados europeos. La conversión de divisas y las diferentes leyes de comercio electrónico siguen siendo problemas espinosos en esos mercados, pero ahora también tendrá que lidiar con el Reglamento General de Protección de Datos (GDPR), que requiere un proceso de manejo mucho más cuidadoso para los datos de los clientes.

La seguridad de la transacción es otra pregunta clave porque significa equilibrar la necesidad de seguridad del cliente con la cantidad de obstáculos que tendrá que superar antes de que puedan realizar una compra. Y no importa qué decisiones tome para su sitio web estándar, necesitará tener las mismas discusiones para su iteración móvil. Porque, si bien la movilidad fue sin duda una de las palabras de moda más queridas del año pasado, los 12 meses adicionales de ninguna manera han disminuido su importancia.

El pensamiento actual designa que los creadores web deben diseñar primero la experiencia móvil y luego ajustar la experiencia de escritorio según sea necesario.

"Cada elemento, cada pieza de contenido, debe ser funcional en dispositivos móviles", dijo Jimmy Rodriguez, Director de Operaciones (COO) en 3dcart. "Si está comenzando desde cero, diseña para dispositivos móviles. Con un diseño receptivo, puede crear el sitio web para comenzar en dispositivos móviles y luego llevarlo al escritorio".

Para ayudarlo a diseñar su tienda de comercio electrónico para usuarios móviles y de escritorio, hemos compilado los 10 consejos importantes a continuación. Sin embargo, Rodríguez recomienda que, antes de que las empresas incorporen alguno de ellos en sus escaparates, deben probar A / B estas características en páginas específicas de productos para ver cómo funcionan antes de implementarlas en todo su sitio web.

1. Navegación de encabezado fijo

Todos hemos estado allí: nos hemos desplazado hasta la parte inferior de la página de un producto para leer las reseñas de los usuarios o los detalles del producto y ahora estamos listos para abandonar la página para volver al menú y continuar nuestro viaje de compras. Desafortunadamente, para volver al menú, generalmente hemos tenido que hacer clic en el botón "Re Pág" en nuestros teclados de escritorio o tocar en la parte superior de la pantalla en nuestros dispositivos móviles.

Con Sticky Headers, a medida que se desplaza hacia abajo, el menú cambia de tamaño y se ajusta. El menú lo sigue a lo largo de su viaje para mantener la navegación en la pantalla en caso de que necesite saltar rápidamente las páginas. Puede ver esto en efecto en Bose.com. A pesar de estar en la mitad de la página, aún puede acceder a la navegación principal de la página sin tener que regresar a la parte superior de la pantalla.

2. Menús de hamburguesas

Aunque los menús de hamburguesas suenan como una característica más adecuada para restaurantes de comida rápida, se están convirtiendo rápidamente en una herramienta imprescindible para las empresas que hacen muchos negocios en dispositivos móviles. Los has visto antes: los menús de hamburguesas se han convertido en el ícono móvil estándar para la navegación y los menús móviles.

Cuentan con tres líneas horizontales que, cuando se presionan, ofrecen un menú desplegable de navegación de un sitio web. Son particularmente útiles en dispositivos móviles donde el espacio en la pantalla es muy importante. Pero también estamos empezando a verlos en sitios web de escritorio, por lo que los consumidores tienen una experiencia similar en los sitios web de las empresas, independientemente del dispositivo que estén utilizando.

"Mucha gente ve los menús de hamburguesas y saben lo que significa, pero no saben que es básicamente el nuevo estándar", dijo Rodríguez. "Los visitantes móviles han aprendido el significado de este símbolo, y los sitios web deberían adoptarlo como un estándar para la navegación móvil".

Puede ver un menú de hamburguesas en la esquina superior derecha de Target.com y en el sitio web móvil de Target. También puede verlo en la foto a continuación.

3. Desplazamiento de paralaje

Menos de una función funcional y más de una forma de mejorar la estética de su sitio web, Parallax Scrolling aprovecha grandes pancartas llenas de imágenes de alta resolución para agregar un toque artístico a su sitio web. Al aprovechar las imágenes grandes de ancho completo, puede crear un efecto de desplazamiento entre la imagen de fondo de su sitio web y la imagen que se encuentra directamente frente a su consumidor.

Como puede ver en la imagen a continuación de RimmelLondon.com, a medida que se desplaza hacia abajo en la página, las imágenes de fondo del sitio web cambian. Sin embargo, el cambio ocurre sutilmente a medida que las imágenes de fondo y primer plano se mezclan entre sí. La siguiente captura de pantalla muestra el sitio web justo en el momento en que la imagen de fondo cambia de púrpura a rosa.

4. Desplazamiento infinito

Infinite Scrolling suena más como una técnica de tortura que como una característica de comercio electrónico. Sin embargo, esta ingeniosa herramienta permite a sus usuarios ver continuamente nuevos productos sin tener que hacer clic y cargar una nueva página. Así es como funciona: cuando se desplaza hacia abajo hasta la parte inferior de una página de comercio electrónico, la página carga automáticamente más elementos en la parte inferior de la página. Todavía están catalogados como páginas en la parte posterior, pero el visitante no lo sabe.

Puede ver una característica similar en UnderArmour.com. Desafortunadamente, Under Armour requiere que hagas clic en el botón "Cargar más" para ver contenido adicional. Algunos sitios web están equipados con un mecanismo de apertura automática que le mostrará más contenido sin requerir un clic.

5. Un botón flotante "Agregar al carrito"

De forma similar a la herramienta Sticky Navigation, los botones flotantes "Agregar al carrito" permiten a los consumidores agregar productos a su carrito de compras independientemente de dónde se encuentren en la página del producto. Anteriormente, los usuarios se desplazaban hacia abajo para ver las opiniones de los usuarios, los detalles del producto y otros elementos de la página inferior y, para agregar el producto a su carrito, tenían que volver a la parte superior de la página. Ahora, compañías como Diesel.com le permiten ver el precio, la cantidad, las opciones de color y la imagen del producto, así como el botón "Agregar al carrito", independientemente de dónde se encuentre en la página del producto.

6. Use la Ley de Fitts

No te aburriremos con las matemáticas detrás de la Ley de Fitts, pero es esencialmente una teoría de que cuanto más grande y cercano sea un objeto para nosotros, más probabilidades tenemos de interactuar con él. El mismo principio básico se puede aplicar al comercio electrónico. Si desea guiar a los usuarios a páginas de productos, carritos de compras y promociones, debe hacer que esos botones sean grandes, coloridos y lo más cercanos posible al centro-medio de la página.

Si ignora la Ley de Fitts y coloca pequeños botones en blanco y negro a lo largo de los rieles o en la parte inferior de las páginas, puede perder compradores potenciales. No cometas este error.

7. Mostrar comentarios de clientes y testimonios

No desea que los clientes visiten su sitio web, vean sus productos y luego se dirijan a Amazon.com para verificar las opiniones de los usuarios. Después de todo, Amazon.com puede vender el producto más barato o el cliente puede preferir la experiencia de compra de Amazon.com a la de su sitio web.

Si le da a sus clientes la capacidad de calificar y revisar productos, entonces podrá defenderse de aquellos clientes cautelosos que necesitan la opinión de otros consumidores antes de realizar una compra. La mayoría de las herramientas de comercio electrónico hacen que las clasificaciones y las revisiones sean fáciles de implementar, así que no evite implementar esta práctica.

8. Un servicio de atención al cliente eficaz

Comprometerse con su cliente es fundamental para el éxito minorista, y en ningún lugar es más fácil o más efectivo que en el servicio de atención al cliente. Cuidar adecuadamente a un cliente furioso, insatisfecho o incluso confundido es uno de los caminos más seguros para repetir negocios. La mesa de servicio y las aplicaciones de asistencia técnica actuales lo hacen más fácil que nunca. El uso de una de estas aplicaciones no solo organiza las solicitudes de los clientes, sino que también le permite obtener los datos de clientes y respuestas que estos encuentros generan y canalizarlos a sus motores de gestión de relaciones con los clientes (CRM), marketing y análisis empresarial. Hacer esto le permite vigilar más de cerca lo que los clientes piensan de su tienda y sus productos.

Donde coloque sus puntos de contacto y puntos de contacto de servicio al cliente es importante para la experiencia general del cliente. Y si esta interacción toma la forma de una simple página de contacto, o llega a abrir una ventana de chat con cualquier persona que permanezca en el sitio web durante más de 60 segundos, es algo que depende de los tipos de productos que está vendiendo y Estadísticas promedio de visitas al sitio web de su tienda.

Pero hacer que un servicio de atención al cliente sea un éxito es mucho más que software. Debes asegurarte de que haya alguien profesional para atender estas solicitudes o es una inversión desperdiciada. Los clientes que se han tomado la molestia de hacer clic en el botón "Contactar con el servicio al cliente" esperan obtener ayuda en vivo de un ser humano real. Puede administrar esto por teléfono o por chat instantáneo, una característica que se está volviendo más común con los proveedores de servicios de asistencia técnica. Y si tiene poco personal, puede enfrentar su operación de servicio al cliente con chatbots inteligentes que "suenan" humanos, al tiempo que puede manejar una avalancha de solicitudes entrantes en un nivel básico, entregando solo las solicitudes más complejas a homo real sapiens

9. Pago de migas de pan

Cuando los clientes salen de su tienda, les gusta saber en qué parte del proceso se encuentran, qué tan lejos están de terminar y cómo regresar fácilmente sin perder todos los datos que ya ingresaron. Breadcrumb Checkout muestra a los clientes exactamente dónde se encuentran en el proceso al utilizar un diseño de botón de navegación lineal que permite a los consumidores hacer clic hacia adelante y hacia atrás desde Iniciar sesión, Opciones de pago, Opciones de envío, Realizar pedido o Continuar comprando. Sin este diseño, los consumidores pueden presionar el botón Atrás, ver que su información no está registrada, frustrarse y luego abandonar el sitio web.

10. Vistas de 360 ​​grados

¿Alguna vez compró una chaqueta aparentemente modesta en línea solo para darse cuenta de que tiene una espalda de diamantes de imitación deslumbrante? Bueno, cuando devolvió ese producto, perdió su propio tiempo y el del vendedor, y le costó dinero a la compañía. No te preocupes, no fue tu culpa. Lo más probable es que el vendedor solo tuviera imágenes de la chaqueta de vista frontal y lateral. Si el proveedor hubiera ofrecido imágenes de visualización de 360 ​​grados, habría detectado esos diamantes de imitación y habría hecho clic en el botón Cancelar pedido.

No cometas el mismo error en tu propio sitio web. Además de permitir que los clientes amplíen las imágenes, deles la opción de rotar o ver múltiples ángulos de la imagen, tal como lo hace Kenneth Cole.com. De esta manera, no se sorprenden cuando abren la caja de entrega y sacan un producto que no esperaban.