Una compra desde el móvil
Más de la mitad de las compras se hacen desde el móvil, y ahí las reglas son otras: se navega con el pulgar, la pantalla es pequeña y quien mira suele estar haciendo otra cosa a la vez.
La tienda no es la web de escritorio encogida. Se reordena.
Lo que cambia respecto al ordenador
El menú se va abajo
Cinco botones fijos en la parte inferior: Inicio, Catálogo, Cesta, Pedidos y Cuenta. Siempre visibles, al alcance del pulgar, con el icono grande y la etiqueta debajo. El que estás mirando se marca en verde y con una barrita encima, para que se distinga aunque el móvil esté al sol.
La cesta lleva el número de artículos en un globo naranja.
Los filtros se pliegan
En el ordenador la columna de filtros está siempre ahí. En el móvil ocuparía media pantalla, así que se recoge en un botón Filtros y las opciones más usadas —orden, marcas, solo ofertas— quedan arriba como chips que se deslizan.
El botón de comprar se queda fijo
Esto es lo que más sube las ventas en móvil, y es lo primero que hacen mal la mayoría de tiendas.
En la ficha del producto, el botón de añadir a la cesta se ancla abajo con el precio dentro: «🛍 Añadir · 719,20 €». Da igual cuánto bajes leyendo la descripción: el botón sigue ahí. No hay que subir a buscarlo.
En la cesta pasa lo mismo con «Pagar 719,20 €».
Dos columnas de producto
En el ordenador caben tres o cuatro según tu plantilla. En el móvil, dos, con la foto más grande en proporción y el nombre a dos líneas.
El recorrido
1 · Busca. Chips de familia arriba, buscador, y la rejilla a dos columnas. Los mismos sellos de oferta y agotado.
2 · Elige. Foto grande, miniaturas debajo, precio y ahorro, stock en verde y las variantes. Y abajo, fijo, el botón con el precio.
3 · Cesta y datos. Los cuatro pasos arriba en pequeño, las líneas con sus botones − y +, el aviso de que puede comprar sin registrarse, y los campos uno debajo de otro con el teclado correcto en cada uno: el de correo saca la arroba, el de teléfono saca los números, el del código postal también.
4 · Hecho. Su nombre, el importe, el número de pedido y de factura, y el seguimiento.
Detalles que se notan
- Los campos piden el teclado que toca. Correo, teléfono, código postal y nombre están marcados para que el móvil abra el teclado adecuado y autocomplete lo que ya tenga guardado.
- Un botón pulsado no se vuelve a pulsar. Se bloquea al enviar, para que nadie haga dos veces el mismo pedido por impaciencia. Si vuelve atrás, se desbloquea solo.
- La cesta sobrevive. Vive en una cookie de dos meses. Quien deja la compra a medias un martes la encuentra igual el jueves, aunque no tenga cuenta.
- La barra de abajo respeta el borde del iPhone, para que el último botón no quede debajo de la raya de inicio.
Pruébalo en tu móvil
Abre informatica.gestioerp.com/Tienda desde el teléfono. La misma tienda, la misma dirección: se adapta sola.
Después mira cómo queda en el ordenador para ver la diferencia.