Inicio/Guías de comercio electrónico/Ecommerce Homepage UX: La…

Una página de inicio de comercio electrónico no siempre será la primera página a la que llegarán los visitantes en el sitio, ya que mucho tráfico irá directamente a las páginas de productos de búsqueda y otros canales como el correo electrónico.

Sin embargo, todavía es probable que sea una de las páginas más populares, y es una que juega un papel en el recorrido del usuario, ya sea que lleguen a este punto o haga clic hacia atrás después de ver otras páginas.

Tiene una serie de tareas que realizar, desde dirigir a los usuarios a las categorías o productos que les interesan, resaltar productos clave, introducir la marca, o tal vez dirigir a los compradores para ayudar o contactar con la información.

Eso es mucho si los usos potenciales y la información para llegar a los visitantes, por lo que puede ser útil pensar en ello en términos de la ‘pirámide invertida’.

La pirámide invertida es un término que a menudo se aplica al periodismo. En este modelo, la parte más ancha de la pirámide en la parte superior representa la información más interesante e importante que el escritor necesita transmitir desde el principio (el gancho), mientras que el resto de la información debe mostrarse en orden decreciente de importancia.

En el contexto de una página de inicio de comercio electrónico, esto significa que la parte superior de la pantalla debe mostrar las cosas que se aplican a la mayoría de los visitantes, y las cosas que el minorista quiere priorizar, como lo señaló aquí por @danbarker en su hilo de consejos de comercio electrónico:

Como regla general, cuanto más abajo esté una página, menos visitantes lo verán. Sin embargo, estos usuarios pueden ser algunos de sus visitantes más entusiastas y leales, por lo que esto no tiene por qué ser un problema.

Este patrón piramidal se aplica al escritorio y al móvil, pero puede ser más importante en este último, ya que la cantidad de página visible por encima del pliegue variará según el tamaño de la pantalla y el dispositivo.

Algunos minoristas piensan que es mejor evitar incluir enlaces de categoría en la página de inicio, ya que están disponibles a través de la navegación de todos modos. Sin embargo, en el móvil menos visitantes verán todo el menú de navegación, y además, más visibilidad significa mayor clic.

Este es un buen ejemplo de la ‘pirámide invertida, y también de mostrar categorías en una página de inicio, de Boozt.

Las categorías se organizan con el fin de que es probable que se haga clic en ellas, con más nichos más abajo en la página.

Esta es la parte inferior de la misma página. Refuerza lo que el visitante ha visto con alguna buena prueba social para generar confianza, luego proporciona una ruta rápida de vuelta a la parte superior de la página.

Un patrón que verás a menudo en las pruebas de usuario móvil es que los visitantes se desplazan hacia abajo hasta la gran cantidad de páginas móviles antes de desplazarse hacia arriba o hacer clic en el menú. Este enlace «volver a la parte superior» está ahí para ayudar a estos usuarios.

El menú de navegación superior, que contiene vínculos al menú, la búsqueda del sitio y el carrito, está anclado para que siga siendo accesible para el usuario en cualquier momento.

Al anclar la navegación, o hacerla visible tan pronto como un usuario comienza a desplazarse hacia arriba significa que el carrito y otros enlaces clave siempre están a un clic de distancia.

La página de inicio móvil de Sweaty Betty sigue un patrón similar El menú es superior, mientras que el espacio prominente en la barra de abajo resalta USPs y ofertas especiales, en este caso un umbral de entrega gratuita y devoluciones gratuitas.

Los recién llegados son los siguientes, que es algo en lo que es probable que los visitantes habituales hagan clic.

Luego Sweaty Betty muestra sus categorías más vendidas de hoja perenne – legging y chalecos, antes de mostrar categorías apropiadas estacionalmente, en este caso jumpers y capas base.

Luego, al pie de la página, el sitio muestra más contenido de nicho y elementos para los visitantes (más motivados) que se desplazan más hacia abajo. Tenga en cuenta también que la barra de navegación superior está anclada y, por lo tanto, siempre visible.

Net-a-Porter tiene otra variación en el patrón piramidal invertido.

Comienza con el menú y la barra de navegación superior, que se ancla de nuevo para permanecer visible dondequiera que el usuario esté en la página.

Después de la USP / barra de ofertas, los enlaces «qué hay de nuevo» y «diseñador» están en bloques muy básicos, lo que indica que estos son los clics más probables para los visitantes.

Esto es seguido por más contenido estacional, con la página cada vez más nicho. Net-a-Porter utiliza contenido de manera muy eficaz y, por lo tanto, encuentra un lugar para esto donde muchos sitios no lo haría.

Esto es seguido por más contenido estacional, con la página cada vez más nicho. Net-a-Porter utiliza contenido de manera muy eficaz y, por lo tanto, encuentra un lugar para esto donde muchos sitios no lo haría.

Este patrón se repite en muchos sitios de comercio electrónico, tanto en móviles como en escritorio Ayuda a los minoristas a mostrar tantos productos y tanto contenido como necesiten en la página, mientras atiende tanto al usuario casual como al más comprometido.

La clave aquí es que los minoristas sepan cómo priorizar los productos y el contenido, y aprender del comportamiento del usuario y colocar los artículos en el orden en que los productos son los mejores resultados.

Leave a Reply