Las primeras impresiones importan. Los usuarios de dispositivos móviles están muy orientados a los objetivos y son super impacientes. Evita distraer a un usuario de sus objetivos. Mantén tu página de inicio y las páginas de destino principales simples. Asegúrate de tener una clara llamada a la acción (CTA) y una propuesta de valor por encima de la cuota de pantalla. Un usuario debe saber qué hacer y por qué debe permanecer en su sitio móvil en un momento.
Haz menos. La recomendación número uno «Hacer menos». Eso significa menos imágenes, menos campos de formulario, menos patrones de navegación complicados, menos complementos, menos píxeles de terceros, menos paredes de texto, menos superposiciones de pantalla completa, menos bloqueos de procesamiento js, menos clics… menos formas de distraer al usuario de sus objetivos.
La velocidad acentúa el buen diseño. No es de extrañar que los sitios móviles más rápidos tengan una mejor participación de los usuarios. Innumerables casos de estudio, pruebas de usabilidad, y estoy seguro de que sus propias anécdotas personales, dejan bastante claro que la velocidad impulsa las conversiones. Las tres métricas de rendimiento que realmente reflejan la experiencia del usuario son: First Contentful Paint (FCP), Speed Index y Time to Interactive (TTI). Es fundamental establecer un presupuesto de rendimiento y responsabilizar a su equipo. Es una pena, cuando su sitio perfectamente diseñado resulta rechazado porque se le olvidó comprimir su imagen principal de 2MB. Usa herramientas como Lighthouse para monitorear estas métricas.
Puntos de referencia recomendados:
<2s First Content Paint (FCP)
<3 Índice de velocidad (SI)
<5 Tiempo de interacción (TTI)
Hable con tus clientes. Esto puede parecer increíblemente obvio, pero «¿Cuándo fue la última vez que habló con sus usuarios?» Nuestro objetivo de UX móviles no es solo hacer recomendaciones, sino Ser la voz del usuario. Ponte en el lugar de los usuarios e intenta completar las tareas más comunes (haga un seguimiento del número de clics y el tiempo total para completarlos).
Usar datos para justificar el diseño. La tendencia del «diseño respaldado por datos» no es nada nuevo. Después de priorizar un proyecto móvil, es importante hacer un seguimiento de los KPI móviles. Para los minoristas, supervisa el Valor promedio de pedido (AOV) y la tasa de salida en la página donde comienza el embudo de pago. Para las compañías de generación de leads, céntrese en el CTR del botón principal de Llamada a la acción y que el «lead» cierre el circulo (ventas exitosas / número de leads * 100). Si tienes un sitio web de viajes, concéntrate en las sesiones de retorno (retención de clientes) y el tráfico específico del canal (es decir, están aumentando las redes sociales). Considera la posibilidad de monitorear las micro conversiones, como las suscripciones a boletines de correo electrónico, los comentarios sobre un artículo, las reseñas de usuarios, las visualizaciones de videos o las acciones en las redes sociales. Sugerencia profesional: recomendamos que aproveche este brillante panel de instrumentos de Datastudio que Damla Cakirca creó para monitorear la participación de los usuarios en su sitio web.
La recaída es real. La mayoría de las empresas con las que trabajamos vieron mejoras significativas en la velocidad del sitio y / o la participación de los usuarios. Sin embargo, de 30 a 60 días después de la consulta veíamos reaparecer malos hábitos. También recomendamos usar la herramienta Chrome Dev para encontrar códigos CSS y JS no utilizados con la pestaña Cobertura. Cuando carga o ejecuta una página, la pestaña le indica la cantidad de código que se utilizó y la cantidad de carga. Puedes reducir el tamaño de tus páginas enviando solo el código que necesita. Es crítico monitorear y auditar tu sitio móvil de manera continua.
Se optimista sobre la nueva tecnología. Si estás buscando una experiencia móvil moderna y transformadora, intente construir un PWA. Si está buscando optimizar su tráfico pagado, considere el uso de AMP para tus páginas de destino principales. Si es un minorista, busca formas de agilizar el proceso de pago, como reducir campos, habilitar el llenado automático o implementar Google Pay. La clave del éxito es agregar tecnologías de manera incremental con un enfoque en mejorar la experiencia del usuario. Si no agregas valor a tus usuarios, no inviertas en ello.
La compra funcional cruzada es clave. Poner a todos los interesados clave en la misma página es un recordatorio obvio, pero importante. Mejorar su experiencia en la web móvil es un esfuerzo de equipo. Todos los equipos deben asumir la responsabilidad de monitorear la experiencia móvil. Los equipos de marketing deben observar el uso de píxeles de seguimiento de terceros. Los equipos de ingeniería deben centrarse en optimizar la ruta de representación crítica (eliminar los activos de bloqueo de representación). Los equipos de UX deben asegurarse de que las imágenes estén optimizadas y se centren en reducir los puntos débiles de uso (es decir, los controles deslizantes automáticos). Es fundamental establecer objetivos funcionales cruzados y responsabilizar a todos los equipos.
Observaciones de las tendencias móviles. Esta última sección es una captura de todas las mejores tendencias de UX de resultados positivos durante 2018.
- Implementar una caja de navegación inferior.
- Habilitación de notificaciones push (cuando sea necesario)
- Añadir un botón de pantalla ‘añadir a la página de inicio’ (manifiesto de aplicación)
- Uso de componentes web de «Material Design».
- Desplazamiento avanzado animaciones activadas
- CTA fijos en la parte inferior de la ventana gráfica (especialmente en las páginas de detalles del producto)
- Permitir a los usuarios comprar con una cuenta de invitado
- Amp primero
Recuerda que no hay una solución mágica para resolver todos sus problemas de UX. Mejorar tu sitio móvil requiere paciencia, análisis y compromiso multifuncional.