Saltar al contenido

Tendencias de Diseño UX según Google

Facebook
Twitter
LinkedIn
   Tiempo de lectura 7 minutos

Las primeras impresiones importan . Los usuarios de dispositivos móviles están muy orientados a los objetivos y son super impacientes. Evite distraer a un usuario de sus objetivos. Mantenga su página de inicio y las páginas de destino principales simples. Asegúrese de tener una llamada a la acción clara y una propuesta de valor por encima del pliegue. Un usuario debe saber qué hacer y por qué debe permanecer en su sitio móvil en un momento.

De izquierda a derecha: Warby Parker , Stash Invest ,  Drizly

Hacer menos . La recomendación número uno que hice consistentemente fue: «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 tus 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 bellamente diseñado resulta en un usuario rechazado porque se olvidó de comprimir su imagen de héroe de 2MB. Use herramientas como Faro (que se muestra a continuación) para monitorear estas métricas.

Puntos de referencia recomendados:
<2s First Content Paint (FCP) 
 <3 Índice de velocidad (SI) 
<5 Time to Interactive (TTI)

Captura de pantalla del faro

Hable con sus clientes . Esto puede parecer increíblemente obvio, pero no puedo decirle cuántas miradas en blanco he instigado al preguntar: «¿Cuándo fue la última vez que habló con sus usuarios?» Nuestro objetivo como clientes de UX móviles no era solo hacer recomendaciones, sino Ser la voz del usuario. Póngase en el lugar de sus usuarios e intente completar las tareas más comunes (haga un seguimiento de la cantidad de clics y el tiempo total para completar).

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, supervise el Valor promedio de pedido (AOV) y la tasa de salida en la página donde comienza el embudo de pago. Para las empresas de generación de leads, céntrese en el CTR del botón principal de Llamada a la acción y el cociente de plomo a cierre (ventas exitosas / número de leads * 100). Si tiene un sitio de viajes, concéntrese 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). Considere 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 los usuarios, las vistas de videos o las acciones en las redes sociales. Consejo profesional: te recomiendo que aproveches este brillante panel de  Datastudio que uno de mis compañeros (Damla Cakirca) hizo para monitorear la participación de los usuarios en su sitio.

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, 30 a 60 días después de la consulta (cuando no estábamos mirando hacia atrás por encima del hombro) veríamos reaparecer los malos hábitos. Para evitar este escollo, utilice un presupuesto de rendimiento. También recomiendo 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. Puede reducir el tamaño de sus páginas enviando solo el código que necesita. Es crítico monitorear y auditar su sitio móvil de manera continua.

Sea optimista sobre la nueva tecnología. Si está 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 sus principales páginas de destino. Si es un minorista, busque formas de acelerar 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 agrega valor a sus usuarios, no invierta en ello.

De izquierda a derecha: American Tin Ceilings , Rhone ,  SnapDeal

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 tendencias móviles . Esta última sección es una captura de todas las mejores tendencias de UX de las que he visto resultados positivos durante 2018.

  • Implementando un cajón de navegación inferior.
  • Habilitación de notificaciones push (cuando sea necesario)
  • Agregar un botón de pantalla ‘agregar a la página de inicio’ (manifiesto de aplicación)
  • Uso de componentes web de Material Design.
  • Desplazamiento avanzado animaciones activadas
  • CTA pegajosos 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
  • Amperio primero

Recuerde que no hay una solución mágica para resolver todos sus problemas de UX. Mejorar su sitio móvil requiere paciencia, análisis y compromiso multifuncional.

More to explorer

Empecemos tu proyecto