Una página de inicio de comercio electrónico tiene una variedad de tareas que realizar para los usuarios, desde ayudar a las personas a encontrar y comprar productos, hasta firmar otra información clave, como la ayuda del servicio de atención al cliente.
En esta guía, veremos los diferentes elementos y características que los minoristas deben considerar incluyendo en sus páginas de inicio, en orden de importancia.
La guía es una exploración detallada de los 48 elementos incluidos en este hilo de tweet, desde @danbarker, y al leer este artículo – en pocos minutos – tendrá una excelente imagen de cómo funcionan las páginas de inicio de comercio electrónico comunes (y, tal vez, cómo puede mejorar su propia).
84. Página de inicio
— dan barker (@danbarker) 10 de febrero de 2020
UX. Elementos que aparecen con más frecuencia en las páginas de inicio de comercio electrónico, aproximadamente en orden de arriba/ abajo
:1. Menú/top nav.
2. Icono de búsqueda visible
.3. Carro (+tal vez lista de deseos)
.4. Barra de oferta
.5. USP bar.
6. Entradas de categoría principal
.7. Categorías estacionales.
Algunas de las características a las que se hace referencia aquí pueden ser esenciales para cualquier minorista que venda en línea, mientras que otras son extras que son útiles tener, o más aplicables a ciertos tipos de sitios de comercio electrónico.
El desafío para los minoristas es asegurarse de que los visitantes puedan encontrar las cosas que están buscando, mientras mantienen la página fácil de usar y navegar.
Una forma de hacerlo es siguiendo un diseño de "pirámide invertida", en el que las características se ordenan de acuerdo con su importancia para el minorista y el visitante.
De esta manera, los visitantes nuevos e informales ven los USP clave y los productos que los minoristas quieren empujar, mientras que los compradores más comprometidos pueden encontrar las características y el contenido más nicho que están buscando.
Principales elementos de la página de inicio de comercio electrónico
Estos son los elementos y características que aparecen con más frecuencia en las páginas de inicio de comercio electrónico, que aparecen en el orden en que tienden a aparecer, desde la parte superior hasta la parte inferior de la página.
1. Barra de navegación superior
Contiene los enlaces clave a diferentes departamentos y / o categorías de productos, así como otros elementos clave como la búsqueda del sitio, inicio de sesión y carrito de compras.
2. Icono de búsqueda visible
Esto permite a los compradores que prefieren buscar directamente artículos para acceder fácilmente a la búsqueda en el sitio. Algunos sitios mostrarán una barra de búsqueda, como M&S arriba, mientras que otros usan un icono.
Como algunos estudios han demostrado, los usuarios de búsqueda en el sitio pueden ser más propensos a convertir, y llegar a un sitio con un producto específico en mente puede indicar una mayor intención de compra.
3. Enlace del carrito de la compra
El enlace del carro de la compra debe ser visible, mientras que también es útil destacar el hecho de que los artículos ya se han agregado al carro. Este también es un buen lugar para colocar enlaces a las listas de deseos de los visitantes.
4. Barra de oferta
La barra de ofertas es un lugar donde los minoristas pueden resaltar información clave, a menudo alrededor de la entrega y las devoluciones, o tal vez promociones actuales.
Ayuda a garantizar que los visitantes conozcan los puntos clave que pueden afectar a su decisión de compra. Por ejemplo, si los compradores saben que la entrega es gratuita, entonces no necesitan buscar esta información más adelante.
5. Barra USP
A diferencia de la barra de ofertas, la barra USP trata de contarle a la gente sobre la propuesta única de la marca. Por ejemplo, un minorista podría destacar que sus productos son éticos u orgánicos.
6. Entradas de categoría principal
Aquí es donde los sitios mostrarán las categorías más populares, aquellas en las que los visitantes son más propensos a hacer clic y comprar.
7. Categorías estacionales
Estas categorías son apropiadas para la época del año, o eventos que tienen lugar en ese momento, y por lo tanto se ajustan de vez en cuando.
Aquí, por ejemplo, Betty sudororosa muestra saltadores y capas base cuando el clima es más frío.
8. Entrada para colecciones de temas
Algunas ocasiones serán lo suficientemente importantes como para que el sitio cree temas a su alrededor. Por ejemplo, los sitios pueden dedicar espacio para promover guías de regalos y contenido relacionado.
9. Productos individuales de temporada
Este es también un lugar para mostrar productos de temporada individuales. Esto reduce la cantidad de esfuerzo y el número de clics desde la página de inicio a la página del producto.
Por ejemplo, los sitios pueden mostrar best sellers conocidos o ofertas directamente desde la página de inicio durante grandes eventos de comercio electrónico como el Black Friday y Cyber Monday.
10. Contenido
Los sitios de comercio electrónico priorizarán el contenido de acuerdo con lo importante que ven esto para la adquisición y conversión de clientes. Puede ayudar a involucrar a los clientes y darles ideas e inspiración para las compras.
Net-a-Porter coloca el contenido en el centro de su página de inicio, con artículos mostrados de manera más prominente que en muchos otros sitios de comercio electrónico.
11. Productos recomendados
Los productos recomendados se pueden mostrar en función de las preferencias a nivel de usuario individual o de segmentos de visitantes. Por ejemplo, podría mostrar diferentes productos en función del historial de compras anterior de un comprador.
12. Productos vistos recientemente
Si un cliente ha visto recientemente un producto es una declaración clara de interés, por lo que puede valer la pena recordarles los productos que vieron cuando regresan a la página principal.
13. Servicios
Algunos sitios ofrecen opciones financieras, o tal vez esquemas de membresía para la entrega y otras ventajas, como lo hace Amazon con Prime.
Currys PC World, por ejemplo, muestra sus opciones de crédito financiero y flexible varias veces a través de la página de inicio – en la barra de oferta / USP, en el carrusel, y justo debajo de sus categorías destacadas.
14. Registro por correo electrónico
La mayoría de los visitantes no comprarán de inmediato, por lo que tiene sentido ofrecer registro por correo electrónico para que puedan dar su consentimiento para las comunicaciones de marketing y usted puede construir una lista de posibles clientes.
Muchos sitios colocarán registros por correo electrónico hacia el pie de la página, pero también puede ayudar a desencadenar mensajes más prominentes después de que los visitantes han estado inactivos durante un período de tiempo.
Es importante asegurarse de que estos mensajes no interrumpen al cliente, por lo que el tiempo y la ubicación son clave.
15. Testimonios
Los testimonios de los clientes existentes pueden ayudar a persuadir a los nuevos visitantes de que un sitio es confiable y que han estado contentos con sus compras.
Estos son diferentes de las revisiones de productos, y normalmente hablan sobre el servicio al cliente y la entrega en lugar de los productos en sí. Puede ayudar, especialmente cuando los clientes pueden estar menos familiarizados con el minorista.
16. Enlaces auxiliares
Estos enlaces son para información para la que los clientes pueden dirigirse a la página de inicio, pero es probable que encuentren incluso si están más abajo en la página.
Esto incluye enlaces a ayuda y preguntas frecuentes, información de entrega y devoluciones, así como enlaces a sitios relacionados, sobre páginas y más.
17. Enlaces sociales
Muchos sitios mostrarán enlaces sociales en el pie de página, aunque algunos sitios de moda elegirán colocarlos más alto a medida que ven que las redes sociales juegan un papel clave para ellos.
18. Términos y condiciones
Para aquellos visitantes que los están buscando, Ts & Cs se encuentran normalmente en el pie de página del sitio.
19. Iconos de pago
Los iconos de pago de shoeing, también a menudo en el pie de página (como en Schuh anterior) permiten a los clientes ver de un vistazo si su método de pago preferido está disponible.
20. Chat en vivo
El chat en vivo es un canal de servicio al cliente útil para los clientes. Puede ser una opción más instantánea que el teléfono o el correo electrónico, por lo que tiene sentido colocar un enlace en la página de inicio para los visitantes que llegan en busca de ella.
21. Números de contacto
Los números de contacto y otros detalles, como el horario de apertura, se muestran de diferentes maneras por los minoristas.
Algunos los colocarán en el pie de página, mientras que otros eligen colocarlos en el encabezado superior donde es más fácil de encontrar.
Características secundarias de la página de inicio
Los siguientes son algunos de los elementos más nicho y características que son extras útiles para algunos sitios, o tal vez más aplicable para algunos tipos de minoristas que otros.
22. Comprar las tendencias
Para los sitios de moda, esta puede ser la última tendencia, o tal vez productos de temporada relacionados con eventos como Pascua o Navidad.
23. Comprar por forma de cuerpo
Permitir a los clientes comprar por forma de cuerpo en sitios de moda, o tal vez comprar por habitación en sitios de productos para el hogar puede acelerar el viaje para los compradores ayudándoles a reducir su selección de productos rápidamente.
24. Comprar por tamaño
Esta es otra opción que lleva a los clientes a la selección de productos más rápidamente.
25. Comprar de nuevo
Si los clientes han comprado un artículo antes, mostrarlo cuando regresen es un mensaje útil. Esto puede ser especialmente útil para productos que los compradores a menudo compran regularmente, como alimentos para mascotas, comestibles o consumibles como cuchillas de afeitar.
26. Intercambia tu antigua X
Las opciones de intercambio son útiles en ciertos sitios, como los minoristas de consolas y juegos, o los minoristas de teléfonos móviles, como Carphone Warehouse.
27. Bloques para USPs
Algunos minoristas optan por hacer que sus USPs sean más prominentes si son clave para el minorista, usando bloques en lugar de una barra más fácilmente ignorada.
Una empresa como TOMS coloca la ética en el corazón de su modelo de negocio, y por lo tanto dedica una gran parte de su página de inicio a USPs.
28. Texto SEO
La copia SEO, es decir, texto escrito principalmente para que los motores de búsqueda los recojan, ha desaparecido de muchas páginas de inicio de comercio electrónico.
Esto se debe en parte a que los sitios están tratando de evitar ser vistos como "excesivamente optimistas" por Google.
Cuando lo ves, puede darte una fuerte indicación de los términos que las empresas ven como los más importantes.
Por ejemplo, el Hotel Chocolat solía tener un eslabón de "chocolate oscuro" prominente y ligeramente incongruente en el bar de ofertas. Cuando esta captura de pantalla se tomó el sitio clasificado noveno en Google para este término por lo que estaba claramente buscando mejorar esto.
29. Iconos de seguridad
Los iconos de seguridad están ahí para asegurar a los clientes potenciales que el sitio es seguro y seguro para comprar.
Esto puede ser más aplicable a los minoristas que pueden no ser familiares para algunos compradores, y obtener ayuda para eliminar cualquier inquietud.
30. Descargar los iconos de la aplicación
Para los sitios móviles, es útil resaltar la aplicación de compras, que puede proporcionar una mejor experiencia de compra para el usuario.
31. Buscador de tiendas
Para los minoristas multicanal, es importante atender a los compradores "fuera de línea", y algunos estarán buscando datos sobre las ubicaciones de las tiendas, los horarios de apertura y los números de contacto.
32. Configurador de productos
Los configuradores de productos son un punto de partida útil para algunos minoristas, donde los productos vienen con varios complementos u opciones diferentes, como portátiles.
33. Seguimiento de su pedido
La información de seguimiento de pedidos a menudo está vinculada a los correos electrónicos de confirmación de pedido y notificación de envío, pero también debe ser visible en el sitio.
34. Carrusel de inspiración
Los carruselos solían ser muy populares en las páginas de inicio. Son mucho menos populares ahora, en gran parte debido a algunas entradas de blog.
En algunos casos son útiles, pero se tratan mejor con una metodología de "mostrar primero el elemento más importante".
El carrusel de Tredz es un buen ejemplo. Tiene iconos izquierdo y derecho para navegar y gira bastante lentamente y si pasas el ratón sobre él permanece estático para que puedas leerlo.
Esto permite a los visitantes ver las promociones y los productos destacados, en lugar de simplemente tenerlos pasar sin darse cuenta de ellos.
35. Inicio de sesión B2B
Para los sitios que venden tanto al público como al comercio, una opción de registro B2B ayuda a proporcionar un servicio personalizado para cada uno.
36. Opt-in de notificación push
Las notificaciones push pueden ser vistas como intrusivas por algunos usuarios, pero para los clientes más comprometidos, permite a los minoristas proporcionar alertas de productos y marketing más directamente.
37. Publicaciones de blog, anuncios de TV y otros contenidos
Los enlaces de blog son a menudo una idea posterior para algunos sitios, pero muchos (Net-a-Porter y Home Depot por nombrar dos) utilizan bien el contenido para la inspiración y la educación de productos.
Para los minoristas que tienen campañas de televisión en ejecución, puede pagar para reforzar ese mensaje para los visitantes de la página de inicio, mostrando la creatividad del anuncio y los productos destacados.
38. Iconos Clearpay/Klarna.
Pretty Little Thing coloca sus opciones De Klarna y Clearpay prominentemente en la página de inicio para que los compradores cómo pueden pagar en cuotas si lo prefieren.
39. Contenido social
Mostrar contenido de redes sociales es una forma útil de prueba social. Le dice al comprador que otras personas están comprando los productos y disfrutando de ellos, y pueden actuar como inspiración para los clientes potenciales.
Este contenido puede ser extraído automáticamente o seleccionado por el minorista, como con French Connection aquí.
40. Selección del editor
Este es un buen ejemplo de Net-a-Porter, donde los editores eligen sus estilos favoritos de la temporada.
41. Acerca del propietario
Esta es una oportunidad para que un minorista hable sobre la marca, tal vez enfatizando la historia de la marca, la procedencia de los productos u otros USP.
42. Cambiador de moneda y de idioma
Si vendes mucho a nivel internacional, es útil proporcionar la opción para que el usuario cambie de idioma y/o moneda.
También puede ayudar a detectar la dirección IP del usuario y empujarlo en la dirección correcta si está sirviendo el contenido incorrecto a ellos.
Esto es especialmente importante si sirve varias regiones en el mismo idioma y si las cestas son específicas de cada región.
43. Servicios de regalo
Si usted ofrece tarjetas de regalo o cajas, o tal vez proporcionar servicios de lista de bodas, entonces es bueno hacer estos accesibles a través de la página de inicio.
44. El temido bloque 'cookie'
Desde la aplicación del RGPD e incluso antes, los sitios han estado manejando las notificaciones de cookies de diferentes maneras.
Muchos homenajes de comercio electrónico ahora contienen barras de notificación de cookies en la parte superior o inferior de las páginas que los usuarios pueden aceptar o revisar cómo se utilizan sus datos de cookies.
