Analizamos las versiones móviles de las tiendas en línea TOP-20 en Rusia en busca de 44 factores. Obtuvimos una tabla infernal de unos y ceros, casi desaparecimos, pero reunieron nuestra fuerza y describieron cómo y qué "consiguen" al comprador en el segmento superior del comercio electrónico móvil.
Para analizar la adaptación móvil, tomamos las tiendas en línea TOP-20 de la calificación de DataInsight . Estos son los creadores de tendencias a los que apuntan otros jugadores.
Los parámetros para la evaluación provienen de un gran estudio similar del comercio minorista occidental .
No tomamos todos los parámetros, pero identificamos 44 factores significativos. Se agrupan en nueve grupos:
Aquí hay una tabla con los resultados del análisis de cada tienda en línea. En el artículo, revisaremos cada uno de los 44 elementos de la usabilidad móvil y buscaremos tendencias clave. En cada párrafo, indicamos estadísticas generales: cuántas tiendas usan / no usan esta técnica.
Tecnología
Spoiler Las tiendas en línea están abandonando las versiones móviles a favor de los sitios "de goma", pero la velocidad de descarga sigue siendo escasa.
Adaptabilidad vs versión móvil
14/6
Un sitio adaptativo gana antes que la versión móvil (en un subdominio separado del formulario m.site.ru). No necesita ser administrado adicionalmente, no hay problema de duplicación de contenido, se utiliza el mismo código fuente, lo que reduce los costos.
No en vano, el 70% de las principales tiendas en línea en Rusia trabajan precisamente sobre la base de sitios adaptativos. La versión móvil es algo del pasado.
PageSpeed Insights Zona naranja: todo es triste
2/20
Las tiendas en línea no tienen una alta velocidad de carga de páginas. Los guiones e imágenes de alta calidad dejan su huella. Esto se refleja especialmente en la velocidad de descarga en el móvil.
Solo 1 de cada 20 sitios web va a la zona verde cuando se registra en el servicio Google PageSpeed Insights . Pero incluso llegar a la zona "naranja" sigue siendo difícil: aquí también hay solo un sitio. Los 18 sitios restantes obtienen menos de 50 puntos y caen en la zona roja.
Por lo tanto, si trabaja para acelerar el sitio, al menos un factor obtendrá una ventaja sobre los principales competidores en su nicho. A la luz de la transición de Google a la indexación móvil primero, esto es especialmente cierto.
Elementos clave de la plantilla.
Spoiler Hay tendencias obvias: un menú de hamburguesas, un número de teléfono en el que se puede hacer clic, un campo de búsqueda en el sitio en el encabezado y un icono de cesta notable. Es mejor no ser creativo aquí, sino mantenerse al día con los líderes del mercado.
En cuanto a arreglar el menú, la promoción en la parte inferior de la pantalla o agregar el widget de un consultor en línea, necesita pruebas en cada caso.
Menú fijo
11/9
La tendencia a arreglar elementos clave del menú en la parte superior de la pantalla cuando se desplaza una página es implícita, pero hay una ventaja. Esto es lógico: los elementos de navegación más importantes se encuentran en el menú. Y es bueno cuando están a mano al desplazarse.
Asegúrese de que el menú no ocupe demasiado espacio en la pantalla en detrimento de otros elementos.
Número de teléfono en el que se puede hacer clic
15/5
Todos los números de teléfono en el sitio deben ser clicables para llamadas instantáneas. No hay opciones Copiar un número cambiando entre aplicaciones telefónicas sigue siendo una molestia.
Pero, como puede ver, no todas las tiendas se adhieren a este principio obvio.
Menú de hamburguesas
19/1
La tendencia todavía está a favor de las hamburguesas, pero aquí vale la pena comenzar desde el sitio objetivo. Para una audiencia más conservadora, use el menú de texto familiar: una hamburguesa puede dejarse desatendida.
Búsqueda de tienda
16/4
Si tiene varias tiendas de marca, agregue una búsqueda de la tienda más cercana por ubicación del visitante. Si sus productos son vendidos por otros revendedores, esta opción es menos prioritaria.
Si no tiene puntos de venta, agregue la posibilidad de encontrar el punto de entrega más cercano.
Vea qué tan popular es la página de búsqueda de la tienda en su sistema de análisis web. Si tiene mucho tráfico, coloque un enlace a ella en el menú en el encabezado.
El contexto para las tiendas en línea a nivel profesional y sin agencia está en el sistema PromoPult . Selección automática de palabras, generación automática de anuncios, gestión de ofertas "inteligente". Soluciones industriales listas para usar. Estadísticas en tiempo real.
Cesta visible
17/3
Es importante no ser creativo aquí. Todos saben que la canasta debe verse como una "canasta" o "carro". Los intentos de inventar iconos de derechos de autor o colocar una canasta en algún lugar en la parte inferior de la pantalla hacen que los usuarios tengan que resolver acertijos en lugar de comprar productos.
Se corrigió la promoción en la parte inferior de la pantalla.
4/16
Adjunte información sobre ofertas especiales o un CTA especial en la parte inferior de la pantalla, al igual que el Ornitorrinco.
Rotación automática de diapositivas en el banner principal
7/13
Cada vez más tiendas se niegan a autorrotar imágenes en el banner superior. Entre 20 sitios, 7 todavía tienen ese banner, pero 13 no usan esta solución. En general, parece que es hora de decir adiós a los banners en la versión móvil.
Campo de búsqueda de encabezado: debe tener
20/0
No oculte la búsqueda en el menú, póngala en el encabezado. La mejor opción es el ícono de la lupa, al tocar sobre el cual se abre el campo de búsqueda. Entonces ahorras espacio.
Izquierda: la búsqueda tomó una línea completa en una pantalla pequeña. A la derecha hay una solución dinámica.
Widget de consultor en línea
17/3
Un consultor en línea es una opción útil para los sitios de comercio electrónico. Pero en los dispositivos móviles, esta decisión es controvertida: después de todo, el widget se superpone a parte del contenido y no es fácil ocultarlo.
Prueba el widget en tu audiencia. Instale un consultor en línea (si no desea pagar, hay un asesor gratuito de GetSale en el módulo de mejora de conversión PromoPult), personalícelo a su estilo corporativo y vea cuántas llamadas / ventas habrá en un mes. Y ya hay una decisión: dejarla o eliminarla.
Filtros en el catalogo
Spoiler Los filtros en el catálogo son imprescindibles. Deseable: con la selección simultánea de varios parámetros. No te olvides del filtro por el precio.
Las opciones convenientes son arreglar el filtro al desplazarse (lo principal es que no ocupa mucho espacio) e indicar que el color del producto en el filtro no es con texto, sino con una imagen en color.
Filtros
19/1
Los filtros simplifican la navegación. El uso activo de los filtros sigue siendo una tendencia clara.
Filtro bloqueado de desplazamiento
17/3
Esta es una nueva solución para interfaces móviles que permite a los usuarios filtrar los resultados de búsqueda. Parece exitoso, como si así fuera. Al desplazarse por un catálogo, los filtros están siempre a mano.
Pero las tiendas en línea no tienen prisa por implementar la fijación del filtro; quizás no quieran bloquear un área adicional de la pantalla (o es difícil de implementar en la versión adaptativa).
Selección simultánea de varios parámetros.
19/1
El usuario debe poder filtrar productos al mismo tiempo en diferentes categorías. Todos los sitios analizados usan exactamente estos filtros (en un sitio no hay filtros, por lo tanto, no existe tal opción).
Selector de color
4/16
Para obtener la mejor experiencia de usuario en el filtro de color, se recomienda utilizar cuadrados / círculos de colores (o una combinación de texto y marcadores de color), en lugar de una descripción textual del color.
Pero las tiendas nacionales utilizan principalmente texto.
Filtrar por precio
17/3
Algunos sitios rechazan el filtro por el precio. Explican esto enfocándose en el producto, más que en su valor. Pero en la mayoría de las tiendas existe dicho filtro. Y es realmente útil.
Elementos de la página del catálogo
Spoiler Entre las tendencias obvias están la capacidad de agregar productos del catálogo a la cesta, mostrando clasificaciones y descuentos de productos. Pero desplazarse por las imágenes de los productos en el catálogo, ver sus opciones y cargar automáticamente los productos en lugar de la paginación sigue siendo nuevo.
Carga automática de mercancías en lugar de paginación
17/3
Tocar la flecha "página siguiente" no es tan conveniente como simplemente voltear hacia abajo. Pero la producción de productos, no por 10-20-50 por página, sino por una cinta "interminable", que se carga a medida que se desplaza, sigue siendo exótica.
Desde el punto de vista de la usabilidad, una solución intermedia también es conveniente: cuando se guarda la paginación, pero se agrega el botón "Mostrar". Es más fácil para un usuario móvil hacer clic en un botón grande y expandir la lista de productos que hacer clic en números / flechas.
Ver múltiples imágenes de productos en un catálogo
1/19
Por lo general, en el catálogo se presenta una imagen de los productos. Pero hay una solución que le permite desplazarse por las imágenes directamente en el catálogo sin tener que ir a la tarjeta del producto. Es conveniente para un usuario móvil, ya que no necesita volver a una página nueva. En la práctica doméstica, esto sigue siendo una novedad.
Marcar "Nuevo"
10/10
Para las tiendas con una alta tasa de retorno, la marca "Nuevo" es una forma de atraer visitantes a productos que aún no han visto.
Si actualizar el surtido para un público objetivo permanente no es su tarea clave, preste atención a otras cualidades del producto y no pierda espacio en el icono "¡nuevo!".
Ver opciones de productos en la página de categorías
18/2
En las versiones de escritorio de las tiendas, existe la oportunidad de ver las opciones de color para un producto en la página de categoría. En los dispositivos móviles, es mejor rechazar esta opción, ya que es difícil meter el dedo en los íconos pequeños para ver las opciones. Es mejor limitarse a la inscripción "hay diferentes colores" y mostrarlos en la página del producto, donde las imágenes ocuparán más espacio y será más conveniente desplazarse por ellas.
Clasificaciones de productos en la página de categorías
15/5
No puede decir con certeza cómo la adición de estrellas y la indicación de la cantidad de reseñas bajo la imagen del producto afectarán las ventas. A juzgar por el hecho de que son utilizados por una gran cantidad de tiendas estudiadas, funciona. Pero aún así, tiene sentido probar este parámetro en cada caso específico: no todas las tiendas obtienen muchas revisiones para una gran masa de productos.
Visualización de descuentos: en categorías y en la tarjeta
18/2
En la página de categoría, los precios de descuento deben mostrarse en letra grande y, posiblemente, en color, junto al precio tachado sin descuento. Pero es mejor dejar la frase "ahorras tanto" para la página del producto, para ahorrar espacio.
Azulejo vs lista
11 de septiembre
Para las tiendas con una gran variedad, para las cuales es importante una navegación rápida y conveniente, es preferible la salida de productos. Sin embargo, en el segmento premium u otras categorías donde necesita dar más información sobre el producto, vale la pena enumerar los productos.
Opción "Añadir al carrito"
16/4
La capacidad de agregar productos a la cesta sin ir a la página de descripción tiene sentido para productos simples que el comprador conoce bien (por ejemplo, pedir comida). En otros casos, es mejor probar: si los usuarios hacen clic en este botón, déjelo. De lo contrario, no desperdicie el espacio de su pantalla.
Comparación de productos
8/12
A menudo, esta opción es inconveniente para usar en dispositivos móviles. Por lo tanto, debe estar bien pensado o completamente abandonado en las versiones móviles.
Elementos de la página del producto
Spoiler Las imágenes ampliadas del producto mejoran la experiencia del usuario. Productos útiles y de video, le permiten considerar el producto "en vivo". No será superfluo bloquear el intercambio de tarjetas de bienes en redes sociales y mensajería instantánea.
La capacidad de ampliar la imagen.
16/4
Hay dos opciones: agrandar la imagen al hacer clic en ella o la capacidad de "estirarla" con los dedos. Esta es una opción esperada por los usuarios, por lo que la mayoría de los sitios utilizan esta práctica.
Video en la página del producto
11 de septiembre
9 sitios de 20 sitios en el estudio publican videos en páginas de productos. Por supuesto, para cada producto eliminar el video es costoso. Pero para los productos más populares, vale la pena hacerlo.
Botones para compartir en redes sociales
8/12
Esta opción no es tan utilizada por las tiendas en línea. Quizás la razón sea su baja popularidad: si los usuarios necesitan compartir el enlace, simplemente lo copian desde la línea del navegador (y en un teléfono inteligente es más fácil tomar una captura de pantalla y enviarla de inmediato). Pero el botón para compartir la página no ocupa mucho espacio, por lo que no será superfluo.
Elementos de personalización
Spoiler Los elementos de venta cruzada y venta ascendente que ofrecen a los usuarios productos basados en sus preferencias aumentan las ventas. No usarlos significa perder ingresos.
"Usualmente compran / navegan con este producto ..."
13/7
Si el producto seleccionado requiere adiciones obligatorias, este bloque es definitivamente necesario. Muestrelo en la página del producto y después de que el producto se agregue a la cesta. Entonces aumentará la venta cruzada.
Visto recientemente
11 de septiembre
Esta es una oportunidad conveniente para volver rápidamente a una página previamente interesada. Pero solo el 45% de las tiendas analizadas tienen esta opción.
Otras ofertas
13/7
Mensajes como "También le gustará ...", "Más de esta marca ...", etc., se convierten en elementos familiares de las páginas de productos no solo de escritorio, sino también de tiendas móviles.
Agregar artículo al carrito
Spoiler No redirija al usuario a la cesta después de agregar el producto. Una vista previa de la cesta en la ventana emergente será útil.
Permanezca en el sitio después de agregar el producto al carrito
20/0
Después de agregar el producto a la cesta, se recomienda dejar al usuario en la página del producto y no redirigir a la sección de pago. También los líderes, eso significa que está justificado.
Vista previa de la cesta al agregar productos
14/6
Esta es una buena manera de mostrar lo que hay en la canasta sin entrar en ella. Pero solo el 30% de las tiendas lo han implementado, por lo que ahora sabe cómo sortearlas al menos en un factor.
Ventana emergente de papelera de reciclaje
15/5
Una ventana emergente es conveniente para confirmar la adición de productos a la cesta. Esta ventana puede mostrar todo el contenido de la cesta. Al cerrarlo, el usuario permanece en la página del producto.
Artículos de carrito
Spoiler El carrito de compras es una página de conversión importante. No se pueden cometer errores aquí. Asegúrese de mostrar una imagen del producto con una breve descripción. Entre las opciones útiles se encuentran una indicación del tiempo de entrega, un recordatorio de los beneficios y la capacidad de guardar la cesta. Pero la duplicación del botón de pago / pedido puede ser abandonada.
Imagen del producto y descripción
20/0
La cesta debe mostrar una foto de cada producto. También es obligatoria una breve descripción de las características principales (nombre, tamaño, color, etc.). El espacio limitado en la pantalla no significa que a los usuarios no les importe lo que hay en su cesta.
Fechas de envío y entrega
15/5
Si en esta etapa no puede garantizar tiempos de entrega específicos, indique al menos cuándo planea enviar los productos.
Recordatorio de beneficios
18/2
La cesta no estará mal para recordar las bonificaciones que recibe el comprador. Por ejemplo, entrega gratuita, entrega al día siguiente, devolución gratuita, bonificación, período de garantía, etc.
Guardar carro
17/3
El 85% de los sitios de la muestra rechazaron la oportunidad de guardar la canasta y volver a ella en el futuro. Sin embargo, no se apresure a sacar conclusiones y elimine esa opción. Esta es una opción conveniente para los usuarios que regularmente compran un conjunto similar de productos (por ejemplo, alimentos). En otros casos, esta opción le permite mantener a una persona que no planea comprar ahora. (La pregunta sigue siendo cómo identificar al comprador sin registrarse y después de que se agoten las cookies).
Botón "Pago / Siguiente"
18/2
Durante algún tiempo, hubo una tendencia a colocar un botón para cambiar a la página de pago en la parte superior e inferior de la cesta. Pero casi todos se negaron a duplicar botones.
Elementos de la página de pago
Spoiler Hacer pedidos simples y directos. — . . . , .
14/6
. .
, , ( , , . .).
( )
5/15
— . . .
12/8
( «») — , . — .
12/8
(, , email . .) .
13/7
, , ( - , ).
—
Eso es correcto - , — - , - . Y eso está bien. . .
— , . , , , .
— . , , , , — - . — . .
.