Auditar la experiencia móvil de una web en 60 minutos es totalmente posible si vas directo a lo que afecta la conversión. He hecho este ejercicio muchas veces cuando trabajo con startups y proyectos pequeños: con una auditoría rápida y bien enfocada puedes identificar los cambios que más impacto tendrán y priorizarlos para obtener resultados en semanas, no en meses.
Preparación: antes de empezar (5 minutos)
Reúne esto rápido antes de ponerte a trabajar:
- Acceso a Google Analytics o a los datos de analítica que tengas (o al menos las métricas clave: tasa de conversión móvil, páginas con más tráfico, tasa de rebote móvil).
- Una URL principal a auditar (home, ficha de producto o landing con más tráfico).
- Herramientas en mano: Chrome con DevTools, PageSpeed Insights / Lighthouse, un bloqueador de caché (o modo incógnito), y si puedes Hotjar o alguna sesión grabada.
- Un cronómetro: vas a dividir la hora en bloques para no dispersarte.
Minuto 0–10: diagnóstico rápido de rendimiento
La velocidad es una de las primeras causas de pérdida de conversiones en móvil. En 10 minutos deberías:
- Ejecutar PageSpeed Insights (o Lighthouse) y anotar los problemas prioritarios: LCP, FID/INP, CLS. No te quedes en la puntuación: mira las recomendaciones concretas (optimizar imágenes, reducir JavaScript, preconnect).
- Probar la página en Chrome DevTools > Network throttling con 3G lento para ver cuánto tarda en cargar el contenido crítico.
- Verificar el tamaño total de la página y el número de requests. Si superas ~2–3 MB o >100 requests, hay margen de mejora urgente.
Minuto 10–25: usabilidad y primeros toques
Ahora toca experimentar la página como si fueras un usuario real en móvil. Hazlo en un móvil físico si es posible, si no usando el emulador.
- Valora el tiempo hasta que aparece el contenido clave (hero, producto, formulario). ¿El CTA principal es visible sin hacer scroll? Si no, anótalo como prioritario.
- Comprueba los tamaños de los elementos táctiles. ¿Los botones son fáciles de tocar? El objetivo mínimo suele ser 44x44 CSS pixels.
- ¿El menú y navegación están optimizados para tocar? Menús complejos, mega menus y hover-only son malas prácticas en móvil.
- Observa la legibilidad: contraste, tamaño de fuente, espaciado. Si el usuario no puede leer, no convertirá.
- Prueba formularios: campos demasiado largos, teclado no optimizado para e-mail o número, pasos excesivos. Cada campo extra es fricción.
Minuto 25–40: funnels y puntos de fricción críticos
En este bloque reviso el funnel de conversión: la ruta que lleva al usuario a convertir.
- Simula desde llegada hasta la conversión (añadir al carrito, empezar checkout, completar formulario). Toma notas de las micro-fricciones: confirmaciones innecesarias, pasos duplicados, campos obligatorios dudosos.
- Busca elementos intrusivos: popups que aparecen justo al cargar y cubren el CTA, banners gigantes o intersticiales que dificultan la interacción. En móvil, menos es más.
- Revisa indicadores de confianza (métodos de pago visibles, políticas de devolución, reviews). En móvil, los símbolos y microcopys convienen para reducir la incertidumbre.
Minuto 40–50: métricas y pruebas
Con los hallazgos anteriores, define cómo vas a medir la mejora.
- Identifica 3 KPIs a seguir: tasa de conversión móvil, tasa de abandono en el checkout, tiempo hasta primera interacción (TTFI) o LCP. Prioriza según el problema detectado.
- Apunta eventos a crear en Analytics o en tu herramienta (clics en CTA, inicio de checkout, abandono de formulario). Si usas Google Tag Manager, deja marcado dónde crear las etiquetas.
- Planifica A/B tests rápidos: por ejemplo cambiar texto del CTA, ocultar popup en móvil, o reducir campos del formulario. Para pruebas rápidas recomiendo herramientas como Google Optimize (si está disponible) o VWO/Hotjar para tests sencillos.
Minuto 50–60: priorizar los cambios que aumentan conversiones
Con todos los datos en mano, toca priorizar. Uso una matriz Impacto vs Esfuerzo simple y efectiva. Aquí tienes una tabla que uso para ordenar las acciones:
| Acción | Impacto estimado | Esfuerzo | Prioridad |
|---|---|---|---|
| Optimizar imágenes (servir WebP, lazy-load) | Alto | Bajo–Medio | Alta |
| Reducir JS innecesario / desactivar scripts en móvil | Alto | Medio–Alto | Alta |
| Hacer visible el CTA principal sin scroll | Alto | Bajo | Alta |
| Reducir campos del formulario | Alto | Bajo | Alta |
| Eliminar intersticiales intrusivos | Medio–Alto | Bajo | Alta |
| Re-diseño del flujo de checkout | Alto | Alto | Media |
| Mejorar tipografía y contraste | Medio | Bajo | Media |
| Implementar cache y CDN | Medio | Medio | Media |
Prioriza siempre las tareas con alto impacto y bajo esfuerzo (quick wins). Por ejemplo, optimizar imágenes, hacer visible el CTA y reducir campos son cambios que muchas veces implementas en días y que suben la conversión rápido.
Ejemplos prácticos de quick wins
- Reemplazar imágenes de producto por versiones WebP y activar lazy-loading: suele reducir el LCP y mejorar conversiones instantáneamente.
- Mostrar un CTA fijo (sticky) en el pie de la pantalla con texto claro como "Comprar" o "Reservar": aumenta la tasa de clics sin tocar el diseño global.
- Si usas formularios largos, dividir en pasos o eliminar campos no esenciales (dirección, teléfono) hasta que sea estrictamente necesario.
- Desactivar scripts de terceros en móvil (chats, trackers no críticos) y cargarlos de forma asíncrona.
Herramientas que uso y recomiendo
- Google Lighthouse / PageSpeed Insights: diagnóstico de rendimiento y accesibilidad.
- Chrome DevTools (network, performance, device emulation): pruebas reales y debugging.
- Hotjar o FullStory: para ver mapas de calor y grabaciones de sesiones móviles.
- Google Analytics + Tag Manager: medir eventos y funnels.
- WebPageTest: pruebas de carga reales y filmstrip para entender LCP.
- BrowserStack (si necesitas pruebas en dispositivos reales).
Si haces esta auditoría con constancia (una vez por sprint) y vas implementando los quick wins primero, verás mejoras medibles en conversiones. Lo importante es tener un enfoque pragmático: identificar las fricciones que frenan a la mayoría de tus usuarios móviles y atacarlas por impacto, no por gusto estético.